.nav-show, .nav-hide, #nav:target .nav-hide, #nav:target .nav-show {
	display:none;
}	
	
#nav ul.sm-mint {
	float: right;
	position: relative;
	margin-top: 70px;
	width: auto;
}	
	
.sm-mint ul {
	padding:8px 0;
	background: #fff;
}

.sm-mint a {
	color:#fff;
	text-decoration:none;
	/*font-size: 1.2em;*/
	font-size: 1.14em;
	padding: 15px 3px;
	margin-right: 11px;
	webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;		
}

.sm-mint ul li, .sm-mint ul a{
	color: #333;
}

.sm-mint li:last-child a {
	margin-right: 0px;	
}

.sm-mint ul a {
	margin-right: 0px;	
}

.sm-mint a:hover, .sm-mint a:focus, .sm-mint a:active, .sm-mint a.highlighted {
	background: #fff;
	color: #333;
}

.sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active,
.sm-mint ul a.highlighted {
	background: #fff400;
	color: #333;
}

/*--- Umen -----------------------------*/
.mega-menu {
	padding: 0 !important;
	max-width: 500px !important;
	min-width: 500px !important;
}

.mega-menu img{
	margin-bottom: 5px;
}

.mega-menu a {
	padding: 1px 1px 10px 1px;
	text-align: center;
}

.mega-menu-400:after{
	content: " ";
	clear:both;
	display: block;
}

.mega-menu-half {
	width: 50%;
	float: left;
}

.mega-menu a i{
	content: " ";
	position: absolute;
	margin-left: 7px;
	margin-top: 7px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	border-top: 5px solid transparent;
	border-left: 6px solid #000;
	border-bottom: 5px solid transparent;
}
/*--- Umen -----------------------------*/

@media screen and (max-width: 1080px) {
/*@media screen and (max-width: 1074px) {*/
	#nav ul.sm-mint {
		margin-top: 4%;
	}	
	
	/*--- Umen -----------------------------*/
	.mega-menu a i{
		margin-top: 4px;
	}
	/*--- Umen -----------------------------*/	
}


@media screen and (min-width: 1135px) and (max-width: 1181px){
	.sm-mint:not(.sm-mint-vertical) > li > a {
		/*font-size: 1.09em;*/
		font-size: 1.03em;
		margin-right: 9px;
		padding: 6px;
	}	
}


@media screen and (min-width: 1069px) and (max-width: 1134px){
	.sm-mint:not(.sm-mint-vertical) > li > a {
		/*font-size: 1.08em;*/
		font-size: 1em;
		margin-right: 8px;		
	}	
}

@media screen and (min-width: 1200px){
	.sm-mint a { font-size: 1.16em; }
}

@media screen and (max-width: 1181px) {
/*@media screen and (max-width: 1074px) {*/
	#nav ul.sm-mint {
		margin-top: 9%;
	}
	
	
	
	.sm-mint li:last-child a {
		margin-right: 0px;	
	}
	
	.sm-mint ul a {
		margin-right: 0px;	
		font-size: 1em;
	}
	
	.sm-mint:not(.sm-mint-vertical) a span.sub-arrow {
		right:3px;
	}
		
}

@media screen and (max-width: 1069px){
/*@media screen and (max-width: 959px) {*/
	ul.sm-mint{width:auto !important;}
	ul.sm-mint ul{display:none;position:static !important;top:auto !important;left:auto !important;margin-left:0 !important;margin-top:0 !important;width:auto !important;min-width:0 !important;max-width:none !important;}
	ul.sm-mint>li{float:none;}
	ul.sm-mint>li>a,ul.sm-mint ul.sm-nowrap>li>a{white-space:normal;}
	ul.sm-mint iframe{display:none;}

	.sm-mint a {
		padding:13px 23px !important;
	}
	
	.sm-mint a.current {
		font-weight:bold;
	}

	#nav ul.sm-mint {
		margin-top: 0px;
	}

	header nav ul.sm-mint{ display: none; }
	
	#nav:target ul.sm-mint {
		display: block;
		width: 100%;
	}
	
	.nav-show {display:block;}
	.nav-hide {display:none;}
	
	#nav:target .nav-hide {display:block;}
	#nav:target .nav-show {display:none;}
	
	.nav-toggle{
		width: 100%;
		background: #fff400;
		color: #000;
		padding: 1em;
		text-transform: uppercase;
		text-decoration: none;
		position: relative;
	}
	
	.nav-toggle i{
		position: absolute;
		top: 18px;
		margin-left: 5px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		border-top: 6px solid #000;
		border-left: 4px dashed transparent;
		border-right: 4px dashed transparent;
	}
	
	.nav-toggle.nav-hide i {
		border-top: 6px solid transparent;
		border-left: 4px dashed transparent;
		border-right: 4px dashed transparent;
		border-bottom: 6px solid #000;
		top: 11px;
	}
	
	header nav ul.sm-mint li {
		background: #222;
		padding: 0px;
		border-bottom: 1px solid #333;
		float: left;
		width: 100%;
	}
	
/*	header nav ul li:nth-child(2n) {
		float: right;
		border-left: 1px solid #333;
	}*/
	
	header nav ul li a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 0.5em 1em;
		margin: 0 !important;
		border: 0;
	}
	
	.mega-menu div {
		width: 100% !important;
	}		
	
	.mega-menu-half {
		width: 100%;
		float: none;
	}	
	
	.mega-menu-half a{
		text-align: left;
	}
	
	header ul li ul {
		padding: 0 !important;
	}	
	
	.mega-menu-half img, .mega-menu-half br, .mega-menu-half i{
		display: none;
	}		
	
	header nav{
		float: right;
		width: 70%;
		margin-top: 4%;
		position: relative;	
	}
	
	header .container {
		width: inherit;
		max-width: 1180px;
		margin: 0em auto;
		padding: 0em 1em;
	}
	
	
	header nav ul.sm-mint {
		position: absolute !important;
		top: 43px !important;
		width: 100% !important;
	}	
	
	header#nav{
		z-index: 1 !important;
	}
	
	header ul li ul, .mega-menu{
		padding-left: 22px !important;
	}	
	
	header ul li ul li, .mega-menu li{
		background: #333 !important;
	}	
	
	header ul li ul li a, .mega-menu li a{
		color: #fff !important;
	}
	
	.sm-mint ul a:hover, .sm-mint ul a:focus, .sm-mint ul a:active, .sm-mint ul a.highlighted{
		color: #333 !important;
		background: #fff !important;
	}
	
	button.show-umen {
		background-color: #fff000;
		display: block;
		right: 0px;
		position: absolute;
		width: 50px;
		height: 43px;
		top: 0;
		text-align: center;
		border: none;
	}		
	
	button.show-umen  i{
		position: absolute;
		top: 18px;
		margin-left: -3px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		border-top: 8px solid #333;
		border-left: 6px dashed transparent;
		border-right: 6px dashed transparent;
	}
	
	button.close-umen i{
		border-top: none;
		border-bottom: 8px solid #333;
	}
	
	span.sub-arrow {
		display: none !important;
	}	
	
	ul.sm-mint ul{
		background: #222;
	}	
}

@media screen and (min-width: 1070px){
/*@media screen and (min-width: 960px){*/	
	header nav{
		float: right;
		width: 75%;
		position: relative;
	}

	header nav:after {
  		content: " ";
  		display: block;
  		clear: both;
	}
	
	button.show-umen{
	display: none; 
	
	}
}

@media screen and (max-width: 769px){
	header nav{
		float: right;
		width: 100%;
		margin-top: 0px;
		position:relative;
	}
	
	header .container {
		max-width: inherit;
		width: 100%;
		padding: 0em;
		margin: 0em;
	}
	
	header nav ul.sm-mint {
		position: relative !important;;
		top: 0px !important;;
		width: 100% !important;
	}		
}

@media screen and (max-width: 300px) {
	header nav ul.sm-mint li, header nav ul li:nth-child(2n){
		width: 100% !important;;
		float: none !important;
		border-left: none;
	}
}	

@media screen and (min-width: 1130px){
	.sm-mint a {	
		/*padding: 15px 5px;*/
	}
}

@media screen and (max-width: 308px){
	header nav {
		margin-top: 3px;
	}
}