.slide-menu {
    position: fixed;
    width: 250px;
    max-width: 100%;
    height: calc(100dvh - 50px);
    top: 0;
    bottom: 50px;
    right: 0;
    display: none;
    overflow: hidden;
    box-sizing: border-box;
    transform: translateX(100%);
    overflow-y: auto;
    z-index: 1000;
}

@media (min-width: 768px) {
    .slide-menu {
        bottom: 0;
        top: 50px;
    }
}

.slide-menu, .slide-menu .slide-menu__slider {
    transition: transform .3s ease-in-out;
    will-change: transform
}

    .slide-menu .slide-menu__slider {
        width: 100%;
        transform: translateX(0)
    }

    .slide-menu ul {
        position: relative;
        width: 100%;
        margin: 0;
        padding-left: 0;
        list-style: none;
        /*padding-bottom: 60px;*/
    }

        .slide-menu ul ul {
            position: absolute;
            top: 0;
            left: 100%;
            display: none
        }

        .slide-menu ul a {
            display: block
        }

    .slide-menu a {
        cursor: pointer
    }