.toggleMenu {
	position: relative;
	margin-top: 20px;
	text-align: center;
	width: 100%;
	display: block;
	height: 45px;
	line-height: 45px;
	color: #fff !important;
	font-weight: 700;
	text-transform: uppercase;
}

.toggleMenu #icon {
	float: right;
	position: relative;
	right: 15px;
}

.menu li.hover > ul { visibility: visible !important; }

.menu li.hover > ul {
	left: 100%;
	top: 0;
}

@media screen and (max-width: 765px) {
	.menu { margin-top: 10px; float: none !important; }
	.menu li { width: 100%; }
	.menu > li.hover > ul , .menu li li.hover ul { position: static; }
	.menu li:hover > ul { visibility: hidden; }
	.menu li li { border: none !important; }
}