@media (min-width: 768px) {
		#header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img {
        max-height: 35px;
        padding: 8px;
    }

    header#header {
        padding-top: 20px;
        padding-bottom: 10px;
        position: sticky;
        top: -10px;
        z-index: 1003;
    }
    .navigation-in>ul>li>a {
        text-transform: unset;
    }
    .navigation-in>ul>li.exp>a, .navigation-in>ul>li>a:hover {
        background: unset;
        color: var(--color-primary-hover);
    }
    .navigation-in ul.menu-level-2 {
        background: #c3b99b;
    }
    .navigation-in>ul>li.ext>ul>li {
        flex-direction: column;
    }
    .navigation-in>ul>li.ext>ul>li>a.menu-image {
        width: 100%;
        padding-bottom: 16px;
    }  
    .navigation-in>ul>li.ext>ul>li>a.menu-image img{
        width: 100%;
        max-width: unset;
        max-height: unset;
    }
    .navigation-in>ul>li.ext>ul>li>div {
        width: 100%;
        padding-left: 0px;
    }    
    .navigation-in>ul>li.ext>ul>li>div>a {
        font-size: 18px;
        line-height: 22px;
        font-weight: 400;
        color: #292929;
    }
    .navigation-in>ul>li.ext>ul>li>div>a:hover{
        color: #292929;
    }
}

@media (min-width: 1440px) {
    .navigation-in>ul>li.ext>ul>li {
        flex-basis: 20%;
        width: 20%;
    }
    .products-inline.products-top>div {
        width: 25%;
    }
}

.navigation-in{
    font-size: 15px;
    line-height: 15px;
}

@media(max-width: 767px){
    .navigation-in.menu {
        background: #292929
    }

    .navigation-in>ul>li a .submenu-arrow {
        display: none;
    }

    .navigation-in>ul>li{
        border: unset !important;
    }

    .navigation-in>ul>li a{
        text-transform: uppercase;
    }

    .navigation-in>ul>li:last-child{
        padding-bottom: 20px;
    }

    .navigation-in .navigationActions{
        border-top: 1px solid #c3b99b
    }
}