@media only screen and (max-width:767px) {
	#mbl-trigger {
		position: fixed;
		top: 4px;
		right: 0;
		padding: 22px 24px 2px 20px;
		background: url(/media/layout/mobile-trigger.png) top center no-repeat;
		cursor: pointer;
		color: #fff;
		z-index: 2000;
	}	
	#mbl-trigger:hover {opacity:.8; text-decoration:none;}	

	#mbl-menu, .mbl-submenu {display: none;}
	#mbl-menu, .mbl-submenu2 {display: none;}
	
	#mbl-nav {
		position: fixed;
		top: 20px;
		right: 0;
		width: 50%;
		background: #010101;
		
		border-radius: 3px;
		z-index: 1000;
	}
	#mbl-menu li.has-submenu {background: #314988;}
	#mbl-menu {margin: 0; padding-left: 0; list-style: none;}
	#mbl-menu > li {
		background-image:
    linear-gradient(
      #202020, #141414
    );
		border-bottom: 1px solid #555;}
	#mbl-menu a {text-decoration:none;}
	#mbl-menu > li > a {
		font-size: 14px;
		color:#fff;
		padding: 8px 40px 8px 20px;
		font-weight: normal;
		line-height: 34px;
	}
	#mbl-menu > li.has-submenu > a:after {
		position: relative;
		content: "\2193";
		padding-left: 12px;
		top: -1px;
	}
	#mbl-menu li.has-submenu2 > a:after {
		position: relative;
		content: "\2193";
		padding-left: 12px;
		top: -1px;
	}

	/* #mbl-menu li:hover, #mbl-menu li.active, */
	#mbl-menu li:hover, #mbl-menu li.current {background: #010101;}
	.has-submenu2 .mbl-submenu2 li.current {background: #010101;}
	/* #mbl-menu li:hover, #mbl-menu li.active a, */
	#mbl-menu li:hover, #mbl-menu li.current a {color: #FDAF29;}

	#mbl-menu .has-submenu ul {display: none;}
	.mbl-submenu li:hover,
	/* .mbl-submenu li:active {background: #454759!important;} */
	.mbl-submenu li.active {background: #010101!important; font-weight: bold;}
	
	
	.mbl-submenu {
		padding-left: 0;
		z-index:950;
	}
	.mbl-submenu li {
		background-image:
    linear-gradient(
      #59669C, #3D4C87
    );
		list-style-type: none;
	}
	.mbl-submenu li a {
		font-size: 13px;
		color: #E0D9BB;
    line-height: 32px;
    padding: 6px 20px 6px 34px;
	}
}

@media only screen and (max-width:480px) {
	#mbl-nav {width: 100%;}
	/*
	#mbl-menu {width:100%;}
	#mbl-trigger {margin-top:20px;}
	.nav #mbl-menu  > ul {margin-top:72px;}
	.nav #mbl-menu  ul {padding-left:0;}	
	*/
}