
@media (min-width:1480px) {

.bl-sc {background: rgba(0, 0, 0, 0) url("../images/bg-bl.jpg") no-repeat scroll right 12px center / cover ; }
}

@media (max-width:1360px) {
 

 
 
}

@media (max-width:1280px) {

.blue-list li {width:16%;}
  
}

@media (min-width:1200px) and (max-width:1280px) {
 

 
}



@media (min-width:999px) and (max-width:1199px) {
	
.ac-fit{background:rgba(0, 0, 0, 0) url("../images/bg-1.jpg") repeat scroll -216% 0}
.blue-list li {width:33.3%;border-bottom:1px solid #4e4d4d;}

.range-block .owl-next{top:-15%;}
.range-block .owl-prev{top:-15%;}
.eng-solutions-scroll {padding:0px;}
.cent-blu.section-top{padding:0px;}
.about-section-block {
    background: rgba(0, 0, 0, 0) url("../images/bg-2.jpg") repeat scroll right -45px center;
}
.homebanner .carousel-control.left { left: -14px;}
.homebanner .carousel-control.right { right: -11px;}
.homebanner .fa.fa-angle-right {font-size: 34px;font-weight: bold;margin:12px 17px;}
.homebanner .fa.fa-angle-left {font-size: 34px;font-weight: bold;margin:12px 17px;}
 .pad-cos .prod-desc{min-height:96px;}
 
 
 .section-top-btm {
    padding: 40px 0 80px;
}
 
 
}

@media (max-width:999px) {

.top-gadg::after {left:0px;width:100%;}

.blue-list li {width:33.3%;border-bottom:1px solid #4e4d4d;}
.maptop-det { position:relative; width:100%; float:100%; }
.map, .call { margin-bottom:20px; } 
#googleMap {
    height: 300px;
}

.banner-block {
    margin-bottom: 0px;
    overflow: hidden;
    position: relative;
    top:0px;
	/* margin-top:80px; */
    z-index: 99;
}

.lef-li li {
    padding: 0;
    position: absolute;
    right: 20%;
    top: -8px;
}

}

@media screen and (max-width:998px) {


.bl-sc {background: #1d398d;}
.about-section-block {background: rgba(0, 0, 0, 0) url("../images/bg-2.jpg") repeat scroll center center;}	  
 
 .section-top-btm.range-block { padding:40px 0px 100px }
  .section-top-btm.solution-sections { padding:40px 0px 100px }
   .section-top-btm.clients-sections { padding:40px 0px 100px }
   .call{padding-left:0px;}
   .sms{padding-top:0px;}
  
   
}

@media (min-width:768px) and (max-width:980px) {
 
.navbar-brand{padding:5px 0;}
.lef-li li{padding:8px 0 0 55px;margin-left:10px;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {margin-left: 8px;}
.vision::after{background-color:#1D398D;min-height:380px;} 
 
.clients-sections .owl-next {right: 43%;top: 122%;}
.clients-sections .owl-prev {left: 45%;top: 122%;}
/* .homebanner .carousel-control.left { left: -9px;} */
/* .homebanner .carousel-control.right { right: -9px;} */
/* .homebanner .fa.fa-angle-right {font-size: 25px;font-weight: bold;margin: 10px 13px;} */
/* .homebanner .fa.fa-angle-left {font-size: 25px;font-weight: bold;margin: 10px 13px;} */
 
}

@media screen and (max-width:800px) {
   
.nav.navbar-nav.pull-left li a {padding: 15px;}
.vision::after{background-color:#1D398D;min-height:380px;} 
.val-img-blk {margin-top: 3%;}  
.col-lg-7.col-md-7.col-sm-7.rech{width:100%;padding-right:15px;}
.col-lg-5.col-md-5.col-sm-5.getch{width:100%;padding-left:15px;}
.pad-cos .prod-desc{min-height:96px;}
   
}

@media screen and (max-width:768px) {

.nav.navbar-nav.pull-left li a {padding: 15px 20px;}
.site-navbar.site-navbar-bg .nav.navbar-nav.pull-left li a {padding: 15px 12px;}
/*.homebanner .carousel-control.left { left: -9px;}
.homebanner .carousel-control.right { right: -9px;}
.homebanner .fa.fa-angle-right {font-size: 25px;font-weight: bold;margin: 10px 13px;}
.homebanner .fa.fa-angle-left {font-size: 25px;font-weight: bold;margin: 10px 13px;}*/
.range-block .owl-prev {top:-65px;}
.range-block .owl-next {top:-65px;}




}

@media (min-width:767px) and (max-width:768px) {
	
.site-navbar.site-navbar-bg .btn-icon{left:30px;}
/*.site-navbar.site-navbar-bg .share-btn-container .social-links{left:30px;}	*/
.eng-solutions-scroll {padding:0px;}
.cent-blu.section-top{padding:0px;}


}


@media (max-width: 600px) and (max-height:767px)  {
	body .navbar-brand img {
    padding: 2px 0;
}
.banncap-inner {
    font-size: 35px;
    line-height: 35px;
}
	
}


@media (min-width: 1025px) and (max-width:1280px) {
	.logo-white img {
    height: 120px;
}
body .navbar-default:before, .navbar-default:after {
    width: 180px;
}
}
@media (min-width: 900px) and (max-width:1280px) {
	body .navbar-default:before {
    left: 40%;
}
}
@media (min-width: 768px) and (max-width:1024px) {
	
	body .navbar-default .navbar-nav>li>a {
    padding: 2px 5px;
    font-size: 12px;
}
body .logo-white img {
    height: 80px;
    transition: all 0.6s ease;
}
body .banner-block{
	margin-top: 0;
}
.navbar-default .navbar-nav li a.logo-white{
	padding: 0;
}
.navbar-default:before, .navbar-default:after {
    width: 80px;
}
.navbar-default:after {
    border-bottom-right-radius: 10px;
    right: 44%;
    transform: skew(-27deg);
}
.navbar-default:before {
    left: 36%;
    transform: skew(27deg);
    border-bottom-left-radius: 10px;
}
.clients-wraper ul {
    padding: 5px 15px;
}
.site-navbar-bg .navbar-default .navbar-nav li a {
    
    font-size: 11px;
}
.site-navbar-bg .logo-white img {
    height: 80px;
}
.banncap-inner {
    font-size: 30px;
    line-height: 30px;
}
}
@media screen and (max-width:400px) {
.banncap-inner {
    font-size: 20px;
    line-height: 20px;
}
.carousel-control{
	    top: 22%;
}
	
}
@media screen and (max-width:767px) {
.about-main .section-title h2{margin: 10px 0;}	
.services-main .section-title h2{    margin: 10px 0;}	
.solutions-main .section-title h2{    margin: 10px 0;}	
.page-contact-us .section-title h2{    margin: 10px 0;}	
.process-single{padding: 0;}
.process-single-wrapper{padding: 0;    margin-bottom: 0;}
.solutions-main .process-single-wrapper{margin-bottom: 10px;}
.process-single-wrapper h3{margin: 10px 0;}
.section-contact-details {width: 100%;padding: 0;}
.page-contact-us .contact-addrs {
    margin-top: 10px;
}
.page-contact-us .contact-icon, .page-contact-us .email-icon, .page-contact-us .phone-icon, .page-contact-us .fax-icon, .page-contact-us .reg-icon{    background-size: 30px;padding: 38px 20px 5px 20px;}
.page-contact-us address, .page-contact-us .email{padding-top:0}
.section-contact-details .email a{font-size: 16px;}
.page-contact-us address, .page-contact-us .email{padding-left:0;    margin-bottom: 0;}
.nopad-xs{padding: 0;}
.contact-form {
    width: 100%;
}
.page-contact-us .title-reg {
    font-size: 16px;
}
.page-contact-us .frm-fields textarea{    margin-bottom: 0;}
#submit{margin: 10px 0;}
	body .banner-caption{
		top: 35%
	}
	body .homebanner .carousel-control.left {
    left: -10px;
}
body .carousel-control {
    height: 40px;
    width: 40px;
}

	body .homebanner .carousel-control.right {
    right: -10px;
}
	body .homebanner .carousel-control i {
    font-size: 20px;
    line-height: 20px;
    top: -5px;
    position: relative;
}
	
	.navbar-brand img {
    height: 60px;
    padding: 4px 0;
    margin-left: -15px;
}
	.navbar-default:before, .navbar-default:after{
	display: none;
}
	
	.navbar-default .navbar-toggle .icon-bar {
    width: 30px;
    height: 2px;
    background-color: #069a4b;
    margin: 6px 0;
    transition: 0.4s;
    display: block;
}
.navbar-toggle .icon-bar.two {
    opacity: 0;
}
.navbar-toggle .icon-bar.three {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-4px, -8px);
}
.navbar-toggle .icon-bar.one {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-4px, 6px);
}
.navbar-toggle.collapsed .icon-bar {
	opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #fff;
}
.navbar-default .navbar-toggle {
    background-color: #fff;
    border: none;
	cursor: pointer;
    padding: 10px 0 0;
}

	
	
	.clients-wraper ul:before, .clients-wraper ul:after{
		display: none;
	}
	
	body .lis-of-nav {
    margin: 0;
}
body .social-link {
    text-align: center;
	margin-bottom: 10px;
}
	
	.menu-container {
   background-color: #fff;
    text-align: left;
	min-height: 100vh;
    z-index: 90;
}
.menu-container.navbar-nav>li {
    display: block;
}
	.menu-container.navbar-nav>li.logo{
		display: none;
	}
	.clients-wraper .list-inline li {
    width: 31%;
    padding: 2px;
}
.clients-wraper{
	position: static;
	background-color: #f5f5f5;
}
.clients-wraper ul {
    padding: 5px;
}
	
	
	
	body .navbar-default .navbar-nav li a{
		color: #2b2a29
	}
	
.lef-li span {font-size:0px;}
.lef-li a {font-size:0px;}
.lef-li {margin:0px;padding:0px 5px 0px 0px;}
.lef-li li{margin:0px;padding:0px;}

.ftrlinks li {margin:4px;}
.section-title h2 {margin:0px 0px 30px; font-size:25px; }
.range-block .owl-prev {top:100%;left:40%;}
.range-block .owl-next {top:100%;right:40%}
.banner-block {top:0px;}
.range-block {margin-top:0px;}
.clients-sections .owl-prev {top:116%;left:40%;}
.clients-sections .owl-next {top:116%;right:35%;}
.eng-solutions-scroll {padding-top:20px;}
footer.section-top-btm{padding:20px 0px;}
ul.social {margin-bottom:15px;}
 
.rock > img {display:none;}
.call > img {
    left: -105px;
    width: 112px;
}
.call > img{top:20%;}
.site-navbar.site-navbar-bg .navbar-header{height:40px;}
.site-navbar.site-navbar-bg .navbar-toggle{left:0;}
.navbar-brand > img {width: 70%;}
.navbar-brand { padding: 0}
.topies {margin:0px;}
.bottombar p {padding:0px;}
.cent-blu.section-top{padding:0px;}
.dropdown-menu>li>a {color:#fff;}
 
 .help {
    position: absolute;
    right: 15px;
    top: 9px;
}
 
 
.btn-icon span{width:auto;font-size:18px;color:#0196ec;}
.btn-icon {background-color: #fff;border: 1px solid #0196ec;border-radius: 100%;color: #fff;height: 35px;left: -53px;padding-top: 8px;position: absolute;top: -65px;width: 35px;}
.site-navbar .navbar-toggle {border: 1px solid #0196ec;border-radius: 100%;height: 35px;padding: 9px 6px;width: 35px;}
.site-navbar.site-navbar-bg .navbar-brand {background: #fff none repeat scroll 0 0;display: block; width: 50%;}
.menu-ul-container{right:0;top:85px;}
.share-btn-container .social-links {height: auto;left: -57px;position: absolute;top: -52px;visibility: hidden;width: 35px;}
.social-links a i {font-size: 18px;}
.social-links li a{height:35px;width:35px;font-size:18px;}
.site-navbar.site-navbar-bg .navbar-toggle {border: 1px solid #0196EC;}
.site-navbar.site-navbar-bg .navbar-toggle .icon-bar {background-color: #0196EC;}
.navbar-collapse{padding:0px;}
.navbar-nav {margin: 0;}
.site-navbar.site-navbar-bg .navbar-collapse{padding:0px;}
.site-navbar.site-navbar-bg .navbar-nav {margin: 0;}
.site-navbar.site-navbar-bg li.logo-cos a {display:none;}
.site-navbar.site-navbar-bg .collapse.in{width:100%;margin:0px;}
.site-navbar.site-navbar-bg .collapsing{width:100%;margin:0px;}
.site-navbar.site-navbar-bg .navbar{background-color:#fff;}
.site-navbar.site-navbar-bg .btn-icon{top:20px;}
.site-navbar.site-navbar-bg .share-btn-container .social-links{top:33px;}
.site-navbar.site-navbar-bg .lef-li{display:block;}

.site-navbar.site-navbar-bg .navbar-brand { width:auto; }
 
 .navbar, .site-navbar {
    height: 60px;
    min-height: 60px;
    background-color: #fff;
    box-shadow: 0 -1px 10px -1px #888;
}
.banner-block {  margin-top:60px; }
 

.bottombar span{display:block;}
.about-section-block .section-top-btm{padding:0px;}
.about-section-block {background:none;}
.clients-imgs {margin: 20px 0 0;}

.clients-sections .clientslist .owl-prev{ bottom: -80px;

    top: auto;} 
.clients-sections .clientslist .owl-next{ bottom: -80px;

    top: auto;} 


}

@media (max-width:640px) {

.awards-block .col-md-3.col-sm-4.col-xs-12{width:50%;}
ul.clients-lists li{width:25%;margin:5px 0px;}
 
/* .homebanner .fa.fa-angle-left {font-size: 29px;font-weight: bold;margin: 12px 17px;} 
.homebanner .fa.fa-angle-right {font-size: 29px;font-weight: bold;margin: 12px 17px;}
.homebanner .carousel-control.right {height: 20%;right: -30px;width: 10%;}
.homebanner .carousel-control.left {height: 20%;left: -30px;width: 10%;}*/
.owl-buttons {margin-top: 20px;}
.range-block .owl-theme .owl-controls .owl-buttons div {margin:15px}
.bot-cli a::after {right:81%;}
.bot-cli a {width:50%;}
 

}

@media (max-width:640px) and (orientation:portrait) {
	
	
	
	}

@media (max-width:640px) and (orientation:landscape) {
	
.blue-list li {  width:50%;}
.col-md-4.col-sm-6.col-xs-12.peo{width:50%;}
.val-img-blk {margin-top: 3%;}
	
}



@media (min-width:575px) and (max-width:600px) {	


.awards-block .col-md-3.col-sm-4.col-xs-12{width:50%;}

 
}

@media (max-width:575px) {

.blue-list li {
    border-bottom: 1px solid #4e4d4d;
    width: 50%;
}


}

@media (max-width:480px) {
	
.ftrlinks li a {margin:0 6px;}
.ftrlinks li {margin: 8px;}
.bottombar p {padding:6px 8px;}
.site-navbar.site-navbar-bg .navbar-brand {  }
.site-navbar.site-navbar-bg .navbar-brand img{width:50%;}
/* .homebanner .fa.fa-angle-left {font-size: 24px;font-weight: bold;margin: 8px 12px;} */
/* .homebanner .fa.fa-angle-right {font-size: 24px;font-weight: bold;margin: 8px 12px;} */
/* .homebanner .carousel-control.left {height: 20%;left: -22px;width: 10%;} */
/* .homebanner .carousel-control.right {height: 20%;right: -22px;width: 10%;} */
.bot-cli a span {background: rgba(0, 0, 0, 0) url("../images/download-icon.png") no-repeat scroll 16px center;}
.bot-cli a:hover::after{right: -14%;}
.section-top-btm.range-block{padding:40px 0 60px}



}

@media (max-width:380px) {

.awards-block .col-md-3.col-sm-4.col-xs-12{width:100%;}
ul.clients-lists li{width:50%;margin:5px 0px;}
.site-navbar.site-navbar-bg .navbar-brand img{width:70%;}
/*.homebanner .fa.fa-angle-left {font-size: 21px;font-weight: bold;margin: 8px 11px;}
.homebanner .fa.fa-angle-right {font-size: 21px;font-weight: bold;margin: 8px 11px;}
.homebanner .carousel-control.right {height: 36px;right: -12px;width: 36px;}
.homebanner .carousel-control.left {height: 36px;left: -12px;width: 36px;}*/
.range-block .owl-theme .owl-controls .owl-buttons div {margin:0px}
.range-block .owl-prev {left: 30%;}
.vision::after {min-height: 550px;background-color:#1D398D;}
.bot-cli a::after {right:81%;}
.bot-cli a {width:100%;}
.bot-cli a:hover::after{right: -21%;}
.room-air-cos .col-xs-6{width:100%;}
.cpd-cos .col-xs-6{width:100%;}
.pad-cos .col-xs-6{width:100%;}
.rpd-cos .col-xs-6{width:100%;}

.authorized { right: 154px;  width: 75px; top:10px; }
.authorized:After { right:-12px; top:2px; }

.navbar-brand > img { width: 60%;}
.site-navbar.site-navbar-bg .navbar-brand img { width:60%; }



.range-block .owl-prev, .clients-sections.product-sections .owl-prev{bottom:-70px;}
.range-block .owl-next, .clients-sections.product-sections .owl-next{bottom:-70px;}


.range-block .owl-prev, .solution-sections .solutionlist .owl-prev{bottom:-70px;}
.range-block .owl-next, .solution-sections .solutionlist .owl-next{bottom:-70px;}

.section-top-btm.range-block{padding:40px 0 90px;}

}

@media (max-width:320px) {

.bot-cli a::after {right:78%;}
.bot-cli a:hover::after{right: -21%;}

}
