@media(min-width:992px) {

    #box-menu-1.active,
    #box-menu-2.active,
    #box-menu-3.active,
    #box-menu-4.active {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
    }

    .box-menu {
        left: calc(var(--i)*240px);
        position: absolute;
        top: 0;
        width: 244px;
        bottom: 0;
        background: #fff;
        z-index: 10;
        bottom: 0;
        overflow-y: auto;
        overflow-x: hidden;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
}