Header Side Menu

// Side Menu
    .side{
        &-menu{
            position: absolute;
            right: 0;
            top: _res(38,86);
            width: auto;
            @include _flex($dir: column);
            transition: all .3s ease-in-out;
            transform: translateX(100%);
            &.open{
                transform: translateX(0);
            }
        }
        &-logo{
            background: #000;
            padding: _res(35) _res(45);
            img{ 
                width: _res(150,300);
            }
        }
        &-nav{
            width: 100%;
            .navbar-collapse{ 
                padding: 0; 
                .navbar-nav{
                    @include _flex($dir: column);
                    >li{
                        width: 100%;
                        &:not(:last-child){
                            border-bottom: _res(3) solid $brand-primary;
                        }
                        .root-link{
                            color: #000;
                            background: #fff;
                            display: block;
                            font-size: _res(12,22);
                            font-weight: bold;
                            padding: _res(43) 0;
                            transition: all .3s ease-in-out;
                        }
                        &:hover{
                            >.root-link{
                                color: #fff;
                                background: $brand-primary;
                            }
                        }
                    }
                }
            }
        }
    }

// Side Menu Toggle
$('.header-icons .icon.menu').on('click', function(){
	$(this).toggleClass('expand-menu');
	$('.side-menu').toggleClass('open');
});