@media (max-width: 870px) {
    .footer-flex {
       flex-direction: column;
       gap: 30px;
    }
    .footer-flex > * {
       width: 100% !important;
    }
    .splide__arrow {
       display: none;
    }
    .footer_flex {
       flex-direction: column;
       gap: 30px;
    }
    .footer_flex > * {
       width: 100% !important;
    }
    .header-wrap,
    .menu {
       display: none !important;
    }
    .menu-res {
       display: flex !important;
    }
    .logo-mb {
       display: inline-block;
       text-align: center;
       max-width: 200px;
    }
    .menu_baophu {
       background: #000;
       opacity: 0.8;
       z-index: 998;
       left: 0;
       top: 0;
       position: fixed;
       width: 100%;
       height: 100%;
       display: none;
    }
    .icon_menu_mobi {
       color: #fff;
       font-size: 25px;
       text-decoration: none;
       width: 35px;
       display: block;
       cursor: pointer;
       margin: 0;
       text-align: center;
    }
    .home_mobi {
       color: #fff;
       text-decoration: none;
       float: right;
       font-size: 20px;
    }
    .logo-mobi {
       display: inline-block;
       max-width: 100px;
    }
    .menu_mobi {
       background: var(--color-main);
       padding: 5px 10px;
       width: 100%;
       display: flex;
       align-items: center;
       justify-content: space-between;
       height: 100%;
       cursor: pointer;
       position: sticky;
       top: 0;
       z-index: 10;
       box-shadow: rgba(100, 100, 111, 0.2) 0 5px 20px;
    }
    .menu_mobi_add {
       position: fixed;
       top: 0;
       left: -100%;
       bottom: 0;
       width: 350px;
       max-width: 85%;
       background: #fff;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
       transition: 0.5s;
       z-index: 9999999;
    }
    .menures_inner {
       display: flex;
       flex-direction: column;
       position: absolute;
       top: 0;
       bottom: 0;
       height: 100%;
       width: 100%;
    }
    .menures_header {
       padding: 10px;
       position: relative;
       background: #fff;
       filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
    }
    .menures_content {
       padding: 5px;
       position: relative;
       overflow-y: scroll;
       height: 100%;
       -webkit-overflow-scrolling: touch;
       -ms-scroll-chaining: none;
       overscroll-behavior: none;
    }
    .menu_mobi_active {
       left: 0;
       transition: 0.5s;
    }
    .menu_mobi_add ul {
       list-style: none;
       padding: 0;
       margin: 0;
    }
    .menu_mobi_add ul li.li-tim {
       display: none;
    }
    .menu_mobi_add ul li h2 {
       font-size: 17px;
       margin-bottom: 0;
    }
    .menu_mobi_add ul li b {
       display: inline-block;
       vertical-align: top;
       margin-right: 8px;
    }
    .menu_mobi_add ul li b img {
       display: inline-block;
       vertical-align: top;
    }
    .menu_mobi_add ul li a {
       color: #191919;
       padding: 8px 30px 8px 5px;
       position: relative;
       font-size: 16px;
       transition: 0.3s !important;
       font-weight: 500;
       border-radius: 10px;
       display: flex;
       align-items: center;
       gap: 12px;
    }
    .menu_mobi_add ul li a svg {
       display: none;
    }
    .menu_mobi_add ul li a i {
       position: absolute;
       right: 5px;
       transform: rotate(0);
       width: 25px;
       height: 25px;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 12px;
       color: var(--color-main);
       border-radius: 50%;
       top: calc(50% - 25px / 2);
    }
    .menu_mobi_add ul li a.active2 i {
       transform: rotate(90deg);
       color: #fff;
       box-shadow: 0 0 0 25px var(--color-main) inset;
    }
    .menu_mobi_add ul ul {
       display: none;
       padding-left: 15px;
       margin: 5px 0 10px 0;
    }
    .menu_mobi_active .menu_lvl2 > ul {
       padding: 0;
    }
    .menu_mobi_add ul li ul li a {
       padding-left: 20px;
       color: #6f6f6f;
    }
    .menu_mobi_add ul li ul li ul li a {
       padding-left: 20px;
    }
    .menu_mobi_add ul li:last-child a {
       margin-bottom: 0;
    }
    .thongtin-mb ul li {
       list-style: none;
       color: #000;
       font-weight: 500;
       margin-bottom: 15px;
    }
    .thongtin-mb ul li:last-child {
       margin-bottom: 0;
    }
    .thongtin-mb ul li i {
       font-size: 19px;
       margin-right: 10px;
       color: var(--color-main);
    }
    .close_menu {
       display: inline-block;
       cursor: pointer;
       position: absolute;
       top: 5px;
       right: 5px;
       width: 25px;
    }
    .menures_footer {
       padding: 10px;
       margin-top: auto;
       background: #f7f7f7;
       border-top: solid 1px #e4e8ed;
    }
 }
 @media (max-width: 600px) {
    .contact-flex,
    .prodetail__actions,
    .prodetail__header,
    .checkout-cart {
       grid-template-columns: 1fr !important;
    }
    .product-item__price--per {
       display: none;
    }
 }