.vl-sidebar-l{
    direction: rtl;
    *{
        direction: ltr;
    }
}
.vl-sidebar-l, .vl-sidebar-r{
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

@include media-breakpoint-down($sidebar-breakpoint) {
    .vl-sidebar-l, .vl-sidebar-r{
        position: absolute;
        top: 0;
        bottom: 0;
        transition: all 0.4s ease-in-out;
        transform: translateX(-100%);
        z-index: 100;
        &.vlOpen{
            transform: translateX(0);
        }
    }
}