.submenu {
    padding: 0 10px;
    /* border-right: 1px solid rgba(0, 0, 0, 0.1); */
    float: left;
    min-width: 160px;
}

.submenu ul {
    border: none;
}

.brands-list span {
    font-weight: normal !important;
}
.submenu-title {
    /* text-transform: uppercase; */
    font-weight: bold;
    padding-bottom: 15px;
    color: #aaa;
    font-size: 14px;
}

ul.brands-list {
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    overflow: auto;
}

ul.brands-list li {
    width: 33%;
}
ul.brands-list li:first-child {
    display: none;
}
.header__nav-dropdown.brands::before {
    background: unset;
}
@media (max-width: 720px) {

    ul.brands-list li:first-child {
        display: block;
    }
}

@media (min-width: 600px) {

    .dropdown-item--all{
        display: block !important;
    }
    .dropdown-item--all a {
        background: #F9F9F9;
        /* min-width: 231px; */
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        padding: 10px 40px 10px 10px !important;
        margin-bottom: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='8' viewBox='0 0 13 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.3536 4.35355C12.5488 4.15829 12.5488 3.84171 12.3536 3.64645L9.17157 0.464466C8.97631 0.269204 8.65973 0.269204 8.46447 0.464466C8.2692 0.659728 8.2692 0.976311 8.46447 1.17157L11.2929 4L8.46447 6.82843C8.2692 7.02369 8.2692 7.34027 8.46447 7.53553C8.65973 7.7308 8.97631 7.7308 9.17157 7.53553L12.3536 4.35355ZM0 4.5H12V3.5H0V4.5Z' fill='black'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: calc(100% - 10px) center;
        display: inline-block;
    }
    .header__nav-dropdown .main-container>nav>ul{
        min-height: 300px;
    }
}

@media (max-width: 600px) {
    .dropdown-item--all{
        display: block !important;
        font-weight: 600;
        margin-bottom: -10px;
    }
    .header__nav-dropdown li{
        font-size: 14px;
    }
    .submenu-title {
        font-weight: 400;
        color: #050505;
        font-size: 14px;
        padding-left: 5px;
        border-bottom: 0.5px solid rgba(0, 0, 0, 0.1);
    }
    .submenu {
        margin-bottom: 15px;
        display: block;
        float: none;
        padding: 0;
    }
    .dropdown-item.active .root-item.selected .submenu {
        margin-top: 21px;
        padding-top: 15px;
        border-top: 0.5px solid rgba(0, 0, 0, 0.1);
		cursor: pointer;
    }
    .dropdown-item.active .root-item.selected .submenu+.submenu {
        margin-top: 0px;
        padding-top: 0px;
        border-top: none;
		cursor: pointer;
    }
    .submenu ul {
        padding-left: 0px;
        display: block;
        top: 0;
        right: -110%; 
        left: unset;
        background-color: #fff;
        transition: all .3s;
        opacity: 0;
        position: absolute;
    }
    .submenu ul li {
        padding-bottom: 10px !important;
        font-weight: 400 !important;
    }
    .submenu.active ul {
        opacity: 1;
        right: 0%;
        width: 100%;
        top: 0;
        transition: right .3s;
    }

    ul.brands-list {
        max-height: 100%;
    }
    ul.brands-list li {
        width: 100%;
    }
    .dropdown-item.active .root-item.selected, .dropdown-item.active .root-item {
        transition: all .3s;
    }
    .dropdown-item.active .root-item.selected {
        right: 0%;
        width: 100%;
        height: 100vh;
    }
}

.root-item .submenu ul li span:hover {
    border-bottom: 1px solid #E0C766;
    font-weight: 600;
}

/* right: 0;
    opacity: 1; */