/********** MOBILE NAVIGATION STYLES **********/
/* Menu Header */
.nav-header {
	position:relative;
	cursor:pointer;
	display:none;
}

/* Menu Icon for revealing navigation */
.nav-mobile {
	width:50px;
	height:40px;
	position:absolute; top:0; right:0;
	background:url('img/nav.svg') no-repeat center center;
	background-size:18px;
	z-index:600;
}

/* Arrow Icon for revealing subnavigation */
.nav-click {
	width:50px;
	height:50px;
	position:absolute; top:0; right:0;
	cursor:pointer;
	display:none;
}

.nav-click i {
	height:50px;
	width:50px;
	background:url('img/drop.svg') no-repeat center center;
	background-size:20px;
	display:block;
}

.nav-rotate {
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
}

@media only screen and (max-width: 1040px) {
	#navigationContainer {
		z-index:500;	
	}
	
	#navigationWrapper {
		box-shadow:none !important;	
	}
	
	#navigationSkin {
		position:relative;
	}
	
	.nav-header {
		display:block;
		font-size:17px;
		line-height:19px;
		font-weight:500;
		padding-top:11px;
	}
	
	#navigation {
		display:none;
	}
	
	#navigation.navActive {
		display:block;
	}
	
	#navigation.responsiveNav {
		width:100%;
		position:absolute;
		box-sizing:border-box;
		background:#e1e1e1;
		top:37px;
	}
	
	#navigation a {
		padding:7px 10px;
	}

	.navActive .nav-click {
		display:block;
	}

	.responsiveNav ul {
		margin:0;
		padding:0;
	}

	.responsiveNav .has_children > ul {
		display:none;
	}
	
	.responsiveNav .has_children > .subnavActive {
		display:block;
	}
}

@media only screen and (max-width: 701px) {
	#navigationSkin {
		margin-bottom:3%;	
	}
	
	#navigation {
		padding-top:20px;	
	}
	
	#navigation.responsiveNav {
		top:auto;	
	}
}