html.menu_open { overflow: hidden; }
.menu_overlay { background-color: #000; content: ""; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: -99; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; }
html.menu_open .menu_overlay { opacity: 0.5; z-index: 999; }
.navbar-toggle { border: solid 1px #333; }
.navbar-toggle .icon-bar { background-color: #333 }
#menu_mobile { background-color: #fff; height: 100%; left: -100%; position: fixed; top: 0; width: 300px; z-index: 999999; overflow: hidden; }
#menu_mobile .menu_title { padding: 0 15px; line-height: 35px; text-transform: capitalize; font-weight: bold; font-size: 16px; border-bottom: solid 1px #f0f0f0; }
#menu_mobile .menu_title .backmenu { cursor: pointer; }
#menu_mobile .menu_close { position: absolute; right: 0; top: 0; width: 35px; height: 35px; text-align: center; line-height: 35px; border-left: solid 1px #f0f0f0; font-size: 20px; cursor: pointer; }
#menu_mobile > .menu_inner { position: relative; }
#menu_mobile > .menu_inner > .dropdown-menu, #menu_mobile > .menu_inner > ul { padding: 0; margin: 0; display: block; position: relative; box-shadow: none; background-color: transparent; border: none; width: 100%; }
#menu_mobile ul li { float: none; display: block; }
#menu_mobile ul li a { border-bottom: 1px dashed #f0f0f0; color: #333; padding: 8px 30px 8px 10px; position: relative; }
#menu_mobile .dropdown-menu > .active > a, #menu_mobile .dropdown-menu > .active > a:focus, #menu_mobile .dropdown-menu > .active > a:hover { background: transparent; }
#menu_mobile ul li a .ex_menu { display: inline-block; height: 100%; line-height: 35px; position: absolute; right: 0; text-align: center; top: 0; width: 30px; font-size: 16px; z-index: 9; }