.hide {
        @media screen and (min-width: 992px) {

            visibility: hidden;
            clear: both;
            float: left;
            margin: 10px 20px 5px 20px;
            width: 10%;
            display: none;

        }
    }

    .site-main-nav > li:not(.all-brands) > .site-nav-link {
        border-radius: 9px;
        font-weight: 600;
        padding: 10px 12px;
        transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
    }

    .site-main-nav > li:not(.all-brands) > .site-nav-link:hover {
        background-color: #fff1f2;
        color: #a9161d;
    }

    .site-main-nav > li.active > .site-nav-link {
        background-color: #a9161d;
        color: #fff;
        box-shadow: 0 4px 10px rgba(169, 22, 29, .18);
    }

    .site-main-nav .all-brands > .hero__categories__all {
        align-items: center;
        background: #a9161d;
        border-radius: 9px;
        color: #fff;
        cursor: pointer;
        display: flex;
        gap: 8px;
        min-height: 40px;
        padding: 0 13px;
        transition: background-color .18s ease;
    }

    .site-main-nav .all-brands > .hero__categories__all:hover {
        background: #861219;
    }

    .site-main-nav .brand-menu,
    .site-main-nav .brand-category-menu,
    .site-main-nav .subcategory-menu {
        background: #fff;
        border: 1px solid #edf0f2;
        border-radius: 10px;
        box-shadow: 0 12px 28px rgba(23, 35, 47, .14);
        min-width: 205px;
        padding: 7px;
    }

    .site-main-nav .brand-menu {
        left: 0;
        position: absolute;
        top: calc(100% + 7px);
        z-index: 1100;
    }

    .site-main-nav .all-brands:hover > .brand-menu,
    .site-main-nav .all-brands:focus-within > .brand-menu {
        display: block;
    }

    .site-main-nav .brand-menu__item,
    .site-main-nav .brand-category-menu__item {
        position: relative;
    }

    .site-main-nav .brand-menu__item > a,
    .site-main-nav .brand-category-menu__item > a,
    .site-main-nav .subcategory-menu a {
        border-radius: 7px;
        display: block;
        font-size: 13px;
        padding: 9px 11px;
        white-space: nowrap;
    }

    .site-main-nav .brand-menu__item.has-categories > a::after,
    .site-main-nav .brand-category-menu__item.has-subcategories > a::after {
        color: #8b949c;
        content: "›";
        float: right;
        margin-left: 18px;
    }

    .site-main-nav .brand-category-menu,
    .site-main-nav .subcategory-menu {
        display: none;
        left: calc(100% + 5px);
        position: absolute;
        top: -7px;
        z-index: 1100;
    }

    .site-main-nav .brand-menu__item:hover > .brand-category-menu,
    .site-main-nav .brand-menu__item:focus-within > .brand-category-menu,
    .site-main-nav .brand-category-menu__item:hover > .subcategory-menu,
    .site-main-nav .brand-category-menu__item:focus-within > .subcategory-menu {
        display: block;
    }

    .site-utility-bar {
        display: none;
    }

    @media (min-width: 992px) {
        .header .site-utility-bar {
            align-items: center;
            background: #8f1018;
            color: #fff;
            display: flex;
            font-size: 12px;
            min-height: 34px;
        }

        .site-utility-bar__inner {
            align-items: center;
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            max-width: 1440px;
            padding: 0 28px;
            width: 100%;
        }

        .site-utility-bar a {
            color: #fff;
            text-decoration: none;
        }

        .site-utility-bar__right {
            align-items: center;
            display: flex;
            gap: 22px;
        }

        .header .container-fluid {
            padding-left: 0;
            padding-right: 0;
        }

        .header .container-fluid > .row {
            align-items: center;
            display: flex;
            height: 92px;
            justify-content: center;
            margin: 0;
            padding: 10px 24px;
        }

        .header .container-fluid > .row > .ml-3 {
            display: none;
        }

        .header .container-fluid > .row > .mx-auto {
            margin: 0 !important;
            width: 100%;
        }

        .header .navbar.header__menu {
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            margin: 0 auto;
            max-width: 1440px;
            padding: 0;
            width: 100%;
        }

        .header .navbar.header__menu > .header__logo:first-child {
            flex: 0 0 132px;
            margin: 0;
            text-align: left !important;
        }

        .header .navbar.header__menu > .header__logo:first-child img {
            height: auto;
            max-width: 100%;
            width: 132px;
        }

        .header .navbar.header__menu > .navbar-collapse {
            flex: 1 1 auto;
            min-width: 0;
        }

        .header .site-main-nav {
            flex-wrap: nowrap;
            gap: 2px;
            margin: 0 auto !important;
            white-space: nowrap;
        }

        .header .site-main-nav > li:not(.all-brands) > .site-nav-link {
            font-size: 11px;
            letter-spacing: .55px;
            padding: 11px 9px;
        }

        .site-main-nav .all-brands > .hero__categories__all {
            box-shadow: 0 6px 16px rgba(169, 22, 29, .2);
            letter-spacing: .3px;
            min-height: 42px;
            padding: 0 14px;
        }

        .site-main-nav .brand-menu,
        .site-main-nav .brand-category-menu,
        .site-main-nav .subcategory-menu {
            border-color: #edf0f2;
            border-radius: 12px;
            box-shadow: 0 18px 42px rgba(18, 35, 55, .16);
            padding: 8px;
        }

        .site-main-nav .brand-menu {
            min-width: 225px;
            top: calc(100% + 12px);
        }

        .site-main-nav .brand-menu,
        .site-main-nav .brand-category-menu,
        .site-main-nav .subcategory-menu,
        .site-main-nav .site-nav-dropdown {
            display: block;
            opacity: 0;
            pointer-events: none;
            transition: opacity .14s ease .24s, visibility 0s linear .38s;
            visibility: hidden;
        }

        .site-main-nav .brand-menu::before {
            content: "";
            height: 14px;
            left: 0;
            position: absolute;
            right: 0;
            top: -13px;
        }

        .site-main-nav .brand-category-menu::before,
        .site-main-nav .subcategory-menu::before,
        .site-main-nav .site-nav-dropdown::before {
            content: "";
            height: 16px;
            left: 0;
            position: absolute;
            right: 0;
            top: -15px;
        }

        .site-main-nav .all-brands:hover > .brand-menu,
        .site-main-nav .all-brands:focus-within > .brand-menu,
        .site-main-nav > li.has-site-dropdown:hover > .site-nav-dropdown,
        .site-main-nav > li.has-site-dropdown:focus-within > .site-nav-dropdown,
        .site-main-nav .brand-menu__item:hover > .brand-category-menu,
        .site-main-nav .brand-menu__item:focus-within > .brand-category-menu,
        .site-main-nav .brand-category-menu__item:hover > .subcategory-menu,
        .site-main-nav .brand-category-menu__item:focus-within > .subcategory-menu {
            opacity: 1;
            pointer-events: auto;
            transition-delay: 0s;
            visibility: visible;
        }

        .site-main-nav > li.has-site-dropdown > .site-nav-dropdown {
            border-color: #edf0f2;
            border-radius: 12px;
            box-shadow: 0 18px 42px rgba(18, 35, 55, .16);
            left: 0;
            min-width: 245px;
            padding: 8px;
            top: calc(100% + 12px) !important;
            z-index: 1100;
        }

        .site-main-nav > li.has-site-dropdown > .site-nav-dropdown > li > a {
            border-radius: 8px;
            display: block;
            font-size: 13px;
            font-weight: 600;
            padding: 10px 12px;
            transition: background-color .16s ease, color .16s ease;
            white-space: nowrap;
        }

        .site-main-nav > li.has-site-dropdown > .site-nav-dropdown > li > a:hover {
            background: #fff1f2;
            color: #a9161d;
        }

        .site-main-nav > li.has-site-dropdown > .site-nav-link::after {
            display: none;
        }

        .site-main-nav .brand-menu__item > a,
        .site-main-nav .brand-category-menu__item > a,
        .site-main-nav .subcategory-menu a {
            border-radius: 8px;
            font-size: 13px;
            padding: 10px 12px;
            transition: background-color .16s ease, color .16s ease;
        }

        .site-main-nav .brand-menu__item > a:hover,
        .site-main-nav .brand-category-menu__item > a:hover,
        .site-main-nav .subcategory-menu a:hover {
            background: #fff1f2;
            color: #a9161d;
        }

        .site-main-nav .brand-category-menu,
        .site-main-nav .subcategory-menu {
            left: calc(100% + 7px);
            min-width: 245px;
            top: -8px;
        }

        .site-main-nav .subcategory-menu {
            min-width: 270px;
        }

        .site-main-nav > li:last-child {
            margin-left: 8px;
        }

        .site-main-nav > li:last-child form {
            margin: 0;
        }

        .site-main-nav > li:last-child #prefetch {
            align-items: center;
            background: #fafbfc;
            border: 1px solid #e2e6e9;
            border-radius: 10px;
            display: flex;
            gap: 3px;
            padding: 3px;
        }

        .site-main-nav > li:last-child #search {
            background: transparent;
            border: 0;
            font-size: 12px;
            height: 36px;
            min-width: 0;
            padding: 7px 9px;
            width: 112px;
        }

        .site-main-nav > li:last-child button {
            background: #a9161d;
            border: 0;
            border-radius: 8px;
            color: #fff;
            font-size: 12px;
            font-weight: 700;
            height: 36px;
            padding: 0 12px;
            transition: background-color .18s ease;
        }

        .site-main-nav > li:last-child button:hover {
            background: #831018;
            color: #fff;
        }

        .header .navbar.header__menu > .header__logo.ml-4 {
            flex: 0 0 104px;
            margin: 0 0 0 14px !important;
        }

        .header .navbar.header__menu > .header__logo.ml-4 img {
            height: auto;
            max-width: 100%;
            width: 104px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .header .container-fluid > .row {
            padding-left: 14px;
            padding-right: 14px;
        }

        .header .navbar.header__menu > .header__logo:first-child {
            flex-basis: 105px;
        }

        .header .navbar.header__menu > .header__logo:first-child img {
            width: 105px;
        }

        .header .navbar.header__menu > .header__logo.ml-4 {
            flex-basis: 82px;
            margin-left: 8px !important;
        }

        .header .navbar.header__menu > .header__logo.ml-4 img {
            width: 82px;
        }

        .header .site-main-nav {
            gap: 0;
        }

        .header .site-main-nav > li:not(.all-brands) > .site-nav-link {
            font-size: 10px;
            letter-spacing: .2px;
            padding-left: 6px;
            padding-right: 6px;
        }

        .site-main-nav .all-brands > .hero__categories__all {
            gap: 5px;
            padding-left: 9px;
            padding-right: 9px;
        }

        .site-main-nav > li:last-child {
            margin-left: 3px;
        }

        .site-main-nav > li:last-child #search {
            width: 78px;
        }

        .site-main-nav > li:last-child button {
            padding-left: 8px;
            padding-right: 8px;
        }
    }

    @media (max-width: 991.98px) {
        .header .site-utility-bar {
            display: none;
        }

        .header .container-fluid > .row {
            align-items: center;
            display: flex;
            flex-wrap: nowrap;
            height: 86px;
            margin: 0;
            padding: 8px 58px 8px 12px;
            position: relative;
        }

        .header .container-fluid > .row > .ml-3 {
            flex: 0 0 auto;
            margin: 0 !important;
        }

        .header .container-fluid > .row > .ml-3 .header__logo {
            display: block !important;
            margin: 0 !important;
            width: clamp(120px, 40vw, 148px);
        }

        .header .container-fluid > .row > .ml-3 .header__logo img {
            display: block;
            height: auto;
            max-width: 100%;
            width: 100%;
        }

        .header .container-fluid > .row > .mx-auto {
            display: none !important;
        }

        .header .container-fluid > .row > .header__logo.hide[style] {
            display: block !important;
            left: clamp(136px, 42vw, 162px);
            margin: 0 !important;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: clamp(92px, 32vw, 120px);
        }

        .header .container-fluid > .row > .header__logo.hide[style] img {
            display: block;
            height: auto;
            max-width: 100%;
            width: 100%;
        }

        .header .humberger__open {
            align-items: center;
            background: #a9161d;
            border-radius: 10px;
            color: #fff;
            display: flex;
            height: 44px;
            justify-content: center;
            position: absolute;
            right: 14px;
            top: 20px;
            width: 44px;
            z-index: 1051;
        }

        .header .humberger__open i {
            color: #fff;
            font-size: 20px;
        }

        .humberger__menu__wrapper {
            max-width: 86vw;
            width: min(320px, 86vw);
        }

        .humberger__menu__nav > ul {
            margin: 96px 14px 0 !important;
            padding: 0 !important;
        }

        .humberger__menu__nav > ul > li {
            border-bottom: 1px solid #edf0f2;
        }

        .humberger__menu__nav > ul > li > a {
            align-items: center;
            border-radius: 8px;
            display: flex;
            font-size: 15px;
            font-weight: 600;
            min-height: 48px;
            padding: 12px 14px;
        }

        .humberger__menu__nav > ul > li > ul a {
            min-height: 42px;
            padding: 10px 14px 10px 24px;
        }

        .humberger__menu__nav form {
            margin: 14px 0 0 !important;
        }

        .humberger__menu__nav form #prefetch {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            justify-content: center;
            padding: 0 14px;
        }

        .humberger__menu__nav form #search {
            flex: 1 1 100%;
            min-width: 0;
        }

        .humberger__menu__nav form button {
            border-radius: 8px;
            min-height: 42px;
            padding: 0 18px;
        }

        .site-main-nav > li:not(.all-brands) > .site-nav-link,
        .site-main-nav > li.active > .site-nav-link {
            background: transparent;
            border-radius: 0;
            box-shadow: none;
            color: inherit;
        }

        .site-main-nav .brand-category-menu,
        .site-main-nav .subcategory-menu {
            display: none !important;
        }
    }

    @media (max-width: 360px) {
        .header .container-fluid > .row {
            padding-left: 10px;
            padding-right: 54px;
        }

        .header .container-fluid > .row > .ml-3 .header__logo {
            width: 125px;
        }

        .header .container-fluid > .row > .header__logo.hide[style] {
            left: 136px;
            width: 92px;
        }

        .header .humberger__open {
            height: 40px;
            right: 10px;
            top: 22px;
            width: 40px;
        }
    }
