.menu {
        display: none;
        background-color: var(--menu-background);
    }
    .menu .main_items {
        display: flex;
        flex-direction: column;
        visibility: hidden;
        height:0px;
    }

    .menu_checked:checked ~ .main_items {
        visibility: visible;
        height: auto;
    }

    /* sidebar menu */
    .navigation .level0 {
        font-size: 1.4rem;
    }
    .navigation .level0 ul {
        margin-left: 15px;
    }
    /* end sidebar menu */

    .signz_menu_shade {
        display: none;
    }

    .checkout-index-index .nav-sections {
        display: block;
        margin-top: 5px;
    }
    .checkout-index-index .nav-toggle {
        display: block;
    }
    .checkout-index-index .logo {
        margin-left: 40px;
    }

@media only screen and  (min-width: 768px)  {

    .checkout-index-index .nav-toggle {
        display: none;
    }
    .menu {
        display: block;
        background-color: var(--menu-background);
        width: 100%;
        max-width: 1240px;
        height: 65px;
        margin: auto;
        font-size: 13px;
    }
    .menu .main_items {
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        list-style-type: none;
        padding: 0px;
        color: #333;
        height: auto;
        width: 100%;
        visibility: visible;
    }

    .menu .main_items a {
        color: var(--menu-text);
    }


    .menu.sticky_menu_colors .main_items .sub_menu a {
        color: #333333;
        font-size: 16px;
        font-weight: 400;
        /* text-transform: uppercase; */
    }
    /* ""> li" will only select the first level of li's - where as just  "li" will select all nested li's */
    .menu .main_items > li {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        height: 65px;
        max-width: 130px;
        text-align: center;
        vertical-align: middle;
        padding: 5px;
        margin-bottom: 0px;
        font-weight: 400;;
        cursor: pointer;
        color: var(--main-purple);
        transition: background-color .2s ease-in;
    }

    .menu .main_items > li:hover {
        color: var(--main-text-header-color);
        background-color: white;
    }
    .menu .main_items > li:hover > a {
        color: var(--menu-background);
    }

    .menu .main_items > li.mid_line {
        color: white;
        background: white;
        height: 50px;
        width: 1px;
        padding: 0px;
        margin: 0px;
        flex-grow: 0;
        align-self: center;
        opacity: .5;
    }
    
    .menu .main_items > li.mid_line:nth-child(18), .menu .main_items > li.mid_line:nth-child(20), .menu .main_items > li.mid_line:nth-child(22)  {
        color: white;
        background: transparent;
        height: 38px;
        width: 1px;
        padding: 0px;
        margin: 0px;
        flex-grow: 0;
        align-self: center;
        opacity: .5;
    }

    .menu .main_items > li:first-child:hover {
        border-left: var(--main-text-header-color);
    }
    .menu .main_items .sub_menu {
        visibility: hidden;
        position: absolute;
        top:65px;
        left:0px;
        width: 100%;
        min-height: 150px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        background-color: white;
        color: tomato;
        opacity: 0;
        box-shadow: 0px 13px 13px 0px #555;
        transition-delay: 0s;
        z-index: 5;
    }

    .menu .main_items li:hover .sub_menu {
        display: block;
        visibility: visible;
        top: 65px;
        opacity: 1;
        transition-delay: .2s;
    }
    .signz_menu_shade {
        display: block;
        visibility: hidden;
        position: absolute;
        width: 100%;
        height: 100vh;
        z-index: 2;
        background-color: #333;
        opacity: 0;
        transition: opacity .4s ease-in;
    }    
    .menu:hover + .signz_menu_shade {
        visibility: visible;
        opacity: .5;
    }

    .menu .main_items ul {
        list-style-type: none;
    }

    .main_items .sub_menu ul {
        display: flex;
        flex-wrap: wrap;
        padding-inline-start: 0px;
    }

    .main_items .sub_menu li {
        display: flex;
        align-items: center;
        width: 33%;
        height: 150px;
        text-align: left;
        margin-bottom: 10px;
    }

    .main_items .sub_menu.sub_menu_store li {
        display: flex;
        align-items: center;
        width: 33%;
        height: 150px;
        text-align: left;
        margin-bottom: 10px;
    }

    .main_items .sub_menu ul li .sub_menu_title {
        display: flex;
        flex-direction: column;
        justify-content: center;
        font-size: 16px;
        color: #333;
    }
    .main_items .sub_menu ul li .sub_menu_title a {
        color: #333;
    }

    .main_menu_offer_tab {
        background: #d0404e;
    }
    .main_menu_offer_tab:hover a {
        background: white;
    }
    
    .sub_menu img {
        display:none;
    }
    .main_items:hover img {
        display:block;
    }

    .sub_menu_item_text {
        font-size: 12px;
        font-weight: 300;
        color: #666;
        text-transform: none;
    }
    
    .menu .main_items .sub_menu .sub_menu_item_text a {
        display: inline-block;
        font-size: 12px;
        font-weight: 300;
        color: #666;
    }
    .menu.sticky_menu_colors .main_items .sub_menu .sub_menu_item_text a {
        display: inline-block;
        font-size: 12px;
        font-weight: 300;
        color: #666;
    }
    
    .main_items .sub_menu.sub_menu_store ul li a {
        display: flex;
        align-items: center;
        font-size: 13px;
    }

    .main_items .sub_menu .sub_menu_image {
        display: flex;
        justify-content: center;
        width: 100px;
        height: 100px;
        margin-right: 10px;
    }

    
    .menu .main_items .sub_menu .sub_menu_image a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333333;
        font-size: 20px;
        font-weight: 400;
        text-transform: none;
        width: max-content;
    }

    .menu .main_items .sub_menu.sub_menu_store a {
        color: #333333;
        font-weight: 400;
        text-transform: none;
    }





    .sub_menu_store > ul {
        align-items: flex-start;
        padding-left: 15px;
    }


    .main_items .sub_menu.sub_menu_store  li {
        display: block;
        width: 20%;
        height: auto;
    }
    .main_items .sub_menu.sub_menu_store > ul ul {
        display: block;
        padding: 0px;
        padding-top: 10px;
        margin-top: 10px;
        width: 90%;
        border-top: 2px solid #999;
    }    
    .menu .main_items .sub_menu.sub_menu_store ul li a {
        color: #636363;
        font-size: 13px;
    }     
    .menu .main_items .sub_menu.sub_menu_store > ul > li > a {
        color: #636363;
        font-weight: 700;
        font-size: 14px;
    }    
    .main_items .sub_menu.sub_menu_store > ul ul li {
        position: relative;
        display: block;
        width: auto;
        font-size: 13px;
        line-height: 1.2;
        margin-left: 10px;
    }
    .main_items .sub_menu.sub_menu_store > ul ul li::before {
        content: '';
        position: absolute;
        height: 1px;
        left: -6px;
        border-left: 3px solid orangered;
        visibility: hidden;
        transition: height 1s ease;
    }    
    .main_items .sub_menu.sub_menu_store > ul ul li:hover::before {
        content: '';
        height: 14px;
        visibility: visible;
    }    



}
.section-item-content.nav-sections-item-content.sticky {
    transition: color 3s ease-in;
}
.section-item-content.nav-sections-item-content.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background-color: var(--menu-background-sticky);
    border-bottom: 2px solid white;
}
.sticky + .content {
    padding-top: 60px;
}
.sticky_menu_colors {
    background-color: transparent;
}
.menu.sticky_menu_colors .main_items a {
    color: var(--menu-text-sticky);
}

.back_to_top {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: -50px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background-color: #ff6347aa;
    cursor: pointer;
    opacity: 0;
    z-index: 999999;
    transition: opacity .5s ease-in, bottom .5s ease-in, background-color .5s ease-in;
}
.back_to_top_show {
    opacity: 1;
    bottom: 20px;
    transition: opacity .5s ease-in, bottom .5s ease-in, background-color .5s ease-in;
}
.back_to_top:hover {    
    background-color: #ff0000aa;

}
.back_to_top span {
    font-size: 20px;
    font-weight: 700;
    color: white;
}
html {
    scroll-behavior: smooth;
}
@media (min-width: 768px), print {

    .navigation {
        display: none;
        background-color: var(--main-box-color);
    }
    
    .nav-sections-item-content {
        background-color: var(--menu-background);
    }    
    .nav-sections-item-content > .navigation {
        display: none;
    }
    .navigation .level0 > .level-top {
        color: mediumspringgreen;
    }
    .navigation .level0 > .level-top:hover {
        color: yellowgreen;
    }

    .navigation .level0 .ui-state-focus {
        color: white;
    }
}

@media only screen and  (min-width: 850px)  {

    /* .menu .main_items > li {
        font-weight: 400;
    } */
}