@media only screen and (min-width:768px) {
	#mbl-trigger,
	#mbl-nav {display: none;}
}
@media only screen and (max-width:767px) {
	#header-nav {padding: 8px 0;}
	#header-menu {display: none;}
}
@media only screen and (max-width:767px) {
	#mbl-trigger {
		display: block;
		position: fixed;
		top: 1px;
		right: 0;
		padding: 22px 30px 2px 20px;
		background: url(../media/layout/header_mobile.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-nav {
		position: fixed;
		top: 0;
		right: 0;
		width: 50%;
		background: #746F4C;
		z-index: 1000;
	}
	#mbl-menu {padding-left: 0; list-style: none;}
	#mbl-menu > li {border-bottom: 1px solid #A3A088;}
	#mbl-menu a {color:#fff;	text-decoration:none;}
	#mbl-menu > li > a {
		font-size: 14px;
		padding: 8px 40px 8px 20px;
		font-weight: normal;
		line-height: 34px;
	}

	#mbl-menu li:hover, #mbl-menu li.current {background: #373A26;}

	
	.gal-mobile .mbl-submenu {
		background: #A3A088;
		padding: 20px 14px;
	}
	.gal-mobile li {
		display: inline-block;
		background: #373A26;
		border: 1px solid #A3A088;
		-webkit-border-radius: 12px;
		border-radius: 12px;
	}
	.gal-mobile li a {
		font-family: 'PTSans';
		font-size: 11px;
		margin: 4px;
		line-height:20px;
		padding: 4px 6px;
	}
	.gal-mobile li:hover,
	.gal-mobile li:active {background: #454759!important;}
	
	
	.drop-mobile .mbl-submenu {
		padding-left: 0;
		z-index:950;
	}
	.drop-mobile ul li {
		background-image:
    linear-gradient(
      #A3A088, #746F4C
    );
		list-style-type: none;
	}
	.drop-mobile li a {
		font-size: 13px;
    line-height: 40px;
    padding: 10px 20px 10px 30px;
	}
}

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