Dropdown Menu for ATW

style.css

@media only screen and (min-width: 768px) {
	div.slicknav_menu {
		display: none;
	}
	.nav {
		height: 73px;
		width: 60%;
		float: right;
		display: block;
	}
	.nav ul {
		height: 73px;
		float: right;
	}
	.nav ul li {
		float: left;
		padding: 0 15px;
		height: 100%;
		line-height: 73px;
	}
	.nav ul li.menu-item-has-children{
		position: relative;

	}
	.nav ul li.menu-item-has-children:hover ul {
		display: block;
		position: absolute;
		left:0;
	}
	.nav ul li.menu-item-has-children ul {
		display: none;
	}
	.nav ul li.menu-item-has-children ul.sub-menu li {
		float: none;
			background-color: rgba(0,0,0,.7);
	}
}