@media (max-width:1200px) {
    .menu {
        display: none;
    }
    .gr_searchpro { display: none; }
    .header_mobile { display: block; background: #ffdee4; }
    .wrap__logommenu { display: block; position: relative; z-index: 10; top: 0; width: 100%; background: var(--c2); }
    .gr_notificationmenu { display: none; }
    .gr_searchsanh { display: flex; justify-content: flex-end; align-items: center; width: calc(100% - 50px); justify-content: end; gap: 15px; }
    .gr_searchsanh img { filter: brightness(0) saturate(100%) invert(16%) sepia(74%) saturate(5078%) hue-rotate(341deg) brightness(82%) contrast(109%); }
    .gr_searchsanh a { position: relative; }
    .flex_menumobile { padding-left: 110px; }
    .header_logo { display: none; }
    .menu_head { }
    .gr_account_menu { width: 100%; justify-content: center; padding: 12px 0; gap: 10px; }
    .flex_menu { height: auto; }
    .gr_loginaccount { border: none; padding: 0; border-radius: 0; }
    .logommenu { position: absolute; top: 50%; left: 5px; width: 110px; height: 110px; transform: translate(0%, -50%); background: #fff; border-radius: 50%; overflow: hidden; padding: 5px; border: 3px solid #ffdee4; }
    .logo-head { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
    #btn-menu-mobile { width: auto; }
    .header-menu .navigation-horizontal .title { padding: 3.5rem 14px 3.5rem; }
    .header-menu .navigation-horizontal .title .close-menu { position: absolute; right: 10px; }
    .slideshow { margin: 0px auto 1rem; }
    .slideshow .slideshow-image { width: 100%; }
    .breadCrumbs .wrap-content {
        padding: 2rem 10px 10px;
    }
    .flex_productlist_in {
        width: calc(100% - 300px);
    }
    .flex_doitrahang {
        width: calc(100% - 300px);
        max-width: max-content;
    }
}
@media (max-width:1024px) {
    .wrap_header { display: none; }
    .wrap_headertop { display: none; }
    .w-menu {        /* display: none; */ }
    .pd_50 { padding: 20px 0; }
    .gr_titlespnb { font-size: 20px; }
    .name_spham { display: block; font-size: 14px; width: 100%; left: 0; margin: 0; bottom: 0; border: none; padding: 5px; position: relative; }
    .grname_sanpham { bottom: 0; }
    .flex_dichvu { display: flex; flex-direction: column-reverse; gap: 10px; }
    .left_dichvu { width: 100%; }
    .right_dichvu { width: 100%; }
    .gr_dichvui { margin: 5px; }
    .name_gthieudichvu { font-size: 20px; }
    .desc_gthieudichvu { margin-top: 10px; }
    .btn_xthem { width: 150px; height: 45px; margin-top: 10px; }
    .left_gthieu { display: none; }
    .right_gthieu { width: 100%; display: flex; flex-direction: column; margin: 0; height: auto; min-height: unset; gap: 20px; }
    .img_lgthieu { width: 100%; }
    .gr_rgthieu { width: calc(100%); padding: 10px 0; }
    .wrap_quytrinhlamviec::before { display: none; }
    .gr_nlter { display: flex; flex-direction: column; gap: 10px; }
    .newsletter-button { display: flex; justify-content: center; }
    .title_hinhanh { display: none; }
    .grid_hinhanh { display: flex; flex-direction: column; }
    .flex_tintuc { display: flex; flex-direction: column; gap: 20px; }
    .left_tintuc { width: 100%; }
    .right_tintuc { width: 100%; }
    .gr_tintuc { display: flex; flex-direction: column; gap: 10px; }
    .img_tintuc { width: 100%; }
    .grname_tintuc { width: calc(100%); padding-right: 0; }
    .gr_tintuc.eventintuc { display: flex; flex-direction: column; }
    .btn_xthemtintuc { margin-left: 0; }
    .gr_tintuc.eventintuc .btn_xthemtintuc { margin-right: 0; }
    .wrap_tintuc .gr_titlespnb { display: flex; align-items: center; }
    .grgrid_quytrinhone { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 20px; }
    .gr_quytrinh { display: flex; flex-direction: column; justify-content: center; align-items: center; }
    .gr_nameqtrinh { width: calc(100%); text-align: center; font-size: 14px; }
    .name_gthieu { font-size: 20px; }
    .left_newsdm { width: 100%; }
    .right_newsdm { display: none; }
    .breadCrumbs { padding-top: 131px; }
    .slideshow { padding-top: 0; }

    /*  */
    .head { display: none; }
    .search-res .icon-search { color: white; font-size: 20px; font-weight: bold; }

    /*  */
    .contact-input { margin-bottom: 15px; }
    .flex-cus, .row-video, .row-20 { margin-left: -5px; margin-right: -5px; }
    .mg-cus, .mg-video, .col-20 { padding-left: 5px; padding-right: 5px; }
    .content-text img { height: auto !important; }

    /* .padding-top-bottom {
        padding: 2rem 0;
    } */
    .pad-top { padding-top: 2rem; }
    .pad-bottom { padding-bottom: 2rem; }
    .mg-top { margin-top: 2rem; }
    .mg-bottom { margin-bottom: 2rem; }
    .title-detail-main { font-size: 20px; }
    .cart-fixed { bottom: 220px; }
    .btn-frame { display: none; }
    .cart-pro-detail { width: 100%; margin-top: 10px; }
    .pad-bottom { padding-bottom: 2rem !important; }
    .pad-top { padding-top: 2rem !important; }

    /* .padding-top-bottom {
        padding: 2rem 0 !important;
    } */
    .menu { display: none; }
    .menu-res { display: block; }
    .product-tool { opacity: 1; visibility: visible; position: initial; }
    .product-tool a span { display: none; }
    body.menu-open { overflow-y: hidden; overflow-x: hidden; }
    .wrap_logommenu { text-align: center; background: var(--c1); padding: 10px 0; }
    div#messages-facebook { display: none; }
    .flex_listproductin { display: flex; flex-direction: column; gap: 20px; padding: 0 15px; }
    .left_lproin { width: 100%; }
    .right_lproin { width: calc(100%); }
    .name_prolist { font-size: 18px; min-height: 49px; max-height: 49px; }
    .desc_prolist { margin-top: 10px; }
    .flex_listproductin.even_prol { display: flex; flex-direction: column; }
    .grid_danhmuc { }
    .name_danhmuc { width: 100%; height: auto; left: 0; top: 50%; transform: translate(0%, -50%); font-size: 13px; gap: 8px; padding: 10px 0; }
    p.linedmuc { display: none; }
    p.line_gthieu { width: 100%; margin: 0; }
    .desc_gthieu { margin: 0; }
    .gr_tchi { display: flex; flex-direction: column; padding: 5px; }
    .grname_tchi { }
    .txtdknt { text-align: center; }
    .title_nameft { font-size: 16px; }
    .wrap_copyright { margin-bottom: 66px; }
    .gr_account_menu { }
    .gr_searchsanh { }
    .gr_icondhang { position: relative; }
    .wrap_slider { margin-bottom: 20px; }
    .title_danhmuc { height: 40px; padding: 10px; font-size: 16px; }
    .gr_titledanhmuc { height: auto; display: flex; flex-direction: column; gap: 10px; align-items: flex-start; border-bottom: none; }
    .title_danhmuc::before { width: 30px; }
    .gr_flashsaletimerout { margin: auto; }
    .btn_xtsp { display: none; }
    .gr_productin { margin: 0; padding: 7px; border: 1px solid #0000001f; }
    .wrap-content { padding: 0 10px; }
    .gr_prices { display: flex; flex-direction: column; align-items: stretch; }
    .grname_productin { height: auto; min-height: auto; max-height: unset; }
    .right_prices { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
    .left_prices { display: flex; justify-content: flex-start; align-items: center; gap: 5px; }
    .flex_prices_old span.price-per { position: absolute; top: 0; left: 0; width: 50px; height: 30px; border-radius: 5px; background: var(--c1); color: white; display: flex; justify-content: center; align-items: center; }
    .left_thuonghieu { display: none; }
    .right_thuonghieu { width: calc(100%); }
    .gr_thuonghieu { height: 225px; min-height: 225px; max-height: 225px; margin: 5px; }
    .gr_yeuthichicon { width: 40px; height: 40px; font-size: 12px; }
    .flex_productlist_in { width: 100%; }
    .u-wrapper { width: 100%; }
    .c-carousel__controls { position: relative; display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
    .c-carousel { display: flex; flex-direction: column-reverse; align-items: flex-end; gap: 10px; }
    .c-carousel__wrapper.swiper { margin: 0; }
    .grid_product_on { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 20px; }
    .flex_doitrahang { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; }
    .flex_ptttoan { grid-template-columns: repeat(1, 1fr); gap: 20px; }
    .left_ptttoan.center { border-left: none; border-right: none; }
    .grid_ptttoan { margin-top: 20px; }
    .tabs-container { display: flex; flex-direction: column; padding: 20px 0; gap: 20px; }
    ul.tabs.user_tabs { width: 100%; }
    .tab-content-wrapper { width: calc(100%); }
    .grid_productfavourite { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 20px; }
    .title_userinfo { font-size: 14px; }
}
@media (max-width:992px) {
    .othernews { position: initial; }
    .footer-title:after { width: 100%; }
    .footer-news:nth-child(4) { width: 100%; }
    .footer-news:nth-child(3) { width: 100%; margin-bottom: 20px; }
    .footer-news:nth-child(2) { width: 100%; margin: 10px 0; }
    .footer-news:nth-child(1) { width: 100%; }
    .time-news { display: none; }
    .copyright, .statistic { width: 100%; text-align: center; }
    .footer-ul li { width: calc(100% / 2 - 5px); }
    .footer-ul { display: flex; flex-flow: row wrap; justify-content: space-between; }
    .grid_product_on { grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:870px) {
    .item-ft:nth-child(2) {
        width: 100%;
        margin-bottom: 1rem;
    }

    .item-ft:nth-child(3) {
        width: 40%;
    }

    .item-ft:nth-child(4) {
        width: 55%;
    }

    .footer-statistic {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        gap: 10px 1rem;
    }

    .footer-statistic p {
        width: calc((100% - 1rem)/2);
        background: #00000038;
        padding: 10px 5px;
        border-radius: 7px;
    }
}
@media (max-width:768px) {
    .txt_wc { font-size: 16px; }
    .txt_wc1 { font-size: 25px; margin-top: 10px; }
    .gr_tieuchiwelcome { display: flex; flex-direction: column; align-items: center; }
    .numb_tchi { font-size: 40px; }
    .name_tchiwcome { font-size: 14px; text-align: center; border-bottom: none; }
    .numb_tchiw { font-size: 50px; }
    .name_tchiw { margin-top: 15px; }
    .desc_tchiw { margin-top: 10px; }
    .pd_30 { padding: 20px 0; }
    .txt_prol { font-size: 14px; }
    .name_list { font-size: 20px; }
    a.cat_item { font-size: 12px; }
    .slide_productsl { margin-top: 10px; }
    .name_product { font-size: 16px; }
    .coll-sortby.d-flex.justify-content-between.align-items-center { display: flex; justify-content: flex-end !important; gap: 10px; }
    .coll-head { display: block; }
    .content-text img { height: auto !important; width: auto !important; }
    .content-text { font-size: 16px; line-height: 1.2; }
    .content-text video { width: 100%; height: auto; overflow: hidden; }
    h1.title_pageproductsorrt { text-align: center; }
    .coll-head { display: block !important; }
    p.cart-product.d-flex.flex-wrap.justify-content-between { display: flex; flex-direction: column; gap: 5px; }
    .cart-product span { width: calc(100%); }
    .footer-statistic { text-align: center; }
    .footer-copyright.col-md-6 { max-width: 100%; flex: 0 0 100%; display: flex; justify-content: center; align-items: center; padding: 0 !important; width: 100%; }
    .item-video1 img { height: 250px; }
    .right-intro { width: 100%; }
    .left-intro { width: 100%; margin-bottom: 20px; padding-right: 0; }
    .left-pro-detail, .right-pro-detail { width: 100%; margin: 0px; }
    .left-pro-detail, .top-contact .article-contact { margin-bottom: 30px; }
    .pic-news { width: 100%; margin-bottom: 10px; }
    .info-news { width: 100%; padding-left: 0px; }
    .name-news { font-size: 15px; }
    .desc-news.text-split { -webkit-line-clamp: 2; }
    .title_contactid { padding: 20px; }
    .gr_titlecontact { height: 20vh; background-repeat: no-repeat; background-size: cover; }
    .contact-text { padding: 1rem; }
    .contact-text { margin-bottom: 30px; }
    .flex_sliderdecor { display: flex; flex-direction: column; gap: 20px; width: 100%; }
    .left_sliderdecor { width: 100%; }
    .right_sliderdecor { width: 100%; }
    .wrap_slierdecor { position: relative; padding: 40px 0 20px 0; }
    .title_sliderdc { font-size: 30px; }
    .desc_sliderdc { font-size: 14px; margin: 10px 0; }
    .btn_sliderdecor { padding: 1rem 2rem; }
    .wrap_tieuchi { padding: 20px 0; }
    .left_producthot { display: none; }
    .flex_listproducts { display: flex; flex-direction: column; gap: 20px; }
    .left_listproducts { width: 100%; }
    .right_listproducts { width: 100%; }
    .title_lproducts { font-size: 25px; }
    .wrap_listproducts { padding: 20px 0; background: #f4f1f1; }
    .gr_namelistproduct { width: 150px; }
    .name_listproduct { font-size: 20px; }
    .wrap_productsid { padding: 20px 0; }
    .right_producthot { width: calc(100%); }
    .gr_nameandcatproducts { display: flex; flex-direction: column; gap: 20px; border: none; }
    .title_productsid { transform: unset; background: transparent; color: var(--c1); margin: 0; padding: 0; height: auto; }
    .title_productsid a { color: var(--c1); font-weight: bold; transform: unset; }
    .gr_listprductrid { display: none; }
    .slick_sanpham .slick-next { top: 50%; right: 0%; }
    .slick_sanpham .slick-prev { top: 50%; right: unset; left: -2%; }
    .slick_sanpham .slick-prev img, .slick_sanpham .slick-next img { width: 10px; }
    .wrap_tiktok { padding: 20px 0; }
    .heading1 h2 { font-size: 18px; }
    .slide_tiktok { padding-top: 0; }
    .wrap_feedback { padding: 20px 0; background-size: cover; }
    .slide_khachhang { padding-top: 20px; }
    .wrap_video { padding: 20px 0; }
    .wrap_blogs { padding: 20px 0; }
    .gr_blog { background: #FFF; border-radius: 5px; overflow: hidden; box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.08); margin-bottom: 5px; }
    .name_blog { font-size: 15px; height: 36px; }
    .grname_blog { padding: 5px; }
    .desc_blog { font-size: 13px; margin-top: 5px; }
    .left_dangkynhantin { display: none; }
    .right_dangkynhantin { width: 100%; }
    .name_dknt { font-size: 20px; }
    .wrap_dangkynhantin { padding: 20px 0; }
    .footer-article { padding-top: 20px; }
    .footer { margin-bottom: 0px !important; }
    .breadCrumbs { padding-top: 0px; margin: 0; }
    .title-main span { font-size: 25px; }
    .flex_tintucnb { display: flex; flex-direction: column; gap: 20px; }
    .left_tintucnb { width: 100%; text-align: center; }
    .right_tintucnb { width: 100%; }
    .name_tintucnb { font-size: 20px; margin: 10px 0 20px; text-transform: uppercase; }
    .name_tintuc { font-size: 20px; }
    .grname_duanph { padding: 10px; background: transparent; }
    .name_duanph { font-size: 14px; color: black; }
    .slide_duanphatho { margin-top: 20px; }
    .gr_feedback { padding: 0; }
    .gr_feedback::before { display: none; }
    .gr_feedback::after { display: none; }
    .slide_feedback .control-owl { display: none; }
    .grimg_fback { margin-top: 20px; }
    .flex_dangkynhantin { display: flex; flex-direction: column; gap: 20px; }
    .left_dkynhantin { width: 100%; }
    .right_dkynhantin { width: 100%; padding: 10px; }
    .txt_gthieu { font-size: 16px; }
    .slogan_video { width: 100%; margin: auto; }
    .grvideo { width: 100%; height: auto; }
    .gr_flexft { display: flex; flex-direction: column; }
    .fanpage_facebook { width: 100%; }
}
@media (max-width:670px) {
    .grid_product_on { grid-template-columns: repeat(2, 1fr);}
    .item-ft:nth-child(3) {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }

    .item-ft:nth-child(2) .title-ft {
        text-align: left;
    }

    .item-ft:nth-child(2) .title-ft:before {left: 0;}

    .title-ft:before {
        left: calc(50% - 30px);
    }

    .item-ft:nth-child(4) {
        width: 100%;
        text-align: center;
    }
}
@media (max-width:576px) {
    .toast-cus { left: 5px; width: calc(100% - 10px); }
    .box-readmore { width: calc(100% - 5px); }
    .newshome-scroll { width: 100%; }
    .newshome-intro { width: 100%; margin-bottom: 20px; }
    .top-contact .form-contact .button-contact .file-contact span b { max-width: 105px; }
    .cart-pro-detail { flex-wrap: wrap; }
    .cart-pro-detail a { width: 100%; text-align: center; margin: 0px !important; }
    .cart-pro-detail a:first-child { margin-bottom: 5px !important; }
    .gr_support { display: none; }
}