/* .menu-horizontal > .has-sub-menu.active > a::after{
    transform:rotate(-180deg);
}

body.menu-open{
    overflow:hidden;
}

.side-navigation{
    position:fixed;
    top:0;
    left:-100%;
    width:320px;
    height:100vh;
    background:#fff;
    transition:.35s ease;
    z-index:9999;
}

.side-navigation.active{
    left:0;
}

.nav-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.35s ease;
    z-index:9998;
}

.nav-overlay.active{
    opacity:1;
    visibility:visible;
}

@media(max-width:991px){

    .side-navigation .sub-menu{
        position:absolute;
        top:0;
        left:100%;
        width:100%;
        min-height:100%;
        background:#fff;
        transition:.35s ease;
        overflow-y:auto;
    }

    .side-navigation .sub-menu.active{
        left:0;
    }
}

 */



 body.menu-open{
    overflow:hidden;
}

/* Sidebar */

.side-navigation{
    position:fixed;
    top:0;
    left:-100%;
    width:320px;
    height:100vh;
    background:#fff;
    transition:left .35s ease;
    z-index:9999;
    overflow:hidden;
}

.side-navigation.open{
    left:0;
}

/* Overlay */

.nav-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.5);
    opacity:0;
    visibility:hidden;
    transition:.35s ease;
    z-index:9998;
}

.nav-overlay.active{
    opacity:1;
    visibility:visible;
}

/* Desktop */

.menu-horizontal > .has-sub-menu.active > a::after{
    transform:rotate(-180deg);
}

/* Mobile */

@media(max-width:991px){

    .side-navigation .menu{
        position:relative;
        height:100%;
    }

    .side-navigation li.has-sub-menu{
        position:static;
    }

    .side-navigation .sub-menu{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:#fff;

        overflow-y:auto;
        -webkit-overflow-scrolling:touch;

        transform:translateX(100%);
        transition:transform .45s cubic-bezier(0.4, 0, 0.2, 1);
        will-change:transform;

        z-index:10;
    }

    .side-navigation li.has-sub-menu.open > .sub-menu{
        transform:translateX(0);
    }

    .side-navigation .back-btn{
        display:block !important;
        border-bottom:1px solid #e5e5e5;
    }

    .side-navigation .back-btn a{
        display:block;
        padding:15px 20px;
        font-weight:600;
        text-decoration:none;
    }
}