@media only screen and (min-width:769px) {
	#mbl-trigger,
	#mbl-nav {display: none;}
}
@media only screen and (max-width:768px) {
	#header-nav,
	#header-menu {display: none;}
	#mbl-trigger,
	#mbl-nav {display: block;}

	#mbl-trigger {
		position: fixed;
		top: 1px;
		right: 0;
		padding: 22px 30px 2px 20px;
		background: url(/media/layout/mobile-trigger.png) top center no-repeat;
		cursor: pointer;
		z-index: 2000;
	}	
	#mbl-trigger:hover {opacity:.8; text-decoration:none;}	

	#mbl-menu, .mbl-submenu {display: none;}
	
	#mbl-nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 50%;
		background: #5F7B9E;
		border-radius: 6px;
		z-index: 1000;
	}
	#mbl-menu {padding-left: 0; margin: 4px; list-style: none;}
	#mbl-menu > li {border-bottom: 1px solid #f2f2f2;}
	#mbl-menu a {color:#f8f8f8;	text-decoration:none;}
	#mbl-menu > li > a {
		font-size: 13px;
		padding: 8px 40px 8px 20px;
		font-weight: normal;
		line-height: 34px;
	}

	#mbl-menu li:hover, #mbl-menu li:active {background: #974C5C;}
	#mbl-menu li.active {background: #202020;}

}

@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;}	
	*/
}