@media(max-width: 992px){
    .menu-header{padding: 15px;}
    .weblogo{display: none;}
    .leftlogo{text-align: start;}
    .togglemenubox{height: 100%; display: flex; align-items: center; justify-content: end;}
    .togglemenu{display: block; color: #fff; font-size: 22px;}
    .leftlogo img{margin: 0;}
    .closemobmenu{display: block;color: #fff;position: absolute;top: 7%;right: 20px;font-size: 28px;}
    .moblogo{display: block;margin: 0 0 30px;}
    .moblogo img{width: 150px;}
    .menubox{    position: fixed;
        top: 0;
        left: -300px;
        background: #000;
        height: 100%;
        width: 300px;
        z-index: 999;
        flex-direction: column;
        gap: 0;
        justify-content: start;
        align-items: start;
        padding: 30px;
        transition: .3s linear;
    }
    .menubox.active{
        left: 0;
    }
    .menubox .menulist{
        padding: 0 0 20px;
    }
    .menubox .menulist .menulink{
    padding: 0;
    font-weight: 400;
    font-size: 15px;
}

    .catwisevehicle{padding: 50px 0 120px;}
    .third-widget .swiper-slide{width: 80% !important;}
    .flotab-boxes{padding: 20px 0;}
    .flolink{justify-content: space-between;}
    .flo{padding: 50px 70px;}
    footer .getupdate{width: 90%;}
    .footerbox{margin: 0 0 30px;}
    
}






@media(max-width: 768px){
    .vehiclecenter{display: none;}
    .catwisevehicle{padding: 30px 0;}
    .vehicleright h3,
    .vehicleleft h3{font-size: 18px;}
    .third-widget .swiper-slide{width: 100% !important;}
    .flo:before,
    .catwisevehicle:before{border-radius: 0 0 50px 50px;}
    .ride:before{border-radius: 50px;}
    .process:before, 
    .advantages:before{border-radius: 50px 50px 0 0;}
    .advatanges-inner{width: 90%}
    .flo{padding: 40px 0;}
    .saysclient{padding: 50px 0;}
    #saysslider{width: 97%;}
    .logoslider{width: 100%;}
    .processbox{height: 350px;}
    .processbox h3{font-size: 20px; top: 20px; left: 20px;}
    .certificates .swiper,
    .process .maintitle{width: 100%;}
    .query{padding:30px 0 60px;}
    .queryleft h3{width: 50%;}
    .queryleft{margin: 0 0 20px;}
    
    .innerpopupfrm{width: 95%;}
    
    
    
    
}









@media(max-width: 576px){
    .vehicleright,
    .vehicleleft{width: 100%; margin: auto; margin-bottom: 15px;}
    .vehicleright img,
    .vehicleleft img{width: 50%;}
    .flo:before,
    .catwisevehicle:before{border-radius: 0 0 20px 20px;}
    .ride:before{border-radius: 20px; height: 95%;}
    .process:before, 
    .advantages:before{border-radius: 20px 20px 0 0;}
    .catwisevehicle{padding: 20px 0;}
    .third-widget .maintitle h2{font-size: 20px;}
    .queryleft h3,
    .flobox h2,
    .ridebox h2,
    .process .maintitle h2,
    .advantages .maintitle h3{font-size: 24px;}
    .flobox p,
    .ridebox p,
    .process .maintitle p,
    .advantages .maintitle p{font-size: 16px;}
    .advatanges-inner .innerbox .overlaybox{width: 80%;}
    .flolink{overflow: auto; padding: 0 0 5px; border:none; position: relative;}
    .flolink:before{content: "";width: 100%;height: 1px;background: #ddd;position: absolute;bottom: 4px;left: 0;z-index: 999;}
    .flolink::-webkit-scrollbar{width: 0;}
    .flolink li:not(:last-child){padding-right: 20px;}
    .flolink li a{white-space: nowrap;}
    .flotab-boxes{border: none;}
    
    .flotab-boxes .flotab .leftbox p{font-size: 16px; text-align: justify;}
    .flotab-boxes .flotab{flex-direction: column;}
    .saysclient .saysbox p{font-size: 17px;}
    .ride .swiper-slide .innerbox img{width: 50px;}
    .ride .swiper-slide .innerbox h3{font-size: 20px;}
    .ride .swiper-slide .innerbox p{font-size: 14px;}
    .ride .swiper{width: 60%; height: auto;}
    .ride .swiper-slide .innerbox{padding: 50px 40px;}
    .ridebox{margin: 0 0 20px;}
    .processbox .mainimg{position: static;}
    .processbox h3{font-size: 26px; top: 30px; left: 30px;}
    .process{padding: 40px 0;}
    .queryleft h3{width: 40%;}
    .leftlogo img{width: 130px;}
    header .menu-header{border-radius: 0;}
    footer .getupdate{flex-direction: column; padding: 15px;}
    footer .getupdate .right{text-align: center;}
    footer .getupdate .right h3{font-size: 18px;}
    footer .getupdate .right p{font-size: 14px;}
    footer .getupdate:before{transform: skewX(0deg);}
    .footerbox .footlogo{justify-content: center;}
    .footerbox .footlogo img{width: 40%;}
    .footerbox,
    .footerbox h3{margin: 0 0 10px;}
    .copyright{padding: 30px 0 20px;}
    .certificates .maintitle{margin: 0 0 15px; width: 100%;}
    .certificates .maintitle h2{font-size: 20px;}
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
    .ride{overflow: hidden;}
    .logoslider figure{padding:8px;}
    .advatanges-inner .innerbox .overlaybox h3{font-size: 20px;}
    .advatanges-inner .innerbox .overlaybox p{font-size: 16px;}
    .advatanges-inner .innerbox{height: 500px;overflow:hidden;border-radius: 40px;}
    .advatanges-inner .innerbox img{width: 260%;transform: translateX(-30%);}
    .advatanges-inner .innerbox:last-child{height: 440px;}
    
    .popup-left{display: none;}
    .popup-right{flex-basis: 100%;}
    .innerpopupfrm{height: 80%;}
    
}

@media(max-width: 420px){
    .slider a{height: 500px; position: relative; z-index: 1; overflow: hidden;}
    .slider a img{position: absolute;top: 0;left: 0;width: 350%;transform: translateX(-48%);}
    .saysclient{overflow: hidden;} 
    .queryleft h3{width: 70%;}
    .menubox{width: 100%; left: -110%;}
    .closemobmenu{top: 4%;}
    footer{padding: 140px 0 0;}
    .ride .swiper{width: 90%;}
    .footerbox ul li{padding: 0;}
    .footerbox .footlogo + ul li{padding: 0 0 15px;}
    .footerbox{margin: 0 0 30px;}
    .footerbox h3{margin: 0 0 5px;}
    .innerpopupfrm{height: 90%; overflow: auto;}
    .popup-right{padding: 20px 15px;}
    .popup-right form .fields{width: 100%;}
    .innerpopupfrm{align-items: start; height: auto;}
    .menubox .menulist .menulink{font-family: 'regular';}
    
}