@media (max-width:870px) {
    .slide-wrap {
        margin: 0;
    }

    .datban-layout,
    .hethong-layout,
    .about-layout {
        flex-direction: column;
    }

    .datban-layout>*,
    .hethong-layout>*,
    .about-layout>* {
        width: 100%;
    }

    .gallery-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .prodetail-layout,
    .proshow-layout {
        flex-direction: column;
    }

    .prodetail-layout>*,
    .proshow-layout>* {
        width: 100%;
        flex: 1 1 0%;
    }

    .news-detail-layout {
        grid-template-columns: 1fr
    }

    .product-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .tranhchap-content {
        grid-template-columns: 1fr
    }

    .footer-article {
        flex-direction: column;
        gap: 30px
    }

    .footer-article>* {
        width: 100% !important
    }

    .about__content {
        text-align: left
    }

    .prodetail__actions,
    .prodetail__header {
        display: grid;
        grid-template-columns: 1fr
    }

    .header-wrap__bg,
    .header-wrap,
    .menu {
        display: none
    }

    .menu-res {
        display: flex;
    }

    .main-widget {
        bottom: 90px;
    }

    .bottom-nav {
        display: block;
    }

    .scrollToTop {
        display: none !important;
    }
}

@media (max-width:600px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-grid {
        grid-template-columns: 1fr
    }

    .news-grid {
        grid-template-columns: 1fr
    }

    .footer-infos,
    .swiper.hethong .swiper-wrapper {
        flex-direction: column;
        gap: 10px;
    }
}