/* 992px media query start here  */
@media(max-width: 992px){




/* 992px media query end here  */
}




/* 768px media query start here  */
@media(max-width: 768px){
    .sideicons{top: initial;transform: initial;left: 0;bottom: 0;border-radius: 0;flex-direction: row;align-items: center;justify-content: space-between;background: #fff;box-shadow: 0 -2px 10px rgb(0 0 0 / 14%);width: 100%;z-index: 9;padding: 15px 25px;}
    .sideicons a{color: #000;line-height: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
    .sideicons a span{
        position: relative;
        color: #000;
        opacity: 1;
        top: initial;
        left: initial;
        background: none;
        display: none;
    }

    .sideicons a img.black-icon{width: 20px;}
    .sideicons a.mobhome{display: block;transform: translateY(4px);}
    .sideicons a.notmob{display: none;}
    .sideicons a img.white-icon{filter: invert(1);}
    .mobheader{background: none;}
    .privacy-policy-container{padding: 20px 0;}
    
    
/* 768px media query end here  */
}




/* 576px media query start here  */
@media(max-width: 576px){
    .maintitle{padding: 0 0 15px;}
    .maintitle span{font-size: 14px;}
    .maintitle h2{font-size: 22px;}
    .maintitle h2:before{width: 60px; top: 30px;}
    .innerpopupfrm{width: 90%;}
    .popup-left{display: none;}
    .popup-right{flex-basis: 100%;}
    .advantages{padding: 20px 0 0;}
    .advantages .maintitle{padding: 0;}
    .advantages .maintitle h1{font-size: 22px;}
    .advantages .maintitle h1:before{width: 80px; height: 3px;}
    .advatanges-inner{width: 100%;}
    .advatanges-inner .innerbox{border-radius: 20px; margin: 0 0 30px;}
    .advatanges-inner .innerbox:nth-child(3) .overlaybox, .advatanges-inner .innerbox:nth-child(1) .overlaybox{left: 15px;}
    .advatanges-inner .innerbox .overlaybox{right: 15px;}
    .advatanges-inner .innerbox .overlaybox h3{font-size: 18px;}
    .advatanges-inner .innerbox .overlaybox p{display: none;}
    .product-section{padding: 0;}
    .categorybox .catnav{gap: 5px; overflow: auto; justify-content: start;}
    .categorybox .catnav li{white-space: nowrap;}
    .categorybox .catnav li a{font-size: 12px; white-space: nowrap;}
    .product-section .productbox{padding: 0;}
    .product-section .productbox .slick-list{padding: 0;}
    .product-section .productbox .productdetails a span{font-size: 14px;}
    .product-section .productbox .slick-next{right: 0;}
    .product-section .productbox .slick-prev{left: 0;}
    .product-section .productbox .slick-next:before, .product-section .productbox .slick-prev:before{font-size: 20px;}
    .launchedbox .launched{width: 100%;}
    .about-section{padding: 20px 5px;}
    .about-section:before{border-radius: 20px;}
    .about-section .maintitle h2{letter-spacing: normal; font-size: 22px;}
    .aboutbox{margin: 0 0 20px;}
    .aboutimg{padding: 15px;}
    .third-widget{padding: 30px 0 40px;}
    .process{border: none; padding: 0;}
    .processbox{height: 250px; margin: 0 0 15px; border-radius: 20px;}
    .processbox .mainimg{left: 0; width: 100%; object-fit: cover;}
    .awardsection{padding: 20px 0 30px;}
    .awardsection .award-box{margin: 0;}
    .awardsection .award-box .awardbox{padding: 10px;}
    .awardsection .award-box .awardbox .awardcontent{flex-basis: 65%;}
    .awardsection .award-box .awardbox .awardcontent h2.title{font-size: 15px;    }
    .awardsection .award-box .awardbox .awardcontent h2:after{height: 1px; width: 50px;}
    .awardsection .award-box .awardbox .awardcontent p{font-size: 14px;}
    .awardsection .award-box .awardbox .awardimg{width: auto; height: auto; justify-content: end; flex-basis: 30%;}
    .awardsection .award-box .awardbox .awardimg img{width: 100%;}
    .partenrsection{padding: 30px 15px; border-radius: 20px;}
    .leadership{padding: 20px 0;}
    .partenrsection .slick-prev:before,
    .partenrsection .slick-next:before{font-size: 20px;}
    .partenrsection #financetieup{padding: 10px;}
    .leadershipbox{box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%); margin: 0 0 15px;}
    .leadershipbox figure{text-align: center;}
    .leadershipbox figure img{width: 50%;}
    .leadershipbox .content h3{font-size: 15px;}
    .leadershipbox .content h3:before{width: 20%;}
    .leadershipbox .content h4{font-size: 14px;}
    .mySwiper3{padding: 70px 0;}
    .mySwiper3 .swiper-button-next:after, .mySwiper3 .swiper-button-prev:after{font-size: 11px;}
    .mySwiper3 .swiper-button-next, .mySwiper3 .swiper-button-prev{width: 30px; height: 30px; box-shadow: 0 0 15px 2px #eee; top: 60%;}
    .mySwiper3 .swiper-button-next{right: 10%;}
    .mySwiper3 .swiper-button-prev{left: 10%;}
    .mySwiper3 .swiper-wrapper .swiper-slide.swiper-slide-active{box-shadow: 0 0 15px 5px rgb(0 0 0 / 10%);}
    .certificatesection .certificatebox{transform: scale(1.5);}
    .third-widget .forceslider .swiper-slide{margin-left: 75px !important; width: 90% !important;}
    footer{padding: 20px 10px; margin: 0 0 70px; border-radius: 20px;}
    .footerbox .footlogo{align-items: center; justify-content: center; margin: 0 0 10px; font-size: 22px;}
    .footerbox ul li{padding: 0 0 10px;}
    .social{padding: 10px 0 20px;}
    footer .footercenter{flex-direction: column;}
    footer .footercenter .footerbox ul li{padding: 0;}
    .whatsappicon{bottom: 20px;left: 20px;}
    .footerbox ul li a{font-weight: 400; letter-spacing: normal;}
    .footerbox h3{font-size: 14px;}
    footer .footercenter .footerbox{margin: 0 0 20px;}
    .copyright{padding: 20px 0 0;}
    .copyright p{text-align: center;}
    
    
    
    /*=========== start about us ================*/
    .aboutcontent{padding: 30px 0;}
    .whoimg{border: 1px solid #eee;}
    .aboutpoints .innerpoints{margin: 0 0 15px;}
    .aboutpoints .innerpoints span{font-size: 18px;}
    .aboutpoints .innerpoints p{font-size: 14px;}
    .whocontent{padding: 15px 0 0;}
    .whocontent .maintitle{text-align: start;}
    .whocontent .maintitle h3{font-size: 24px;}
    .whocontent p{font-size: 16px; text-align: justify;}
    .whocontent.whocontent2{padding: 0;}
    .journey{padding: 0;}
    .aboutadvantages{padding: 30px 0 0;}
    .outer-advantagebox{}
    .outer-advantagebox .advantagebox{width: 48%; margin: 0 1% 7%;}
    .aboutadvantages2 .advantagebox2{padding: 0; width: 60%; margin: 0 auto 25px !important; height: auto !important;}
    .aboutadvantages2 .advantagebox2 .icon{width: 100px;}
    .aboutadvantages2 .advantagebox2 h3{font-size: 16px;}
    .aboutadvantages2 .advantagebox2 p{font-size: 14px;}
    .plantcontent .title h3{font-size: 26px;}
    .plantcontent p{font-size: 16px;}
    .plantpoint{padding: 0;}
    .plantpoint p{padding: 0;}
    .plantpoint ul li{font-size: 16px;}
    .manufact-plant{padding: 30px 0;}
    .plantpoint ul{padding: 15px 0;}
    /*=========== end about us ================*/
    
    /*=========== start certificate ================*/
    .certification-page{padding: 30px 0 0;}
    .certification-page .certificatebox{padding: 0;}
    .certification-page .certificatebox img{width: 100%;}
    .certification-page .certificatebox .innerbox{width: 90%;}
    .certification-page .certificatebox .innerbox span{color: var(--secondary-color); font-size: 16px; font-weight: 700;}
    .certification-page .certificatebox .innerbox h3{font-size: 18px;}
    
    /*=========== end certificate ================*/
    
    
    /*=========== start vehical ================*/
    .vehicleboxx{padding: 0 0 30px;}
    .product-section .vehicleboxx:nth-child(even){padding: 20px 10px 30px; border-radius: 10px;}
    .product-section .productbox .productdetailsbox .headingbox .title{font-size: 22px;}
    .product-section .productbox .productdetailsbox .headingbox p{font-size: 15px;}
    .product-section .productbox .productdetailsbox .headingbox .knowmore{font-size: 14px;}
    
    /*=========== end vehical ================*/
    
    
    /*=========== start vehical inner page ================*/
    .productcontent{padding: 20px 0 0;}
    .productright{padding: 0 0 0 20px;}
    .productpagetop .slick-next:before, .productpagetop .slick-prev:before{font-size: 14px;}
    .productright .colors{margin: 0;}
    .prodescbox{padding: 40px 0 0;}
    .prodescbox .desctab li a{font-size: 16px;}
    .prodescbox .desccontent .featuresbox{flex: 0 0 48%; margin: 0 0 20px;}
    .prodescbox .desccontent .featuresbox .content h4{font-size: 16px;}
    .prodescbox .desccontent .featuresbox .content p{font-size: 14px;}
    .product-related{padding: 30px 0;}
    .desccontent .specibox .specibottombox span{width: 100%;}
    
    /*=========== end vehical inner page ================*/
    
    
    /*=========== start gallery ================*/
    .gallerypage{padding: 20px 0;}
    .parent {grid-template-columns: 1fr; grid-template-rows: auto;}
    .parent > div {grid-column: auto !important; grid-row: auto !important;}
    /*=========== end gallery ================*/
    
    
    /*=========== start contact us ================*/
    .contact-query{padding: 20px 0 0;}
    .contactinfo-details{gap: 10px; margin: 0;}
    .contactinfo-details .infodiv .icon i{width: 30px; height: 30px;}
    .contact-map{padding: 0;}
    .queryright{padding: 30px 20px; margin: 0 0 30px; height: auto;}
    .contactinfo-details .infodiv .content a{font-size: 16px;}
    .queryright form .fields-btn button{font-size: 15px; padding: 10px;}
    .contact-map .map iframe{width: 100%;}
    
    /*=========== end contact us ================*/
    
    
    /*=========== start dealer ================*/
    .lounge-container{padding: 20px 0 0;}
    .lounge-left h1{font-size: 30px;}
    
    
    .becomedealer-container{padding: 20px 0 0;}
    
    /*=========== start dealer ================*/
    
    .sideicons{padding: 15px 90px;}
    .policybox p{
        font-size: 15px;
    }
    .policybox{padding: 0 0 20px;}
    
    
    
    
    
/* 576px media query end here  */
}



/* 420px media query start here  */
@media(max-width: 420px){
    .popupfrm{display: inline-block; }
    .innerpopupfrm{overflow: auto; margin: 30px auto 0;}
    .popup-left{display: none;}
    .popup-right{flex-basis: 100%;}
    .popup-right form .fields{width: 100%;}
    
    
    /*=========== start about us ================*/
    .aboutpoints .innerpoints{margin: 0 0 5px;}
    .aboutpoints .innerpoints span{font-size: 16px;}
    .aboutpoints .innerpoints p{font-size: 13px;}
    .whocontent .maintitle h3{font-size: 18px;}
    .outer-advantagebox .advantagebox{width: 100%;margin: 0 0 3%;padding: 50px 15px 20px;height: auto;border-radius: 10px;}
    .advantagebox span{width: 30px; height: 30px; font-size: 18px; top: 10px; left: 10px;}
    .aboutadvantages2 .advantagebox2{width: 80%;}
    .aboutadvantages2 .advantagebox2 .icon{width: 80px;padding: 0;display: flex;align-items: center;justify-content: center;}
    .aboutadvantages2 .advantagebox2 .icon img{width: 40px;}
    .aboutadvantages2 .advantagebox2 .icon span{width: 25px; height: 25px; font-size: 14px;}
    .manufact-plant{padding: 0 0 20px;}
    .journey .journey-img img{width: 100%;}
    
    
    /*=========== end about us ================*/
    
    /*=========== start dealer ================*/
    .lounge-left h1{font-size: 28px;}
    .lounge-left p{padding-right: 0;}
    .lounge-right{padding: 30px 0; text-align: center;}
    .lounge-right img{width: 80%; margin: auto;}
    .lounge-left .dealersinfo .box span{font-size: 16px;}
    .lounge-left .dealersinfo .box span:nth-child(1){font-size: 20px;}
    .dealernetwork-container{padding: 20px 10px; border-radius: 20px;}
    .network-left > p{text-align: justify;}
    .network-left .network-why{padding: 20px 0;}
    .network-left .network-who h3{padding: 0;}
    .network-right{padding: 30px 0 0;}
    .dealerbenefits .maintitle h2:before{top: initial; bottom: 0;}
    .dealerbenefits .benefitsbox{margin: 0 0 20px; height: auto;}
    .dealerbenefits{padding: 40px 0 20px;}
    .becomedealer-box .maintitle h2{font-size: 22px;}
    .becomedealer-box .maintitle h2:before{top: initial; bottom: 0;}
    .becomedealer-left{padding: 0;}
    .becomedealer-box{padding: 0 0 10px;}
    .becomedealer-faq .faqsbox h3{font-size: 18px; font-weight: 400;}
    .becomedealer-faq .faqsbox .faqinnerbox p{font-size: 16px;}
    .becomedealer-faq .faqsbox{box-shadow: none;}
    
    /*=========== start dealer ================*/
    
    
/* 420px media query end here  */
}



/* 360px media query start here  */
@media(max-width: 360px){




/* 360px media query end here  */
}

