/**
 * @author Magebit <info@magebit.com>
 * @copyright Copyright (c) Magebit, Ltd. (https://magebit.com)
 * @license https://magebit.com/code-license
 *
 * Tablet-portrait (768-1300px) header + slider overflow fix.
 *
 * Problem: styles.scss pins `.header.default-header > .container` to a fixed
 * `width: 1300px !important` for every viewport >= 768px, and the nav row sizes
 * its left mega-menu to `flex: 0 0 85%` alongside a fixed `flex: 0 0 200px` right
 * icon group. On tablet portrait (768-1300px) that fixed 1300px container is wider
 * than the viewport, so the header right icons and the homepage slider are pushed
 * off-screen and the page gains a horizontal scrollbar.
 *
 * Fix: within the tablet gap only, let the header container be fluid and allow the
 * nav row to fit. Desktop (>=1300px) keeps the original fixed 1300px layout and
 * mobile (<768px) is untouched.
 *
 * Loaded after mega-menu-fix.css so it wins on equal specificity.
 */@media(min-width:768px)and (max-width:1300px){.header.default-header>.container{width:100%!important;max-width:100%!important;padding-left:15px!important;padding-right:15px!important;box-sizing:border-box!important}body.gm-menu-installed .thirteen.columns.nav.mobile_hidden{max-width:100%!important;flex-wrap:nowrap!important}body.gm-menu-installed .thirteen.columns.nav.mobile_hidden ul.globomenu-mainmenuleft{flex:1 1 auto!important;min-width:0!important}body.gm-menu-installed .thirteen.columns.nav.mobile_hidden ul.globomenu-right{flex:0 0 auto!important;width:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/93/assets/tablet-fix.css.map */