.tabs-progress ul { overflow: auto;flex-flow: nowrap;white-space: pre; }
.tabs-progress ul li a span { min-width: 32px; }

.select-enquiry-type ul li .checkbox-custom-box span {position: relative;z-index: 1; }
.why-dealer-x-card-wrap .why-dealer-x-card:last-child::after { display: none; }
.performance-inner-left .performance-item-row { height: 100%; }
.performance-inner-left .performance-item-row  .performance-item-col { height: 100%;display: flex;flex-direction: column;justify-content: space-between; }

@media(max-width:1365px){
    .search-inner { flex-direction: column; }
    .car-explore-list-section .car-explor-box-main-img img { height: 330px;}
    .car-explore-card .card-explore-card-btns { gap: 10px; }
    .car-explore-swiper-slider .swiper-wrapper > * { height: 100%; }
    .card-explore-card-text h3 { font-size: 22px;line-height: 28px; }
}

@media(max-width:1300px){
    .performance-inner-left { width: 40%; }
    .performance-inner-right { width: 60%; }
    .offcanvas-full-screen .offcanvas-body-left { padding: 30px; width: 50%; }
    .offcanvas-full-screen .offcanvas-body-right { width: 50%; }
    .offcanvas-full-screen .offcanvas-header { padding: 15px 30px; }
    .tabs-progress { margin-top: 20px;}
    .offcanvas-full-screen .btn-close { width: 35px;height: 35px;left: 16px; }
    .offcanvas.offcanvas-full-screen { width: calc(100% - 75px);}
}

@media(max-width:1199px){
    .performance-inner-left { width: 100%; }
    .performance-inner-right { width: 100%; }
    .performance-inner .row {gap: 30px; }
    .explore-sec-3-4 .row { row-gap: 24px; }
    .explore-sec-3-4 .col-md-3 { width: 50%; }
}
@media(max-width:991px){
    /* typography */ 
    h1 { font-size: 48px !important;font-weight: 400;line-height: 60px; }
    h2 { font-size: 44px !important;font-weight: 400;line-height: 56px; }
    h3 { font-size: 28px !important;font-weight: 400;line-height: 36px; }
    h4 { font-size: 20px !important;font-weight: 400;line-height: 26px; }
    h5 { font-size: 18px !important;font-weight: 400;line-height: 20px; }

    .py-120 { padding: 80px 0; }
    .py-90 { padding: 60px 0;}

    .container-fluid { padding: 0px 16px; }
    .home-blog-section .heading-with-btn { padding-right: 16px;}
    .navbar-toggler { padding: 0;position: absolute;left: 16px;top: 22px;}
    .navbar-brand { width: 100%;text-align: center; }
    .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 9.5H19' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M5 14.5H19' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
    .navbar-toggler:not(.collapsed) .navbar-toggler-icon {background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7L7.10051 16.8995' stroke='white' stroke-linecap='round'/%3E%3Cpath d='M7 7L16.8995 16.8995' stroke='white' stroke-linecap='round'/%3E%3C/svg%3E%0A");}
    
    .search-inner { justify-content: start !important;align-items: start !important;gap: 20px; }
    .search-inner .form-group { min-width: 100%;}
    .search-inner .d-flex.gap-5 { flex-direction: column;gap: 10px !important;}
    .explore-featured-section .row > * { width: 50%;}
    .explore-featured-section .row { row-gap: 20px; }
    .welcome-section { padding-left: 16px !important;padding-right: 16px !important; }
    .welcome-section  .col-md-6 { width: 100%;}
    .welcome-section .row { row-gap: 40px; }
    .welcome-text-inner { padding: 0; }
    .info-section .container-fluid > .row { margin-bottom: 0;}
    .info-section .container-fluid { display: flex;flex-direction: column;row-gap: 60px;}
    .info-section .container-fluid .row { flex-direction: column;row-gap: 30px; }
    .info-section .container-fluid .row:nth-child(odd) { flex-direction: column-reverse; }
    .info-section .container-fluid .row > * { width: 100%; }
    .info-section .info-text { padding: 0; }
    .parallax-image-scroll img { transform:none !important; }
    .map-info-section .container-fluid { display: flex;flex-direction: column;row-gap: 30px; }
    .map-info-section .container-fluid > * { width: 100%;}
    .map-info-section .map-iframe-wrap { position: static; }
    .map-info-area { padding: 0;}
    .map-info-section .map-iframe-wrap iframe { height: 320px; }
    .testimonials-swiper-slider > .swiper-wrapper { margin: 50px 0; }
    .my-100 { margin: 50px 0; }
    .explore-welcome-section .row{ flex-direction: column-reverse; }
    .car-explore-swiper-slider { margin-right: -16px !important;}
    .explore-message-marquee { display: none; }
    .explore-message-section .col-md-4 { width: 100%;margin: 0; }
    .custom-nav-tabs { overflow: auto;flex-wrap: nowrap; }
    .explore-welcome-section.bg-white .row { flex-direction: column; }

}
@media(max-width:767px){
     /* typography */ 
     h1 { font-size: 36px !important;font-weight: 400;line-height: 46px !important; }
     h2 { font-size: 30px !important;font-weight: 400;line-height: 40px !important; }
     h3 { font-size: 26px !important;font-weight: 400;line-height: 36px !important; }
     h4 { font-size: 24px !important;font-weight: 400;line-height: 32px !important; }
     h5 { font-size: 20px !important;font-weight: 400;line-height: 24px !important; }
     .explore-sec-3-4 .col-md-3 { width: 100%; } 

     .py-120 { padding: 60px 0; }
     .py-90 { padding: 48px 0; }

     .hero-swiper-slider .swiper-button-next { bottom: 20px;margin: 0;top: auto;right: 16px; }
     .hero-swiper-slider .swiper-button-prev { bottom: 20px;margin: 0;top: auto;left: 16px; }
     .swiper-button-next, .swiper-button-prev { width: 40px !important;height: 40px !important;background-size: 100% 100%; }
     .hero-slider-text-inner { margin-bottom: 40px;}
     .search-inner .d-flex.gap-5 { width: 100%; }
     .search-inner .d-flex.gap-5 .d-flex.gap-4:nth-child(2) { flex-direction: column; }
     .explore-featured-section .row > * { width: 100%; }
     .why-dealer-x-card { width: 100%;flex: auto; }
     .why-dealer-x-card:after { display: none; }
     .why-dealer-x-card-wrap { gap: 0;}
     .why-dealer-x-card-wrap .why-dealer-x-card  { padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid var(--neutral-20); }
     .why-dealer-x-card-wrap .why-dealer-x-card:last-child { margin-bottom: 0;border: none;padding-bottom: 0;}

     .car-img-slider { padding: 0;}
     .model-range-slider-text-inner .d-flex.gap-4 button { width: 50%; }
     .model-range-slider .swiper-arrow-btns > div { width: 51px !important;height: 18px !important; }
     .swiper-arrow-btns { max-width: 100%;padding: 0px 16px; }
     .testimonials-section, .home-blog-section { padding: 60px 0px !important;padding-bottom: 30px !important; }
     .swiper-pagination-with-arrows .swiper-arrow-btns-bottom { margin-top: -7px;}
     .home-blog-slider-content .home-blog-slider-img { aspect-ratio: 5/3.68; }
     footer { padding-top: 50px;padding-bottom: 24px;}
     .logo-footer { padding-bottom: 40px;}
     .footer-bottom-right { margin-top: 20px;}

     .footer-bottom { flex-direction: column;align-items: start !important;}
     .footer-links { justify-content: start !important; }
     .footer-bottom-right .footer-links:last-child a:last-child { display: block;width: 100%; }
     .map-info-row { flex-direction: column; }
     .map-info-btn .btn { width: 100%; }
     .swiper-pagination-white .swiper-pagination-bullet { width: 30px; }
     .swiper-pagination-with-arrows .swiper-button-next { right: 16px; }
     .map-info-inner .map-info-row { border: none;padding-bottom: 20px; }
     .map-info-area > h2 { margin-bottom: 40px;}
     .hero-slider-text button { width: 100%;}
     .car-explore-card .card-explore-card-btns .btn { width: 100%;flex: auto;}
     .car-explore-card { padding: 16px; }
     .card-explore-card-text h3 { font-size: 22px !important;line-height: 28px !important; }
     .car-explore-list-inner { gap: 40px;}
     .car-explore-list-item .col-md-8 { padding-left: 15px;}
     .heading-with-btn { flex-direction: column;justify-content: start !important;align-items: start !important;}
     .explore-banner-section { min-height:calc(100vh - 75px);}
     .banner-text-3 span {font-size: 14px; }

     .car-view-banner-btns { flex-direction: column;gap: 10px;margin-top: 20px !important; }
     .car-view-banner-btns button { width: 100%; }
     .banner-text-3 { padding: 30px 0 !important; } 
     .explore-welcome-section.bg-white .row .explore-welcome-img { height: 420px;overflow: hidden; }
     .explore-welcome-section.bg-white .row .explore-welcome-img img { height: 100%;object-fit: cover;object-position: center; }
     .car-statics-inner .statics-item { border: none;}
     .car-statics-inner .statics-item h2 { font-size: 60px !important;margin-top: 15px; }
     .car-statics-inner .row > * > *{ border-bottom: 1px solid rgba(255,255,255,20%);}
     .car-statics-inner .row > *:last-child > * { border-bottom: none; }
     .car-statics-btn { margin-top: 50px;}
     .car-statics-btn .btn { width: 100%; }

     .performance-item-col figcaption { padding: 16px;min-height: auto;}
     .performance-item-col figure {padding: 16px;aspect-ratio: 16/9; }
     .performance-inner-right .performance-item-col { flex-direction: column; }
     .mb-6 { margin-bottom: 30px; }
     .py-100 { padding: 60px 0; }
     .performance-item-col figcaption span { font-size: 14px; }
     .performance-item-col figcaption h3, .performance-item-col figcaption h2 { font-size: 26px !important;line-height: 36px !important; }
     .hero-section-view-car .hero-slider-text { padding: 40px 16px;position: static; }
     .hero-section-view-car .hero-swiper-slider { height: auto;background-color: var(--neutral-100);}
     .hero-section-view-car .hero-slider-img { height: 420px; }
     .hero-section-view-car .swiper-pagination { top: 370px !important; }
     .hero-section-view-car .hero-swiper-slider .swiper-button-next { top: 365px; }
     .hero-section-view-car .hero-swiper-slider .swiper-button-prev { top: 365px; }
     .hero-section-view-car .btn { display: none;}
     .quote-section h2 { font-size: 26px !important;line-height: 36px !important; }
     .quote-author h3 { font-size: 18px !important;line-height: 26px !important; }

     /* enquiry css */
     .offcanvas-full-screen .offcanvas-body-right { position: absolute;top: 0;left: 0;width: 100%;}
     .offcanvas.offcanvas-full-screen { margin-top: 70px;width: 100%;padding-top: 103px; }
     .enquiry-image-car { display: flex;align-items: center;justify-content: space-between;width: 100%; }
     .offcanvas-full-screen .offcanvas-body-right figure { margin: 0;min-width: 200px; width: 200px;}
     .offcanvas-full-screen .offcanvas-body-right figcaption { width: 100%;text-align: left;padding: 15px;}
     .offcanvas-full-screen .btn-close { width: 30px;height: 30px;background-size: 30px;left: 50%;transform: translate(-50% , 0); }
    .enquiry-image-car h1 { margin: 0;}
    .offcanvas-full-screen .offcanvas-body-left { width: 100%;}
    .tabs-progress ul li::after { width: 12px;}
    .tabs-progress ul {gap: 7px;padding-bottom: 12px; }
    .offcanvas-full-screen .offcanvas-body-left { padding: 30px 16px; }
    .offcanvas-full-screen .offcanvas-header { padding: 15px 16px}
    .offcanvas-full-screen .offcanvas-body-right figcaption span { font-size: 14px; }

    .offcanvas-thanks .offcanvas-body-right { display: none; }
    .offcanvas-thanks.offcanvas.offcanvas-full-screen { padding-top: 0; }
    .enquiry-thanks-text-footer .btn { width: 100%; }

    .specifications-offcanvas.offcanvas.offcanvas-full-screen  { padding-top: 0; }
    .specifications-offcanvas-body { padding: 30px 16px; }
    .specifications-accordion .accordion-item { flex-direction: column;}
    .specifications-accordion .accordion-item .accordion-header, .specifications-accordion .accordion-item .accordion-collapse { width: 100%; }
    .specifications-accordion .accordion-item .accordion-header button{ font-size: 26px !important;line-height: 36px !important; }
    .specifications-accordion .accordion-body { padding-right: 0;padding-left: 47px;}
    .search-inner .d-flex.gap-4 { flex-direction: column;flex-direction: column;
        gap: 0px !important; }
}
@media(max-width:575px){
    .offcanvas-full-screen .offcanvas-body-right figure { width: 160px;min-width: 160px;}
}
@media(max-width:480px){
    .form-offcanvas .d-flex.gap-4 { gap: 14px !important;}
    .form-main-flex-col .d-flex.justify-content-between { gap: 10px;}
    .form-main-flex-col .d-flex.justify-content-between .btn { width: 50%; }
}