@media (min-width: 1200px) {}

@media (max-width: 1200px) {}

@media (max-width: 1024px) {
    .img_duan img {
        height: 250px;
        min-height: 250px;
        max-height: 250px;
    }
    .menu {
        display: none;
    }
    .gr_flex_open_phone {
        display: none;
    }
    .header_tb {
        display: none;
    }
    .flex_top {
        display: flex;
        justify-content: space-evenly;
    }
    .menu-res {
        display: block;
        position: sticky;
        top: 0px;
        z-index: 500;
    }
    a.btn-zalo.btn-frame.text-decoration-none {
        display: none;
    }
    a.btn-phone.btn-frame.text-decoration-none {
        display: none;
    }
    div#messages-facebook {
        display: none;
    }
}

@media (max-width: 768px) {
    .img_duan img {
        height: 250px;
        min-height: 250px;
        max-height: 250px;
    }
    .header_logo {
        width: 120px;
    }
    .page_news_left {
        display: none;
    }
    .footer-ul li {
        border: none;
    }
    .title_duan {
        font-size: 30px;
    }
    .wrap_sanpham {
        padding-bottom: 50px;
    }
    .flipster1 {
        width: 100%;
    }
    .flipster1 .flipster .flipto-prev,
    .flipster .flipto-next {
        left: 0%;
    }
    .flipster1 .flipster .flipto-next {
        right: 0%;
    }
    .grid_sanpham {
        grid-template-columns: repeat(2, 1fr);
    }
    .gr_title_duan {}
    .flex_tintuc {
        display: flex;
        flex-direction: column;
    }
    .left_tintuc {
        width: 100%;
    }
    .right_tintuc {
        width: 100%;
    }
    .gr__quytrinh {
        height: 90px;
    }
    img.bg_qt2 {
        display: block;
        margin: auto;
    }
    img.bg_qt1 {
        display: none;
    }
    .flex_footer {
        padding: 0;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .fcol1 {
        width: 100%;
    }
    .fcol3 {
        width: 100%;
    }
    .fcol4 {
        width: 100%;
    }
    .grid-page {
        grid-template-columns: repeat(2, 1fr);
    }
    .page_news_left {
        display: none;
    }
}

@media (max-width: 500px) {
    .img_duan img {
        height: 180px;
        min-height: 180px;
        max-height: 180px;
    }
    .scrollToTop {
        width: 30px;
        height: 30px;
    }
    .title-main {
        font-size: 19px;
    }
    .toolbar ul li a img {
        margin-bottom: 0px;
    }
    .footer-ul li a {
        font-size: 13px;
    }
    .ft__txt {
        font-size: 14px;
    }
    .name_tintuc {
        font-size: 13px;
    }
    .slide_tintuc {
        margin-top: 10px;
    }
    .wrap_tintuc {
        padding: 20px 0;
    }
    span.price-per {
        top: 5px;
        right: 5px;
        width: 30px;
        height: 20px;
        line-height: 20px;
    }
    .btn_xtsp a {
        font-size: 12px;
    }
    .btn_xtsp {
        height: 30px;
        margin: 10px auto 0;
    }
    .name_duan {
        font-size: 13px;
    }
    .gr_nameduan {
        padding: 10px 0 0;
    }
    .wrap_sanpham {
        padding: 0;
    }
    .wrap_sanpham {
        padding-bottom: 20px;
    }
    .slidebanchay {
        margin-top: 10px;
    }
    .wrap_sanphamnoibat {
        padding: 20px 0;
    }
    a#hamburger {
        width: 30px;
    }
    .flex_top {
        display: flex;
        justify-content: center;
    }
    .top_center_bar {
        display: none;
    }
    .wrap_tieuchi {
        padding: 20px 0;
    }
    .gr_tieuchi {
        padding-top: 0px;
    }
    .wrap_gioithieu {
        padding: 20px 0;
    }
    .name_gioithieu {
        font-size: 15px;
        height: auto;
    }
    .flipster {
        padding-bottom: 0px;
    }
    .gr_titlelsp {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
    }
    .left_lsp {
        height: 40px;
        width: 100%;
    }
    .right_lsp {
        width: 100%;
        border-top: none;
    }
    .grid_sanpham {
        gap: 8px;
        padding-bottom: 20px;
    }
    .name_sanpham {
        font-size: 13px;
        margin-bottom: 0px;
    }
    .gr_sanpham {
        padding: 5px;
    }
    span.price-new {
        font-size: 12px;
    }
    .title_duan {
        font-size: 18px;
    }
    .wrap_duan {
        padding: 20px 0 0;
    }
    .title_duan1 {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .gr_title_duan {
        height: auto;
        gap: 10px;
    }
    .wrap_news {
        padding: 20px 0;
    }
    .gr_nametintuc {
        height: auto;
        padding: 10px;
        min-height: auto;
        max-height: none;
    }
    .title_quytrinh {
        font-size: 20px;
    }
    .title_quytrinh1 {
        font-size: 14px;
        letter-spacing: 2px;
    }
    .gr__quytrinh {
        height: auto;
        gap: 10px;
    }
    img.bg_qt2 {
        margin: 20px 0;
    }
    .name_quytrinh {
        font-size: 14px;
    }
    .desc_quytrinh {
        font-size: 12px;
    }
    .wrap_quytrinh {
        padding: 20px 0;
    }
    .footer_main {
        padding: 20px 0 0;
    }
    .title_logoft {
        font-size: 18px;
    }
    .wrap_tagssp {
        padding: 20px 0;
    }
    .flex_cpr {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: auto;
    }
    .copyright {
        height: auto;
        line-height: 1.8;
    }
    .right_cpr {
        text-align: center;
    }
    .grid-page {
        margin-top: 10px;
        gap: 8px;
    }
}

@media (max-width: 400px) {}