@media (width < 768px) {
    #menu-left.active {
        display: none;
    }

    .block-sub-cat {
        border-bottom: 1px solid var(--secondary-hr);
    }
}

.menu-main-category.active {
    background-color: var(--secondary-bg);
}

.menu-main-category.active .menu-open-sub {
    background-color: var(--primary-accent-2);
}

.menu-main-category.active .menu-open-sub>svg>path {
    fill: var(--secondary-white);
}

/* --- SCROLLBAR STYLES --- */
#menu-container ::-webkit-scrollbar {
    -webkit-appearance: none;
}
#menu-container ::-webkit-scrollbar:vertical {
    width: 12px;
}
#menu-container ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}
#menu-container ::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}