.bhs-mobile-menu{

position:fixed;

top:0;

right:-320px;

width:320px;

height:100%;

background:#fff;

z-index:9999;

transition:.4s;

overflow-y:auto;

box-shadow:-5px 0 20px rgba(0,0,0,.15);

}

.bhs-mobile-menu.active{

right:0;

}

.mobile-overlay{

position:fixed;

top:0;

left:0;

width:100%;

height:100%;

background:rgba(0,0,0,.45);

display:none;

z-index:9998;

}

.mobile-overlay.active{

display:block;

}

.mobile-nav{

list-style:none;

margin:0;

padding:0;

}

.mobile-nav li{

border-bottom:1px solid #eee;

}

.mobile-nav li a{

display:block;

padding:15px 20px;

color:#222;

font-weight:600;

text-decoration:none;

}

.mobile-nav .sub-menu{

display:none;

padding-left:20px;

background:#fafafa;

}

.mobile-nav li.open>.sub-menu{

display:block;

}

.mobile-header{

display:flex;

justify-content:space-between;

padding:20px;

background:#ff4f81;

color:#fff;

}