/* ======= Navigation TOGGLE ======================================================== */
/* HAMBURGER MENU */
.toggle-menu ul{display:table; width:25px; z-index: 100; margin-top: 5px;}
.toggle-menu ul li{width:100%; height:4px; margin-bottom:4px; background-color:#fff;}
.toggle-menu ul li:last-child{margin-bottom:0px;}

header input[type=checkbox], header label{display:none;}
nav .rowfortooglemenu {display: none;}


@media only screen and (min-width: 290px) and (max-width: 1219px) {
	header {bottom: unset; top: 0px; height:50px;}
	header .logomob {display:inline-block; background: transparent;}
	header .logomob #moblogo {margin-top: -8px; width: 130px;}
	header .logomob #claim {color: var(--main-color); font-family: var(--navfont); font-size: 12px; line-height: 18px; letter-spacing: 1px; padding: 0px 12px;  
	display:block; font-weight: normal; text-transform:uppercase;}
	header .logomob #claim span {padding: 0 5px;}

	header input[type=checkbox] {position: absolute; top: -9999px; left: -9999px; background:none;}
	header input[type=checkbox]:focus{background:none;}
	header label {float:left; padding:9px 15px; display:inline-block; cursor:pointer;}
	header input[type=checkbox]:checked ~ nav {display:block;}
	
   	nav {display:none; position:absolute; right:0px; top:50px; padding:10px 0px; z-index:99; border: 1px solid #000;
	background:linear-gradient(180deg, rgba(0,0,0,0.95), rgba(0,0,0,0.75));}
	nav ul{margin: auto; width: 100%;}
	nav ul li{float:none; padding:	0px; width:100%; display:table;}
	nav ul li:hover {background: rgba(255,255,255,0.2);}
	nav ul li a,
	nav ul.subnav {padding: 0px; float: none; margin: 0px calc(-100px + 40vw) 0px 0px; font-size: 16px; line-height: 26px;}
	nav ul.subnav li a {color:#FFF; padding:0px 20px; display:block;  background: none; line-height: 32px;}
	nav ul.subnav li a:hover{color:var(--second-color);}
	nav ul.rowfortooglemenu li:hover {background: transparent;}
	nav ul.rowfortooglemenu li a:hover {text-decoration: underline;}
	a.whitenav {color: #fff;}
	a.whitenav:hover,
	li.current a.whitenav,
	header #langSelector a:hover,
	header #langSelector a.current {color: #ffcc00;}
	header #langSelector a {color:#f9f9f9;}
	
	#requestquote{margin: 0px calc(-105px + 40vw) 0px 0px;}	
	header #langSelector {position: absolute; margin: 21px 0px 0px calc(-105px + 40vw);}
	
	nav .rowfortooglemenu {display: inline-block; text-align:left; margin: 0px 0px 0px calc(-105px + 40vw);}
	ul.rowfortooglemenu li a {font-size: 11px; line-height: 14px;}
	
	/* SUBNAV */
	nav ul ul {-moz-box-shadow:unset;-webkit-box-shadow:unset;box-shadow:unset}
	nav ul li ul {visibility:visible; opacity: 1; position: unset; width: 100%; border: unset;text-align:center; margin: auto; background: rgba(255,255,255,0.1); }
	nav ul ul li {float: none; width: 100%; padding: 0 10px; display:inline-block; border-bottom: 0px;}
	nav ul ul li a{font-size: 8px; border: unset; text-align:right;}
	
	nav ul li ul li {float: right; text-align: right; clear:both; margin-right: -25px;} 
}