@charset "utf-8";
@media (max-width:1920px) and (min-width:800px) {
#gallery .large-image{width:316px !important;}
#gallery .gallery-item{width:167px !important; height:208px !important;}
.gallery .large-image{width:524px !important;}
.gallery .gallery-item{width:47% !important; height:208px !important;}
.order-sm-1{left:68%;}
.order-sm-12{right:31%;}
}

@media (max-width:1199px) {
	body { font-size:14px;}
	h1 { font-size:30px;}
	h2 { font-size:28px;}
	h3 { font-size:24px;}
	h4 { font-size:22px;}
	h5 { font-size:20px;}
	h6 { font-size:18px;}
	
	header .header-logo { padding:0;}
	.navbar-expand-lg .navbar-nav { width:100%;}
	#main-nav ul li a:hover:after, #main-nav ul li.active a:after { content:none;}
	#main-nav button { display:block; background:none; border:none; padding: 24px 0;}
	#main-nav ul.navbar-nav li { margin:0; float:none; border-bottom: 1px solid rgba(255, 255, 255, .1);}
	#main-nav ul li.nav-btn a { background:#4A90E2; width:100%; padding:10px 15px; text-align:left;}
	#main-nav ul.navbar-nav li {line-height:normal;}
	#main-nav ul li a { padding:10px 15px; color:#fff; display:inline-block;}
	#main-nav .pushbar.from_right button { padding:15px;}
	#main-nav ul li a:hover, #main-nav ul li.active a { color:#fff;}
	.navbar-expand-lg .navbar-nav .dropdown-menu { position:static; width: 100%; background:#2d7f19; border:none; border-radius:0;}
	.navbar-expand-lg .navbar-nav .dropdown-submenu .dropdown-menu { background:#333;}
	.navbar-expand-lg .navbar-nav .dropdown-menu li a { padding-left:10px;}
	#main-nav ul li .dropdown-menu li { border-bottom: 1px solid rgba(255, 255, 255, .1);}
	#main-nav ul li .dropdown-menu li a { color:#fff; display:inline-block;}
	
	.container { width:95%;}
	#main-nav .dropdown-toggle::after,#main-nav ul.navbar-nav li:before,.dropdown-submenu> a:after { display:none;}
	.dropdown-caret {display: block;position: absolute;right: 0;top: 0;width: 38px;height: 38px;text-align: center;padding: 10px; z-index:999;}
	.carousel-indicators{width:100%;}
	#main-nav ul li.active a:before, #main-nav ul li:hover a:before, #main-nav ul li a:before{content:none;}
	.left-img img{max-width:100%}
	#gallery .thmb-wrap, .gallery .thmb-wrap{ width: 62% !important;}
#gallery .large-image, .gallery .large-image{width:34% !important;}
.contact .form-control{width:50%;}
.contact label{width:43%;}
.form-group:last-child{width:50%; float:right;}
.contact button{float:left; margin-left:0}

}

@media(max-width: 1024px){
	#team-list .col-md-4{
		margin-bottom: 45px;
	}
	.logos .item img{
		width: 140px;
	}



	.embed-responsive{
	width: 100%;
	max-width:100%;
}

}


@media (max-width:991px) {
	.carousel-item { height: 130vh;}
	#gallery .gallery-item, .gallery .gallery-item {
    width: 28% !important;
    height: 161px !important;}
	.img-section img{max-width:100%;}
	.contact button{}
	#main-nav ul.navbar-nav li.active a{color:#ff7f00}

	
	
}

@media (max-width:768px) {
	#gallery .thmb-wrap, .gallery .thmb-wrap { width: 100% !important; margin-top:15px;}
#gallery .large-image, .gallery .large-image{width:100% !important;}
#gallery .gallery-item, .gallery .gallery-item { width: 20% !important;  height: 123px !important;}
.footer-top{    height: 81px;}
#footer{padding: 34px 0 30px 0;}
.right-img img, .left-img img{    margin-bottom: 19px;}
.carousel-item {
    height: 54vh;
}
.top-bar{height:auto;text-align: center;}
.header{top:53px;}
.top-bar ul{text-align:center}
.services .box1{margin-bottom:15px;}
.key-personnel .img-section{margin-bottom:30px;}

#team-list .col-md-4 p{
	margin: auto;
	line-height: normal;
}



}

@media(max-width: 812px){
	.embed-responsive.embed-responsive-16by9 iframe{
		width: 99%;
		height: 89%;
	}
}


@media(max-width: 736px){

	#team h2{
		text-align: center;
	}

	#team .col-md-4, #team-list .col-md-4{
		    text-align: -webkit-center;
	}

	.header{
		top: 71px;
	}

}

@media (max-width:600px) {
.header{top:93px;}
}


@media (max-width:540px) {
#gallery .gallery-item, .gallery .gallery-item {
    width: 28% !important;
    height: 87px !important;
    margin-right: 10px !important;
}
#footer ul.footer-email li:last-child {
    margin-left: 17px;
}
#experience-sec .heading h2 {
    font-size: 35px;
}
#experience-sec .heading span {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}



.carousel-item {
    height: 36vh;}
	.form-group:last-child{float:left;}
	.contact label{margin-bottom:15px;}
	.contact label, .contact .form-control{width:100%;}
	.contact label:after{right:inherit; left:12px; -webkit-transform: rotate(-28deg);
    -moz-transform: rotate(-28deg); top:29px; }
}

@media(max-width: 320px){
	.header{
		top: 120px;
	}
}