@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
}
}


@media (min-width:1517.78px){
	
	.servicesbox{width: 425px;}	
	.testimonial-carousel .owl-nav .owl-prev{ left:-40px}
	.testimonial-carousel .owl-next{right: -40px;}
	.roadsiderut{height: 1135px;}
	.Visionarea{margin: -155px 0px -216px 0px;padding: 100px 0px;}
}




@media (min-width:991.98px) {
    .menu ul {
        display: block!important;
    }
  /*  .menu ul li > ul {
        display: none!important;
    }*/
   .menu ul li:hover > ul {
    /* display: block!important; */
    opacity: 1;
    top: 100%;
    visibility: visible;
}
}



@media(max-width: 1366.98px) {
.header_area::after{ height:38px;}	
.menu ul li a{ font-size:19px;}
	.featleft{left: -45px;}	
	.featright{right: -40px;}
	.menu ul li{ margin:0px}
	.servicesleft ol li:nth-child(2) {
  left: 10px;
}
	.serviceright ol li:nth-child(2) {left: -10px;}
	.bannersection .container, .header_area .container, .servicrsection .container, .clientsection .container, .detailssection .container, .indetailssection .container {max-width: 1250px;}
	.servicesleft{left: -55px;}
	.serviceright {
  left: initial;
  right: -55px;
}
	.Visionarea{height: 1070px;}

	}
	
@media(max-width: 1280px){
	.servicesleft{left: -73px;}
	.featmedial{ width:40%}
	.serviceright{right: -65px;left: initial;}
	.servicesleft ol li:nth-child(2) {left: 20px;}
	.serviceright ol li:nth-child(2) {left: -27px;}
	.innaboutbanner .container{ position:relative; z-index:9;}
	.innaboutbanner:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
	.innerbanner{ position:relative}
	.innerbanner .container{ position:relative; z-index:9;}
	.innerbanner:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
	.bannersection{ position:relative}
	.bannersection .container{ position:relative; z-index:9;}
	.bannersection:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
	.bannertext p{ color:#000;}
	
	
	
	
	
	}	
	

@media(max-width: 1199.98px) {
.header .logo{max-width: 150px;}
.header-right .call-body h5 a{font-size: 24px;}
.header-right .call-body h6{font-size: 14px;}
.servicesleft{left: -60px;}
.serviceright{left: initial;right: -60px;}
.servicesleft ol li:nth-child(2) {left: 0px;}
.serviceright ol li:nth-child(2) {left: 0px;}
.featbox{ width: 332px;}
.testimonial-carousel .owl-nav .owl-prev{ left: -10px;}
.testimonial-carousel .owl-next{right: -8px;}
.countersection, .Visionarea{background-size: cover !important;}
	.countersection{padding: 158px 0px 100px;}
	.detailssection ul{text-align: center;}
	.detailssection ul li{width: 28%;margin: 0px 10px 110px 10px;}
	.detailssection{padding: 55px 0px 0px;}
	.phone-body h5 a{ font-size:23px}
	.aboutsection .inneraboutimg {
 width: 525px;
    position: initial;
    left: -30px;
    margin-left: -90px;
}

}


@media(max-width: 1024px){
	.featright{right: -30px;}	
	    .servicesleft {left: -32px;}
	.servicesbox{width: 350px;}
	.serviceright{right: -30px;left: initial;}
	.featleft{left: 20px;}
	.featbox {
        width: 300px;
    }
	.featright{right: 20px;}
	.featleft ol li:first-child{left: -25px;}
	.featright ol li:first-child{left: 35px;}
	.whybgarea{height: 1460px;}
	.roadsiderut:after{position: absolute;
    content: "";
    width: 100%;
    height: 158px;
    bottom: 0px;
    background: #151515;
    z-index: -1;}
	.footer::after{top: -485px;}
	.phone-body h5{ font-size:22px}
	.phone-body h6, .phone-body h6 a {
  font-size: 14px;
  color: #fff;
}
	.aboutbox{width: 160px;
    height: 130px;}
	.aboutext{padding-left: 20px;padding-right: 20px;}
	.servicesbox h5{font-size: 22px;}
	.aboutsection .inneraboutimg {
 width: 450px;
    position: initial;
    left: -30px;
    margin-left: -45px;
}

}

@media (max-width:991.98px) {
    .menuButton {
        display: block;
        margin-left: 15px;
        cursor: pointer;
    }
    .menu ul li span {
       
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 99;
    }
    
    .arrow_change span:nth-child(2) {
        display: none;
    }
    .arrow_change span:first-child {
        position: relative;
        top: 9px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .arrow_change span:last-child {
        position: relative;
        top: 1px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }
    .menuBar {
        padding: 15px 0;
    }
  .menu {
    padding: 45px 0;
}
    .menu ul {
    display: none;
    background-color: #fff;
    position: absolute;
    top: 125%;
    left: 0;
    width: 100%;
    z-index: 99;
}
   .menu ul li a {
    color: #071731;
    display: block;
    width: 100%;
    font-size: 14px;
}
 .menu ul li ul {
    display: none;
    background-color: #fff;
    position: relative;
    top: 5px;
    left: -1px;
    width: 100%;
    z-index: 1;
    padding: 0;
}
    .menu ul li:last-child ul {
        display: none;
        background-color: #3958a1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
    }
    .menu ul li {
        display: block;
        
        border-top: 1px solid #cccccc54;
        text-align: left;
        position: relative;
		margin: 0px;
    }
    .menu ul li span {
    position: absolute;
    right: 30px;
    /* top: 30px; */
    z-index: 99;
    cursor: pointer;
    top: 12px;
    text-align: center;
}
    .menu ul li ul li ul {
        top: 0;
        left: 0;
    }
   .menu ul li ul li a {
    font-size: 12px;
text-transform: none;
background-color: #be002d;
padding: 8px 12px;
color: #fff;
}

.menu ul li ul {
  visibility: visible;
  opacity: 1;
  border-radius: 0;
}

.header_area::after{ display:none;}
.header_area.fix .logo {width: 85px;top: 0px;}
.header_area.fix .header-right { margin: 0px 70px 0px 0px;}
.header_area.fix .menuButton{position: relative;top: -14px;}
.header_area.fix .menu ul li a {padding: 10px;}
.header .logo{position: relative; z-index: 9; margin: initial; max-width: 115px;}
.header-right{ margin-top:23px;}
.menuButton span{background: #be002d;}
.header-right{position: absolute;right: 0px;margin: 30px 68px 0px 0px;}
.menu ul li a{ padding:10px;}
.header_area.fix .menu ul{top: 100%}
.bannersection{height: 737px;}
.bannertext p{ color: #000;}
.bannersection .call-body h6{color: #000;}	
.bannersection .call-body h5 a {color: #026;}
.aboutext{ padding: 25px 15px 15px 15px;}
.servicesleft{position: initial;margin-top: 25px;}
.servicesimg {width: 100%;max-width: 100%;margin: 30px auto 0px;height: auto;}
.aboutsection::before{height: 113px;}
.servicesbox{width: 100%;margin-bottom: 20px;}
.ourservices .callarea {margin-top: 40px;}
.headerarea h4, .roadsiderut .headerarea h3{ font-size: 50px;line-height: 50px;}
.featleft, .featright{position: initial;}
.featbox {width: 100%;justify-content: left;margin-bottom: 20px;}
.whybgarea{height: auto; padding: 40px 0px;background: #be002d !important; background-image: initial !important;}
.featmedial {position: initial; margin: 0px auto 0px; width: 100%;}
.featleft ol li, .featright ol li{position: initial;}
.featicon{position: initial;}
.featbody {position: absolute;padding-left: 115px;text-align: left;padding-right: 0px;}
.featmedial .featbox{display: flex !important;}
.featmedial .featbody{text-align: left;padding-left: 30px}
.featurearea{ margin: 25px 0px 0px;}
.featshap{ margin: 0 auto 25px;}
.clientsection{ padding: 40px 0px;}
.clientsection .headerarea {margin-bottom: 20px; }
.clientsection::after, .clientsection::before{ display: none;}
.roadsiderut{height: auto; padding: 40px 0px;background: #026 !important; background-image: initial !important;}
.livenav {padding-left: 15px;padding-bottom: 25px;}
.footer{padding: 20px 0px 30px 0px;}
.contactboxin{ margin-bottom: 20px;}
.maparea{ margin-top: 20px;}
.inneraboutsection::after{ display: none;}
.innaboutbanner{ height: 500px;}
.innaboutbanner .innerbannertext{margin-top: 125px;}
.innerbannertext h1{font-size: 55px;line-height: 55px;}
.inneraboutsection{padding: 40px 0px 0px;}
.inneraboutsection .aboutext{ text-align: center;}
.inneraboutsection .aboutarea{max-width: 75%;margin: 40px auto 0px;}
.countersection{height: auto;padding: 150px 0px 100px;}
.counterbox{ margin-bottom: 35px;}
.Visionarea{height: auto;margin: -94px 0px -106px 0px;padding: 80px 0px 150px;}
	.servicrsection::after, .detailssection::after{ display:none;}	
	.innaboutbanner ul{position: absolute;bottom: 30px;}
.servicearea .serviceinbox:nth-of-type(2n) .servicrbox {top: 0px;position: relative;}	
	 .detailssection {padding: 110px 0px 0px;}
	.detailssection ul li:nth-child(2), .detailssection ul li:nth-child(4){top: 0px;}
	.detailssection h6{ font-size:19px}
	 .detailssection ul li {width: 28%;margin: 0px 10px 65px 10px;}
	.servicerright h4{font-size: 35px;}
	.inservicearea {padding-left: 15px;}
	.livenav1 {padding-left: 15px;}
	.menu ul li ul li span{ display:block;}
	.footer::after {top: -440px;}
	.menu ul li span::after{ color:#000;top: 2px;}
	.menu ul li ul li span{right: 25px;}
    .menu ul li.active ul li span::after a{color:#fff;}
	.privacybg h3, .privacybg h4{font-size: 40px; line-height:50px}
	.aboutsection .inneraboutimg{width: 100%;margin-left: 0px;top: 0px;}
	


}
@media (max-width: 767.98px) {
.bannertext h1, .bannertext h1 span{font-size: 50px;line-height: 65px;}
.bannersection {height: 600px;}
.aboutsection::before, .aboutsection::after{ display: none;}
.bannertext{margin-top: 130px;}
.aboutext{ text-align: center;}
.aboutsection h3{font-size: 40px;margin-bottom: 15px;}
.aboutarea {width: 100%;max-width: 100%;margin-top: 33px;}
.aboutsection, .ourservices{ padding: 40px 0px;}
.headerarea h4, .roadsiderut .headerarea h3{ font-size: 40px;line-height: 45px;}
.ourservices .callarea, .roadsiderut .callarea {margin-top: 31px; display: block !important; justify-content: center !important;text-align: center;}
.ourservices .callarea .phonein, .roadsiderut .callarea .phonein {margin-left: 25px;justify-content: center;margin-top: 15px;}
.servicesimg{ height: 350px;}
.featshap{width: 500px;height: 500px;}
.featshapone{ width: 450px;height: 450px;}
.featshaptwo{width: 410px;height: 410px;}
.innerbannertext h1{ font-size: 55px;}
.contactsection h3{font-size: 40px;margin-bottom: 25px;}
.innerbannertext h1 {font-size: 40px;}
.bannersection {height: 530px;}
.inneraboutsection h3, .Visionarea h4{ font-size: 35px;}
.inneraboutsection .aboutarea{max-width: 100%;}
.counterbox h4{font-size: 45px;line-height: 47px;}
	.servicrsection .headertext {width: 100%;text-align: center;}
	.servicrsection h3{font-size: 45px;}	
	.detailssection ul li{width: 45%;}
	.serviceimg10 {height: auto;margin-bottom: 20px;}
	.inleftservice{ order:2}
	.inservicearea{ order:1}
	.indetailssection{padding: 55px 0px 20px;}
	.footer_logo {max-width: 200px;width: 100%;margin: 0 auto 40px;}
	.livenav1{ margin-bottom:25px}
	.aboutbox{width: 150px;height: 130px;}
	.aboutbox h2{ font-size:15px}

}
/* XS Portrait */
@media screen and (max-width: 639.98px) {
    .header-right .call-body h6, .header-right .call-body h5 a{ font-size: 0px;}
    .header .logo{max-width: 90px;top: 5px;}
    .header-right{margin: 0px 56px 0px 0px;}
    .header-right .phonein {margin-right: 0px;}
    .header-right .btn {padding: 10px 45px 8px 15px;font-size: 14px; height: 42px;}
    .header-right .btn span { width: 23px;height: 23px;top: 9px;}
    .menuButton{position: relative;top: -15px;}
    .bannertext h1, .bannertext h1 span {font-size: 40px;line-height: 53px;}
    .bannersection .callarea{text-align: center;display: block !important;}
    .bannersection .callarea .phonein {margin-left: 25px;justify-content: center;margin-top: 15px;}
    .aboutsection h3 {font-size: 30px; margin-bottom: 15px;}
    .headerarea h4, .roadsiderut .headerarea h3 {font-size: 35px;line-height: 40px;}
    .call-body h6{ font-size: 16px;}
    .call-body h5 a{ font-size: 30px;}
    .ourservices .callicon{width: 60px;height: 60px;}
    .callicon span{width: 50px; height: 50px;border: 3px solid #fff;}
    .featshap {width: 400px; height: 400px;}
    .featshapone {width: 350px; height: 350px;}
    .featshaptwo { width: 325px;height: 325px;}
    .featicon{ width: 85px; height: 85px;}
    .featbox{ margin-bottom: 30px;}
    .featbody, .featright .featbody{padding-left: 95px;}
    .featmedial .featbody{padding-left: 10px;}
    .testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-next{width: 35px;height: 35px;}
    .testimonial-carousel .owl-nav .owl-prev::after, .testimonial-carousel .owl-nav .owl-next::after{top: 0px;}
    .roadsiderut .headerarea h3{ margin-bottom: 25px;}
    .callicon{width: 65px;height: 65px;}
    .footer::after{ display: none;}
    .roadsiderut .headerarea{margin: 0px auto 30px;}
    .footer_logo {max-width: 150px; margin: 0 auto 25px;}
    .menu ul{top: 105%;}
    .innerbanner{height: 500px;}
    .innerbannertext{max-width: 100%;text-align: center;}
    .innerbannertext h1 {font-size: 40px;line-height: 55px;}
    .bannertext {margin-top: 75px;text-align: center;}
    .innaboutbanner{height: 400px; padding-bottom: 40px; position:relative;}
	.innaboutbanner .container{ position:relative; z-index:9;}
	.innaboutbanner:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
	.innerbanner{ position:relative}
	.innerbanner .container{ position:relative; z-index:9;}
	.innerbanner:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
	.bannersection{ position:relative}
	.bannersection .container{ position:relative; z-index:9;}
	.bannersection:after{ position:absolute; content:""; width:100%; height:100%; background:#ffffffad; top:0px; left:0px}
    .innerbannertext h1 {font-size: 30px;line-height: 30px;}
    .inneraboutimg img{width: 70%; margin: 0 auto;text-align: center;display: block;}
    .inneraboutsection h3, .Visionarea h4 {font-size: 25px;}
    .counterbox h4 {font-size: 35px;line-height: 35px;}
    .Vision-body h5{ font-size: 25px;}
	  .innaboutbanner ul {position: initial;bottom: 0px;}
	  .servicrsection h3 {font-size: 35px;}
	.serviceimg{ margin-bottom:25px;padding: 20px; height:auto;}
	.servicrbox h4{ font-size:30px}
	.servicrbox .btn{font-size: 14px;height: 46px;padding: 11px 50px 7px 25px;margin-bottom: 10px;}
	.servicrbox .btn span {width: 27px;height: 27px;top: 10px;}
	.servicerright{margin-top: -45px;}
	 .servicerright h4 {font-size: 25px;}
	 .aboutbox {width: 135px;height: 130px;}
	.footercall{ display:block;}
	.copyright{margin-bottom: 75px;}
	.bannersection .call-body h6, .bannersection .call-body h5 a {color: #026;}
	.bannertext p{color: #000;}
	.aboutsection p, .bannertext p{ text-align:center;}
	.footerimg{ margin:0px auto 0px}
	.privacybg h3, .privacybg h4{font-size: 25px; line-height:35px}
	.aboutsection .inneraboutimg img{width: 100%; margin: 0 auto;text-align: center;display: block;}
	



}
@media (max-width: 479.98px) {
    .bannertext h1, .bannertext h1 span {font-size: 35px;line-height: 44px;}
    .bannertext p {font-size: 17px;}
    .bannersection {height: 500px;}
    .contactbox h4{ font-size: 30px;}
    .aboutsection h3 {font-size: 27px; margin-bottom: 15px; }
    .aboutbox{width: 115px;height: 130px;}
    .aboutbox h2{font-size: 13px;}
    .servicesbox{ padding: 10px;}
    .btn, .bannersection .btn{padding: 9px 55px 7px 25px;font-size: 17px;height: 45px;}
    .btn span{width: 30px;height: 30px;right: 10px;}
    .bannersection .btn span{width: 30px;height: 30px;right: 10px;top: 5px;}
    .call-body h5 a {font-size: 25px;}
    .headerarea h4, .roadsiderut .headerarea h3 {font-size: 30px;line-height: 36px;}
    .featshap {width: 350px;height: 350px;}
    .featshapone {width: 300px;height: 300px; }
    .featshaptwo {width: 275px; height: 275px; }
    .featbody, .featright .featbody {padding-left: 0px;position: initial;text-align: center;}
    .featicon{ margin: 0 auto;}
    .featbox{display: block; text-align: center;}
    .featmedial .featbox {display: block !important;text-align: center; }
    .featmedial .featbody {padding-left: 0px;text-align: center; }
    .headerarea h4, .roadsiderut .headerarea h3 {font-size: 25px;line-height: 33px;}
    .bannersection .callicon{width: 50px;height: 50px;}
    .bannersection .callicon span {width: 40px;height: 40px;font-size: 20px;}
    .bannersection .callarea .phonein{margin-left: 0px;}
    .bannersection .call-body h5 a{ font-size: 30px;}
    .roadsiderut .headerarea p {font-size: 20px;color: #fff;line-height: 25px;margin-bottom: 20px;}
    .footer_logo {max-width: 100px;margin: 0 auto 25px;}
     .innerbannertext h1 {font-size: 30px;line-height: 40px;}
    .innerbanner {height: 425px;}
    .contactsection::after{height: 80px;top: -79px;}
    .contactsection h3 {font-size: 27px;margin-bottom: 20px;text-align: center;}
    .contactfromarea {margin-top: 20px;}
    .callin-body h6, .callin-body h6 a{ font-size: 17px;}
    .callin-body h5 a{ font-size: 30px;}
    .contactsection{padding: 20px 0px 40px;}
    .innaboutbanner {height: 420px;}
    .inneraboutsection p, .Visionarea p{ font-size: 17px;}
    .counterbox h4 {font-size: 30px;line-height: 30px;}
	.servicrbox{ padding:15px}
	.detailssection ul li{ width:95%}
	.serviceleft h4{ font-size:25px}
	.serviceleft ul li a{font-size: 16px;padding: 10px 15px;}
	.serviceleft ul li a::after{top: 12px;}
	.livenav1 ul li{ width:100%;}
	.innerbannertext {max-width: 100%; text-align: center;margin-top: 25px;}
	.innerbannertext p{font-size: 15px;line-height: 23px;}
	.privacybg h3, .privacybg h4 {font-size: 23px;line-height: 30px;}



}
@media (max-width: 410px) {
    .header-right .btn{ display: none;}
    .bannertext h1, .bannertext h1 span {font-size: 25px;line-height: 35px;margin-bottom: 0px;}
    .bannertext {margin-top: 75px;}
    .header_area.fix .header-right {margin: 0px 47px 0px 0px;}
    .aboutbox {width: 100px; height: 135px;}
    .servicesbox h5{ font-size: 20px;}
    .featshap {width: 300px;height: 300px;}
    .featshapone {width: 260px;height: 260px;}
    .featshaptwo {width: 250px;height: 250px;}
    .featbox h5{ font-size: 22px;}
    .headerarea h4, .roadsiderut .headerarea h3 {font-size: 23px;line-height: 30px;}
    .innerbannertext h1 {font-size: 30px;line-height: 35px;}
	.header-right .callicon{width: 35px;height: 35px;margin-right: 0px;}
	.header-right .callicon span {width: 30px;height: 30px;border: 2px solid #fff;font-size: 13px;}
	.header_area.fix .callicon{margin-right: 10px;}
	 .servicrbox h4 {font-size: 25px;}
 .servicerright h4 {font-size: 20px;}

}

@media (max-width: 375px){
	
	
    
}

@media (max-width: 320px){
	
}