.dropdown-wrapper .mobile-menu{
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:100%;
    border:0;
    padding:0
}
.dropdown-wrapper .mobile-menu-header{
    padding:0 15px;
    font-size:14px;
    color:#212121;
    font-weight:600;
    line-height:49px;
    border-bottom:1px solid #e2e6eb;
    position:relative;
    height:50px
}
.dropdown-wrapper .mobile-menu-header .nav-active{
    position:absolute
}
.dropdown-wrapper .mobile-menu-header .nav-active:before{
    content:"\f104";
    font-family:"Faprika";
    margin-right:15px
}
.dropdown-wrapper .mobile-menu-header .dropdown-close{
    display:block;
    line-height:49px
}
.dropdown-wrapper .mobile-menu-header .dropdown-close:before{
    content:"\f00d";
    font-family:"Faprika";
    font-size:17px;
    color:#E21D69;
    font-weight:300;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:15px;
    width:22px;
    height:22px;
    border:1px solid #e2e6eb;
    border-radius:3px;
    padding:0 5px;
    line-height:22px
}
.dropdown-wrapper .mobile-menu li>ul{
    display:none
}
.dropdown-wrapper .mobile-menu li>ul li:last-child a{
    font-weight:600;
    color:#212121
}
.dropdown-wrapper .mobile-menu li a,.dropdown-wrapper .mobile-menu li span{
    line-height:40px;
    border-bottom:1px solid #e2e6eb;
    padding:0 15px;
    display:block
}
.dropdown-wrapper .mobile-menu li span{
    position:relative
}
.dropdown-wrapper .mobile-menu li span:after{
    content:"\f105";
    font-family:"Faprika";
    font-size:17px;
    color:#E21D69;
    position:absolute;
    font-weight:300;
    top:50%;
    transform:translateY(-50%);
    right:20px
}
.dropdown-wrapper .mobile-menu>ul{
    overflow:auto;
    height:calc(100% - 50px)
}
.dropdown-wrapper .mobile-menu.open{
    transform:translateX(0%)
}
@media only screen and (min-width: 992px){
    .dropdown-wrapper .mobile-menu{
        display:none
    }
}