.mainnav {
	display: none;
	margin-top: 20px;
	width: 100%;
}

.mainnav a {
	color: #636468;
	display: block;
	font-weight: 600;
	padding: 5px 15px 3px;
	text-decoration: none;
	width: 100%;
}

.mainnav .current a,
.mainnav a:hover {
	color: #222;
}

.mainnav > div > ul > li:first-child a {
	padding-left: 0;
}

.mainnav > div > ul > li:last-child a {
	padding-right: 0;
}

.mainnav li {
	position: relative;
	z-index: 60;
}

@media (min-width: 576px) {
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
	.mainnav .container {
		max-width: 960px;
	}
	
	.mainnav,
	.mainnav-bg {
		display: block;
	}
}

@media (min-width: 1200px) {
	.mainnav .container {
		max-width: 1140px;
	}
	
}