#MobileNav, #bgoverlay {height: 100%;position: fixed;top: 0;left: 0;overflow-x: hidden;display: none;opacity: 0;}
#MobileNav.show, #bgoverlay.show {display: block;opacity: 1.0;}
#MobileNav {width: 340px;}
#bgoverlay {width: 100%;}
#MobileNav {z-index: 1222;background-color: #fff;padding-top: 60px;}
#MobileNav .closebtn {position: absolute;top: 0;right: 24px;font-size: 3.0em;}
#bgoverlay {z-index: 1111;background-color: rgba(0,0,0,0.60);}
/** Default **/
.mobilenav img {max-width:100%;height: auto;}
.mobilenav .nav > li > a  {
	padding: 15px 35px;
	color: #111;
	display: block;
}
.mobilenav li.mega > a:after {
  font-family: bootstrap-icons;
	content: "\f231";
	position: absolute;
	right: 30px;
}
.mobilenav .menu-item i {width: 20px;display: inline-block;}
.mobilenav li.mega.open > a:after {content: "\F22C";}
.mobilenav .dropdown-menu {display: none;}
.mobilenav .open > .dropdown-menu {display: block;}
.mobilenav .dropdown-menu.fullwidth {width:100%;}
.mobilenav .mega-nav li {border-bottom: 1px solid #dbdbdb;list-style: outside none none;margin-left: 0;}
.mobilenav .mega-nav li a {font-weight: 400;padding: 15px 35px;color: #111;display: block;}
.mobilenav .mega-nav li a {background-color: #f9f9f9;}
.mobilenav .mega-nav li .mega-nav li a {background-color: #eee;padding-left: 45px;}
.mobilenav .mega-nav li .mega-nav li .mega-nav li a  {background-color: #e4e4e4;padding-left: 55px;}
.mobilenav .mega-nav li:last-child {margin-bottom:0px;}
.mobilenav .mega-nav > div, .mobilenav .dropdown-menu .mega-nav > li {list-style: outside none none;margin-left: 0;}
/** Contact in Nav **/
.contact-navitem {margin: 10px 35px;}
/** As normal Menu **/
@media (min-width: 991px) {
  #page.vermegamenu-on {margin-left: 320px;}
  #MobileNav.vermegamenu-on {width: 320px !important;}
  #MobileNav .closebtn.vermegamenu-on {display:none;}
}
.jms-vermegamenu .dropdown-menu {transition:all 250ms;}