@media only screen and (max-width:1199px){
    .mean-container .mean-nav ul li a,.offcanvas__wrapper .offcanvas__content .offcanvas__contact h4,
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li .offcanvas__contact-icon i,
    .offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a{color:var(--title)!important;}
    .serviceImg {left: -120px;}
    .intro-container-wrapper.style3{height:auto;}
   
}
@media only screen and (max-width:1180px){
    .serviceImg {left: -200px;}
    .intro-content-wrapper.style3{padding-top:0;padding-bottom:0;}
    .intro-content-wrapper.style3 .intro-title{
        font-size: 55px;
        line-height: 60px;
    }
}
@media only screen and (max-width:1140px){}
@media only screen and (max-width:1024px){}
@media only screen and (max-width:992px){}
@media only screen and (max-width:991px){
    .aboutSec .row,.serviceSec .row,.servicePage .row{flex-direction: column-reverse;row-gap: 25px;}    
    .serviceImg{position:unset;}
    .serviceContent .section-title {margin-bottom: 0;}
    .ourQualityWork{margin-top:40px!important;}
    .project-card.style3 .project-thumb .main-thumb{width:100%;}
    .wcu-wrapper.style3 .wcu-thumb { margin-bottom: 50px;}
    .wcu-content.mxw-570 {max-width: 100%;padding-bottom:0;}    
    .work-process-card {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;padding:45px;}
    .footer-bottom .footer-wrapper p{text-align: center;}
    .about-wrapper.style3 .contact-meta{align-items: start;}
    .breadcumb-wrapper .breadcumb-content{padding: 70px 0;}
    .breadcumb-wrapper .breadcumb-content .breadcumb-title{font-size:50px;line-height: 60px;}
    .footer-widgets-wrapper .single-footer-widget{margin-top: 30px;}
}
@media only screen and (max-width:767px){
    .about-counter-wrapper{display:none!important;}
    .section-title h2 { font-size: 30px; line-height: 40px;}
    .footer-widgets-wrapper.style2 { padding: 40px 0; }
    .intro-content-wrapper.style3 .intro-title { font-size: 40px; line-height: 45px; }
    .breadcumb-wrapper .breadcumb-content .breadcumb-title{font-size: 40px;line-height: 50px;}
    
}
@media only screen and (max-width:678px){
    .back-to-top{width: 33px;height: 33px;line-height:35px;font-size:12px;}
    .bannerVideo {height: 75vh;}

}
@media only screen and (max-width:576px){
    .intro-content-wrapper.style3 .intro-title { font-size: 30px; line-height: 35px; }
    .header-contact-info{display:none!important;}
    .project-card.style3 .project-thumb:before{left: 5px;width: 93%;}
    .sticky.header-3,.header-3{padding: 10px 0;}
    .breadcumb-wrapper .breadcumb-content .breadcumb-title { font-size: 30px; line-height: 35px;margin-bottom:10px;}
    .breadcumb-wrapper .breadcumb-content .breadcumb-menu li a,.breadcumb-wrapper .breadcumb-content .breadcumb-menu li.active,.breadcumb-menu li{font-size: 13px;line-height: 19px;}
    .breadcumb-wrapper .breadcumb-content { padding: 50px 0; }
    .contact-info-box.style1 .title{font-size: 20px;line-height: 25px;}
    .contact-info-box.style1{padding: 20px;}
    .addBoxTop {row-gap: 30px;}
    .bannerVideo {height: 55vh;}    
}
@media only screen and (max-width:481px){}
@media only screen and (max-width:425px){}
@media only screen and (max-width:320px){}