.mobile_menu_overlay,.mobile_menu_container{position:fixed; top:0; left:0; width:100%; height:100%;}
.mobile_menu_container,.mobile_menu_container ul li ul{-webkit-transition:all 200ms; -moz-transition:all 200ms; transition:all 200ms;}
.mobile_menu_overlay{display:none; cursor:pointer; z-index:100; background:rgba(0,0,0,0.5)}
.mobile_menu_container{-webkit-transform:translateX(-300px); transform:translateX(-300px); width:300px; overflow:hidden; z-index:101; background:var(--color-bg-white, #ffffff);}
.mobile_menu_container.loaded{-webkit-transform:translateX(0px); transform:translateX(0px);}
.mobile_menu_container .mobile_menu_content{overflow:auto; max-height:100%; padding-bottom:30px;}
.mobile_menu_container ul{margin:0; padding:0;}
.mobile_menu_container ul li{list-style:none; border-bottom:1px solid var(--color-border-grey-light, #ececec);}
.mobile_menu_container ul li a{display:block; padding:15px 20px; line-height:20px; font-size:16px; background:var(--color-bg-white); color:var(--color-text-base-black, #333333); text-decoration:none; font-weight:500;}
.mobile_menu_container ul li a.parent{padding-right:50px; background:var(--color-bg-white, #ffffff) url("images/arrow_right.png") right 20px center no-repeat; background-size:5px;}
.mobile_menu_container ul li a.back{padding-left:50px; background: url("images/arrow_left.png") left 20px center no-repeat; background-size:20px; box-sizing:border-box; min-height:50px; font-weight:400;}
.mobile_menu_container ul li a.back:hover{background: url("images/arrow_left.png") left 20px center no-repeat; background-size:20px;}
.mobile_menu_container ul li a:hover{opacity:0.8;}
.mobile_menu_container ul li ul{-webkit-transform:translateX(300px); transform:translateX(300px); position:absolute; top:0; left:0; width:100%; height:100%; background:var(--color-bg-white, #ffffff); z-index:2;}
.mobile_menu_container ul li ul.loaded{-webkit-transform:translateX(0px); transform:translateX(0px);}
.mobile_menu_container ul li ul.activity{overflow-y:auto; overflow-x:hidden;}

.mobile_menu_top {display:flex; align-items:center; justify-content:space-between; padding:20px; border-bottom:1px solid var(--color-border-grey-light, #ececec);}
.mobile_menu_logo img {max-width:100px; max-height:35px;}
.mobile_menu_close {font-size:1.8em; color:var(--color-text-base-black, #333333); text-align:right; cursor:pointer;}

@media (max-width: 320px){.mobile_menu_container{width:240px;}}