@media screen and (max-width: 768px) {
    footer .widget {
        width: 100%;
    } 
}

@media screen and (max-width: 600px) {
    header .left {
        display: none;
    }
    header .middle {
        width: calc(100% - 150px)
    }
    header .right {
        width: 150px
    }
    header .right ul {
        gap: 25px;
    }
    .sec-product .card-body h5, .sec-product .card-body p  {
        font-size: .8rem;
    }
    .sec-product .card-body h5.coret  {
        font-size: .6rem;
    }
    .mob-icon {
        display: block !important;
    }
    .sec-title h2, .testimonials h2, .produk-ulasan h5 {
        font-size: 1rem;
        font-weight: bold;
    }
    .produk-page-detail .h5 {
        font-size: 1.1rem;
    }
    .produk-page-detail > .container {
        margin-top: -25px;
    }    
}