@charset "utf-8";
/* CSS Document */

@media (max-width: 1366px) {
	body{font-size:14px; line-height:23px;}
}

@media (min-width: 768px) {
	.Mobile-Navbar{display: none;}
	.Desktop_Menu{display:block; width:15%; position:fixed; z-index:1000; height:100vh; background:#333333; left:5%;}
	.inside-header{position:fixed; width:100%; padding-top:141px; z-index:990; padding-bottom:35px;}
	.inside-container{ padding-top:211px; padding-bottom:40px;}
	.Project-Container .col-sm-3{padding-left:5px; padding-right:5px;}
	.GroupPHI-logo{ text-align:center;}
	.mobile-isotope{display:none;}
	.Mission-head{font-size:50px;}
}
@media (min-width: 1366px) {
	.National-Awards .col-sm-6{ padding-right:30px;}
}
@media (max-width: 1366px) {
	.Desktop_Menu2{}
	.Desktop_Menu{width: 20%; left: 5%;}
	.GroupPHI-logo img{ padding-left:20px; padding-right: 20px;}
	.GroupPHI-logo{padding-top: 20px; padding-bottom:20px;}

	.sidebar-nav .metismenu a{ padding-left:72px; padding-bottom:3px; padding-top:3px;}
	.sidebar-nav .metismenu ul a{ padding-bottom:0;}
	.sidebar-nav .metismenu ul a {padding-left: 80px; font-size: 14.5px;}
	.sidebar-nav .metismenu ul ul a {margin: 0px 15px 0px 40px; line-height: 24px; padding-left: 50px;}
	.share ul{bottom: 20px;}

	.Media .col-sm-3{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.page-title{ font-size:12px;}
}


@media (min-width: 769px) and (max-width: 1024px) {
	.Desktop_Menu{width: 23%; left: 0%;}
	.sidebar-nav .metismenu a{padding-left: 68px;}
	.sidebar-nav .metismenu ul a{padding-left: 72px;}
	.sidebar-nav .metismenu ul ul a{padding-left: 36px;}
	.sidebar-nav ul li:last-child{padding-bottom:0px;}
	.sidebar-nav {position: relative;left: -15px;}
	.Parallelogram{right: -40px; width:auto;}
	.Parallelogram2{right: 0px; width:100%; background-position: 115% 50%;}
	.inside-header{padding-top: 120px; padding-bottom: 10px;}
	.inside-container{padding-top: 168px;}
	.project-box{ width:24.6%;}
	.project-box2{ width:20%;}
}


@media (min-width: 1024px) and (max-width: 1024px) {
	.project-box{ width:32.5%;}
	.Awards {display: inline-block; width: 25%; float: left;}
	.box {width: 100% !important; display: inline-block; background-size: 100%; min-height: 187px;}
	.Team-Container .Text-centered{ line-height:normal; height:45px; opacity:1; line-height:45px;}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body{font-size: 16px; line-height:26px;}
	.share ul{ bottom:70px;}
	.National-Awards .col-sm-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.Studio .col-sm-4, .Studio .col-sm-8{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.mission{ font-size:2rem;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.carousel-caption{ bottom:40px; right:40px;}
	.inside-header .inside-header-cont1{ font-size:16px;}
	.page-title {font-size: 13px;}
	.Achievements img{ width:25%;}
	
}

@media (min-width: 1112px) and (max-width: 1112px) {
	.project-box{ width:32.5%;}
	.Achievements img {width: 16.66666%;}
	body{font-size:15px !important;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.Awards {display: inline-block; width: 25%; float: left;}
	.box {width: 100% !important; display: inline-block; background-size: 100%; min-height: 187px;}
	.Team-Container .Text-centered{ line-height:normal; height:45px; opacity:1; line-height:45px;}
}

@media (min-width: 1024px) and (max-width: 1280px) {
	.National-Awards .col-sm-6{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}	
	.inside-header-cont2 img{ padding-top:2px;}
}
@media (max-width: 1024px) {
	.National-Awards .col-sm-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width: 1025px) {
	.ib-container .col-sm-3{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}




@media (min-width: 1366px) and (max-width: 1366px) {
	.GroupPHI-logo{ padding-bottom:30px;}
	.project-img img{width: 205px;}
	.inside-header{padding-top: 123px; padding-bottom: 10px;}
	.Parallelogram2{background-position: 108% 50%;}
	.inside-container{padding-top: 172px;}
	.Contact-us{ font-size:15px; letter-spacing:1px;}
	.sidebar-nav ul li:last-child{padding-bottom: 3px;}
	.Media .col-sm-3{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
	.project-box2{ width:16.66%;}
	.project-box{width:24.5%; padding-right: 0px;}
	.project-box img{ padding-right:3px;}
	.Achievements img {width: 16.66666%;}
}

@media (min-width: 1336px) and (max-width: 1336px) {
	.project-box{width:24.5%; padding-right: 0px;}
	.Achievements img {width: 16.66666%;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.inside-header{padding-top: 119px; padding-bottom: 27px;}
	.inside-container{padding-top: 169px;}
	.Parallelogram2 {background-position: 108% 50%;}
}


@media (min-width: 1025px) and (max-width: 1440px) {
	.Studio .col-sm-4, .Studio .col-sm-8{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media (min-width: 1280px) and (max-width: 1280px) {
	.Parallelogram2{background-position: 110% 50%;}
	.project-box{ width:24.5%;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
	.Achievements img {width: 16.66666%;}
	
}
@media (min-width: 1440px) and (max-width: 1440px) {
	.Parallelogram2{background-position: 105% 50%;}
	.Desktop_Menu{ width:20%;}
	.project-box{ width:19.6%;}

	.Media .col-sm-3{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (min-width: 1600px) and (max-width: 1600px) {
	.Parallelogram2{background-position: 105% 50%;}
	.project-box{ width: 19.5%;}
	.page-title{ min-height:45px;}
}

@media (min-width: 800px) and (max-width: 800px) {
	body{font-size:14px !important;}
	.project-box{ width:49%;}
	.inside-container .col-sm-8{ text-align:left;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.Achievements img {width: 25%;}
}
@media (min-width: 834px) and (max-width: 834px) {
	.project-box{ width:49%;}
	body{font-size:15px !important;}
	.inside-container .col-sm-8{ text-align:left;}
	.media-inside-cont{font-size: 13px;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.Awards {display: inline-block; width: 33.333333%; float: left;}
	.box {width: 100% !important; display: inline-block; background-size: 100%; min-height: 187px;}
	.Team-Container .Text-centered{ line-height:normal; height:45px; opacity:1; line-height:45px;}
}

@media (min-width: 768px) and (max-width: 768px) {
	.Desktop_Menu{width: 28%; left: 0%;}
	.inside-header .offset-md-3, .inside-container .offset-md-3{margin-left: 26%;}
	.inside-header .offset-md-3, .inside-container .offset-md-3{max-width: 68%;}
	.form .input input{ width:240px}
	.sidebar-nav ul li:last-child{padding-bottom:0px;}
	.sidebar-nav {position: relative;left: -30px;}
	.metismenu .has-arrow::after{left: 51px;}
	.sidebar-nav .metismenu ul ul a{margin: 0px 15px 0px 58px; padding-left: 20px;}
	.about-menu a{margin: 0px 15px 0px 58px; padding-left: 20px !important;}
	.Parallelogram{right: -40px; width:auto;}
	.Parallelogram2{right: 0px; width:100%; background-position: 135% 50%;}
	.inside-header{padding-top: 120px; padding-bottom: 10px;}
	.inside-container{padding-top: 175px;}
	.Contact-us .col-sm-6{max-width: 100%; flex: 0 0 100%;}
	.form {text-align: left;}
	.inside-header-cont3{padding-top:30px; float:left !important;}
	.project-box{ width:49.3%;}
	.project-box2{ width:20%;}
	.page-title{ min-height:55px; font-size:14px !important;}
	.Media-Container .col-sm-2{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
	.Awards {display: inline-block; width: 33.333333%; float: left;}
	.box {width: 100% !important; display: inline-block; background-size: 100%; min-height: 187px;}
	.Team-Container .Text-centered{ line-height:normal; height:45px; opacity:1; line-height:45px;}
}

@media (max-width: 767px) {
	body{ font-size:15px;}
	.Mobile-Navbar{display: block; padding: 1rem 1rem;}
	.Desktop_Menu{display:none;}
	header {
		position: fixed;
		width: 100%;
		top: 0;
		z-index:-1;
	}
	.inside-header .inside-header-cont1{ padding-top:5px; font-size:16px;}
	.Homebtn{float:right; padding-top:24px; padding-right:5px;}
	.Homebtn a{opacity: 0.4;}
	.Mobile-Navbar .logo{ width:90px; margin-left: 15px;}
	.bg-dark{background:rgba(30, 30, 30, 0.9) !important; z-index: 1000; position:fixed; width:100%;}
	button:focus{ outline:0;}
	.navbar-toggler{float:right; border:none; padding-top: 22px; padding-right:15px;}
	.inside-container{padding-bottom:40px;}
	.inside-container .col-8{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
	.Parallelogram{ top:110px; font-size: 10px; line-height:12px; width:200px; padding: 5px 10px;}
	.Parallelogram span{ font-size:13px;}
	.navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
	.sidebar-nav .metismenu{ padding-top:20px;}
	.metismenu .has-arrow::after{left: 4px;}
	.sidebar-nav .metismenu a{padding-left: 30px;}
	.sidebar-nav .metismenu ul a{padding-left: 35px;}
	.sidebar-nav .metismenu li + li {margin-top: 0px;}
	.sidebar-nav .metismenu ul ul a{ margin-left:10px; padding-left: 30px;}
	.about-menu a{ margin-left:10px; padding-left:25px !important;}
	.sidebar-nav ul li:last-child{padding-bottom: 0;}
	.Parallelogram2{ display:none;}
	.inside-header .col-sm-8, .inside-container .col-sm-8 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left:30px; padding-right:30px;}
	.inside-header .offset-md-3, .inside-container .offset-md-3{margin-left:0;}
	.inside-header{ padding-top:120px; padding-bottom:20px;}
	.form{ text-align:left;}
	.form .inside-header-cont3{ float:none; padding-top:20px;}
	.portfolio-section{padding-left:0px; padding-right:0px;}
	.project-box{ padding-left:0px; padding-right:5px; width:49%;}
	.project-box2{ width:33.33%;}
	.Award {text-align: left; padding-top: 20px;}
	.Awards .Text-centered {opacity:1; height:40px; padding-top:5px; padding-bottom:5px;}
	.Awards:hover .Text-centered {height:40px;}
	.inside-container .col-sm-8{text-align:left;}
	.sidebar-nav {padding-left: 75px;}
	.International-Awards .col-sm-3{ padding-bottom:15px;}
	.inside-header-cont2{ display:none;}
	
	.mobile-isotope{display:block; padding:0; margin:0; list-style: none; text-align:center; padding-top:20px;}
	.mobile-isotope li{ display:inline-block; padding:2px 5px; font-size:13px;}
	.mobile-isotope li.active a{color:#ffcc29;}
	.mobile-isotope li a:hover{text-decoration:none;}
	.page-title{font-size:12px; min-height:55px;}

	.Achievements img {
		width: 50%;
		padding-right: 10px !important;
	}
	.Awards{display: inline-block; width: 50%; float: left;}
	.box{width: 100% !important; display: inline-block; background-size: 100%; min-height: 170px;}
	.Media-Container article {width: 50% !important;}
	.far{ font-size:40px;}
	.overlay .closebtn {top: 12px; right: 12px; font-size: 40px; font-weight: normal; font-family: 'HelveticaNeueLT Std';}
	.Mission-head{font-size:25px; text-align: center; letter-spacing: 2px;}
}