@media (max-width: 1250px) {
    .lead {
        font-size: var(--fs-base);
    }
    .display-1 {
        font-size: 4rem;
    }
    #section-news-detail .model-showcase__car__price h1 {
        font-size: 3rem;
    }
}
@media (max-width: 1024px) {
  
}

/* Mobile (max 1000px) */
@media (max-width: 1000px) {
    .nav, .nav.collapsing {
        flex-direction: column;
        padding: 1rem 0;
    }
    .navbar-toggler {
        outline: none !important;
    }
    .navbar-toggler i {
        transition: transform 0.3s ease, opacity 0.3s ease;
        /* position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
    }
    .navbar-toggler:focus {
        box-shadow: none !important;
        outline: none !important;
    }
    .icon-bar {
        opacity: 1;
    }
    .icon-close {
        opacity: 0;
        font-size: 1px;
    }
    .navbar-toggler:not(.collapsed) .icon-bar {
        opacity: 0;
        transform: rotate(-90deg);
        align-items: right;
    }
    .navbar-toggler:not(.collapsed) .icon-close {
        opacity: 1;
        transform: rotate(0deg);
        font-size: 14px;
    }
    .navbar-collapse.show, .collapsing {
        border-top: 1px solid rgb(255 255 255 / 30%);
        background: rgb(9 11 25 / 70%);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        /* background: rgba(16, 14, 72, 0.7); */
        backdrop-filter: blur(4px);
    }
    .custom-model-dropdown {
        display: none !important;
    }
    .flip-card p {
        overflow-y: auto;
    }
    .model-list__radio {
        padding: 0.7rem 1rem;
    }
    .model-list {
        flex-direction: row !important;
    }
    .social-media__list li a {
        font-size: var(--fs-base);
    }
    .slick-dots li {
        margin: 0 2px;
    }
    #hero-section .slick-dots li {
        width: 8px;
    }
    #hero-section .slick-dots li.slick-active {
        width: 15px;
    }
    #hero-section .slick-prev, #hero-section .slick-next {
        width: 30px;
        height: 30px;
    }
    #hero-section .slick-prev::before, #hero-section .slick-next::before {
        font-size: 12px;
    }
    #section-news-detail .model-showcase__car__price h1 {
        font-size: 2rem;
    }
    .lead {
        font-size: var(--fs-xxs);
    }
    .display-1 {
        font-size: 2.75rem;
    }
    .d-md-none {
        display: none !important;
    }
    .d-md-block {
        display: block !important;
    }
    #hero-section .slick-dots {
        bottom: 1.3rem;
    }
}

/* Tiny phones (max 480px) */
@media (max-width: 480px) {
    header img {
        width: 6rem;
    }
    #hero-section .slick-prev::before, #hero-section .slick-next::before {
        font-size: 8px;
    }
    #hero-section .slick-prev, #hero-section .slick-next {
        width: 15px;
        height: 15px;
        padding-bottom: 1px;
    }
    #hero-section .slick-dots {
        bottom: 1.3rem;
    }
    #hero-section .slick-dots li, #hero-section .slick-dots li.slick-active {
        height: 4px;
        width: 4px;
        margin: 0 2px;
    }
    .bottom-line__left {
        margin-left: 0 !important;
    }
    .lead {
        font-size: var(--fs-xxs);
    }
    .display-1 {
        font-size: var(--fs-lg);
    }
    .hero-content {
        padding-left: 0rem !important;
        margin-top: 1rem;
    }
    .social-media__list li a {
        font-size: var(--fs-xxs);
    }
    .social-media__list {
        position: absolute;
        right: 2.5rem;
        bottom: 1.5rem;
        flex-direction: row !important;
    }
    .model-list {
        flex-direction: row !important;
    }
    .title-wrapper {
        gap: 1rem;
    }
    .whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 22px;
        bottom: 20px;
        right: 20px;
    }
    #model__title-behind {
        top: 5%;
        left: -15px;
    }
    .model-list__radio img {
        max-height: 2rem;
    }
    .model-showcase__car__price h1 {
        font-size: var(--fs-xxl);
    }
    .model-showcase__car__image {
        height: 260px;
    }
    .model-showcase__car__price::before {
        width: 90px;
    }
    .d-none {
        display: none !important;
    
    }
    .d-block {
        display: block !important;
    }
}