/* One customer theme for phones, tablets and desktop. Keep business forms and tables intact. */
.main-content .row > *, header .row > * { min-width: 0; }
.main-content iframe, .main-content video { max-width: 100%; }
.storefront-table-scroll { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.storefront-table-scroll:focus-visible { outline: 3px solid #8a4a00; outline-offset: 2px; }
.storefront-table-scroll > table { margin-bottom: 0; }
@media (max-width: 991px) {
    header .main-header .top-header > .container > .row { display: flex; flex-wrap: wrap; align-items: center; }
    header .top-header .left-content { flex: 0 0 100%; max-width: 100%; }
    header .top-header .midle-content, header .top-header .right-content { flex: 0 0 50%; max-width: 50%; }
    header .header-control { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
    header .header-control > li { max-width: 100%; }
    header .cart-inner { max-width: calc(100vw - 32px); }
    .main-content .content-form { margin-top: 24px !important; margin-bottom: 24px !important; }
    .main-content .shopping-cart-content { min-width: 680px; }
    .main-content .product-grid .product-item { min-width: 0; }
}
@media (max-width: 767px) {
    header .topbar .row { display: flex; flex-wrap: wrap; }
    header .topbar .row > div { flex: 0 0 100%; max-width: 100%; padding-left: 15px !important; padding-right: 15px !important; }
    header .topbar .row > .customer-language-topbar { display: flex; justify-content: flex-end; align-items: center; }
    header .topbar .menu-topbar { display: flex; flex-wrap: wrap; gap: 4px 12px; }
    header .topbar .menu-topbar li { margin: 0; overflow-wrap: anywhere; }
    header .top-header .midle-content, header .top-header .right-content { flex: 0 0 100%; max-width: 100%; }
    header .top-header .right-content { margin-top: 16px; }
    header .header-control { justify-content: space-between; }
    header .header-control .hotline { padding-left: 0 !important; padding-right: 0 !important; }
    header .header-control .navbar { flex-wrap: wrap; }
    header .main-menu-wapper > .row > div { padding-left: 15px !important; padding-right: 15px !important; }
    header .dropdown-menu { max-width: calc(100vw - 32px); overflow-wrap: anywhere; }
    .main-content .group-button, .main-content .group-button-checkout { display: flex; flex-wrap: wrap; gap: 8px; }
    .main-content .group-button > *, .main-content .group-button-checkout > * { max-width: 100%; }
    .main-content .select2-container { max-width: 100%; }
    .main-content img { height: auto; }
    .main-content h1, .main-content h2, .main-content .product-name { overflow-wrap: anywhere; }
    footer .row > div { min-width: 0; }
    #mc_embed_signup { width: 100% !important; max-width: 100%; }
    .modal-dialog { max-width: calc(100vw - 16px); margin-left: auto; margin-right: auto; }
}