@media screen and (max-width:1024px){

.wrapper{width:98%;}

.owl-controls{left:1%;}

.trailerBox{background-size:cover;}

.trailerBox .wrapper{width:100%;}

.map{min-height:400px; background:#fff;}

.yellowBox{background-position:52.1% top; background-size:cover;}

.footerBox{margin-left:40%; padding-left:5%;}

.innerpage{padding:40px 20px;}

}



@media screen and (max-width:768px){

.nav ul li a{padding:23px 15px;}

.nav ul li.last a{padding:10px;}

.quoteBox{width:40%;}

.yellowBox{background-position:41% top; background-size:cover;}

.serdes{width:75%;}

.newsdes{width:65%;}

.footerBox .clmleft{width:55%;}

.footerBox .clmright{width:35%;}

.serBox{width:52%;}

}



@media screen and (max-width:640px){

.header{padding-bottom:1px; min-height:60px; }

.header .logo{padding-top:6px; padding-left:15px;}

.menu-bar{display:block; cursor:pointer;}

.nav .menu{display: none; background:#333; box-shadow:0 -8px 6px 0 #000 inset;}

.fa-bars{display:block; float:right; margin:10px; background-color: #040608;padding: 10px 12px; border-radius:3px;}

.nav ul{clear:both;}

.nav ul li{border-bottom: 0 none;float: none; display:block; text-align:left; padding:0px 0px; border-radius:0px;border-bottom: 1px solid #222;}

.nav ul li a, .nav ul li.last a{padding:13px 20px; color:#fff;}

.nav .menu{position:fixed; top:0px; right:0px; display:none; width:300px; z-index:9999; height:100%; overflow:scroll; padding-bottom:20%;}

.nav .menu ul{overflow:auto;height:120%; }

.nav ul li.last{padding:0px;}

.nav ul li a:hover{color:#000;}

.nav ul li a:hover::after{border-bottom:0px;}

.spliter{margin-left:0px; min-height:inherit; padding:65px 5% 50px;}

.banner .bannerTxt{width:90%; margin:0 auto; text-align:center;}

.owl-controls {left: 47%;}

.yellowBox{background:#c3ac22; padding-top:20px;}

.yellowBox .wrapper{width:100%;}

.quoteBox {float: none;margin: 30px auto 10px;width: 90%; margin-top:50px;}

.serBox {background:#040608;float: none;margin-top: 20px;padding: 30px 5%;width: 90%; padding-top:60px;}

.testimonial {border-right: 0 none; border-bottom:1px solid #bebebe; float: none;margin: 0 auto; padding-right: 0;text-align: center;width: 90%; padding-bottom:15px;}

.newsBox {float: none;margin: 20px auto 0;overflow: hidden;width: 90%;}

#owl-demo1 .owl-controls{left:40.5%;}

.newsdes{width:80%;}

.map{width:100%; min-height:inherit; height:200px; position:static;}

.footerBox{width:100%; margin-left:0px;}

#map{height:200px;}

.footer{min-height:inherit;}

.splitleft{width:100%;}

}



@media screen and (max-width:550px){

.newsdes{width:70%;}

.copyright, .footlink{text-align:left; padding-top:10px; float:none; width:100%;}

.splitleft{width:100%;}

}



@media screen and (max-width:360px){

.banner h1{font-size:35px;}

.banner h2{font-size:30px;}

.owl-controls{left:41%;}

.serdes{width:63%;}

#owl-demo1 .owl-controls{left:31.5%;}

.newsdes{width:60%;}

.footerBox .clmleft, .footerBox .clmright{float:none; width:100%;}

.footerBox .clmright{padding-top:20px;}

.splitleft h2{background-size:auto 100%; padding-left:100px;}

.clmHalf{width:100%; padding-right:0px; float:none; padding-bottom:20px;}

.clmHalf:last-child{padding-bottom:0px;}

.cartfrm{padding:15px 5.8%;}

.frmclm{width:100%; float:none; padding:8px 0;}
.frmclm-3{float:none; width:100%; padding:8px 0;}
.formclm, .formrow{float:none; width:100%; padding:7px 0;}

}