@media (min-width: 1025px) and (max-width: 1280px) {
    .slider-mobile .hero-img {
        height: 25vh;
    }

    .card-news h5 {
        font-size: 14px;
    }

    .card-news a img {
        max-height: 20vh;
    }

    .top-area:before {
        z-index: 1;
    }
    .top-area:after {
        background: transparent
    }
    .card-produk {
        min-height: 270px;
    }
    .price-list p.price, .price-list p.type {
        font-size: 20px;
    }
    #quick-button {
        padding-top: 0;
    }
}

@media (min-width: 720px) and (max-width: 1024px) {
    #quick-button {
        padding: 30px 0;
    }
    .slider-mobile .hero-img {
        height: 25vh;
    }

    .top-area:before {
        z-index: 1;
    }
    .top-area:after {
        background: transparent
    }
    .card-produk {
        min-height: 270px;
    }
    .price-list p.price, .price-list p.type {
        font-size: 20px;
    }
    #quick-button {
        padding-top: 0;
    }
    .img-compare {
        min-height: 200px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #quick-button {
        padding: 30px 0;
    }
    .slider-mobile .hero-img {
        height: 60vh;
    }

    .card-news a img {
        max-height: 22vh;
        min-height: 22vh;
    }
    
    .card-news {
        min-height: 22vh;
    }

    .card-news h5 {
        font-size: 12px;
    }

    .card-news p {
        font-size: 10px !important;
    }

    .top-area:before {
        z-index: 1;
    }
    .top-area:after {
        background: transparent
    }
    .card-produk {
        min-height: 270px;
    }
    .price-list p.price, .price-list p.type {
        font-size: 20px;
    }
    .darker{
        /* height: 150vh; */
    }
    .darker h2 {
        font-size: 18px;
    }
    .card-locator ul li a {
        font-size: 14px;
    }
    #searchresultMobile .card-locator ul li a:hover {
        background: rgba(51, 51, 51, 0.6);
        box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(5.8px);
    }
    .search-locator a.btn-dark {
        font-size: 18px;
    }
    #splash {
<<<<<<< HEAD
        background: #000000 url(https://suzukimobilmalut.co.id/assets/img/splash-mb.jpg)no-repeat center bottom;
=======
        /* background: #000000 url(https://suzukimobilmalut.co.id/assets/img/vitara_splash_mobile.png)no-repeat center bottom; */
>>>>>>> 1cee5f3b6e440598e6fe353e2c8a0cdbd10e29ad
        background-size: cover;
        height: 100vh;
        background-attachment: fixed;
    }
    .jaminan p {
        font-size: 12px !important;
    }
    .privacy {
        font-size: 14px !important;
    }
    .privacy h2, .privacy h3 {
        font-size: 16px !important;
    }
    .img-compare {
        min-height: 150px;
    }
    .container-img-product {
        min-height: auto;
    }
    .page-content.page-produk .container{
        padding-left: 5px;
        padding-right: 5px;
    }
    /* .page-content.page-produk .card-produk-list{
        min-height: auto !important;
    } */
    .page-content.page-produk .card-produk-list span{
        padding: 15px;
    }
    
}