/* Responsive */
@media (max-width: 1001px) {
    #hamburger {
        display: block;
    }
    .mb-none {
        display: none !important;
    }
    .mb-block {
        display: block !important;
    }
    .header {
        padding: 10px 0px;
    }
    .logo-header {
        display: none;
    }
    .search-res .icon-search {
        color: black;
    }
    .scrollToTop {
        bottom: 80px;
        right: 10px;
    }
    .title-main h1,
    .title-main h2,
    .title-main span {
        font-size: 35px;
    }
    .title-detail h1,
    .title-detail h2,
    .title-detail span {
        font-size: 22px;
    }
    footer {
        margin-bottom: 50px;
    }

    /* slideshow */
    .slideshow {
        margin-top: 0;
    }
    .info-slideshow {
        padding-top: 1rem;
        width: 100%;
    }

    /* tin tức */
    .info-news,
    .info-travel {
        padding-top: 1rem;
    }
    .item-vertical .item-news {
        padding: 10px 0;
    }

    .info-news .name-news {
        font-size: 15px;
        margin-bottom: 10px;
    }
    .item-news-detail .newsname-list a {
        font-size: 12px;
        padding: 5px 10px 3px;
    }
    .newsname-list a {
        font-size: 12px;
    }
    .newsname-list {
        margin-bottom: 10px;
    }
    .info-news p {
        line-height: 1.5;
    }
    .btn__news {
        margin: 10px auto 0;
    }

    .form-newsletter {
        width: 70%;
    }

    .wrap-newshomes .wrap-content {
        padding: 15px;
    }
}
@media (max-width: 850px) {
    .title-main h1,
    .title-main h2,
    .title-main span {
        font-size: 28px;
    }
    /* .title-detail h1, .title-detail h2, .title-detail span{font-size: 18px;} */

    .footer-news,
    .col-left,
    .col-right {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -moz-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .footer-news,
    .image-fanpage {
        text-align: left !important;
    }
    .section-price::after {
        display: none;
    }
    .grid-product {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px 16px;
    }
    .section-newsletter {
        padding: 30px 20px;
    }

    .form-newsletter {
        width: 80%;
    }

    /* tin tức */
    .info-news,
    .info-travel {
        padding-top: 10px;
    }
    .item-vertical .item-news {
        padding: 10px 0;
    }

    .info-news .name-news {
        font-size: 14px;
        margin-bottom: 7px;
    }
    .newsname-list {
        margin-bottom: 7px;
    }
    .btn__news {
        margin: 7px auto 0;
    }

    /* product */
    .info-product {
        padding: 20px 7px;
    }
    .product .name-product a {
        font-size: 14px;
    }

    .social-footer.justify-content-end {
        justify-content: center !important;
    }
}
@media (max-width: 768px) {
}
@media (max-width: 700px) {
    .swiper-button-prev,
    .swiper-button-next {
        opacity: 1 !important;
        width: 30px;
        height: 30px;
    }
    .bgswiper .swiper-button-prev {
        left: -2%;
    }
    .bgswiper .swiper-button-next {
        right: -2%;
    }

    .title-main h1,
    .title-main h2,
    .title-main span {
        font-size: 22px;
    }
    .header {
        height: 55px;
        z-index: -1;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
    }
    .header-bottom {
        display: none;
    }
    /* .title-detail h1, .title-detail h2, .title-detail span{font-size: 16px;} */
    .lang a {
        font-size: 13px;
    }
    .form-newsletter {
        width: 100%;
    }
    .item-vertical .item-news {
        flex-direction: column;
    }
    .item-vertical .item-news .img-news,
    .item-vertical .item-news .info-news {
        width: 100%;
    }

    .info-slideshow h3 {
        font-size: 15px;
    }

    .flex__left {
        width: 100%;
    }
    .flex__right {
        width: 100%;
        position: relative;
        top: 50px;
    }

    /* product */
    .info-product {
        padding: 10px 7px;
    }
    .product .name-product a {
        font-size: 13px;
        text-transform: capitalize;
    }

    .title-newsletter h2 {
        font-size: 18px;
    }

    .py-30 {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .info-news .name-news {
        margin-bottom: 3px;
        line-height: 1.25;
        font-size: 14px;
    }
    .info-news p {
        line-height: 1.25;
        font-size: 13px;
    }
    .info-news span {
        font-size: 14px;
    }

    .btn__news b {
        text-transform: capitalize;
        font-size: 13px;
        line-height: 1.25;
    }
    .btn__news span {
        width: 25px;
        height: 25px;
    }
    .btn__news:hover b {
        letter-spacing: 1px;
        transition: all 0.3s linear;
    }
}
@media (max-width: 440px) {
    .grid-product {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 12px;
    }
}
@media (max-width: 369px) {
}

/* ===== FOOTER RESPONSIVE ===== */
@media (max-width: 767px) {
    .footer-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "social"
            "nav"
            "brand";
        text-align: center;
        gap: 24px;
    }
    .footer-block--social {
        justify-content: center;
    }
    .footer-block--nav .footer-ul {
        justify-content: center;
    }
    .footer-logo img {
        max-width: 130px;
    }
}