.nav>li>span {
	position: relative;
    display: block;
    padding: 15px;
    color: #9d9d9d;
}

.nav>li>span:hover {
	color: #fff;
}

.nav li a:hover {
	text-decoration: none;
	background-color:#f5f5f5;
}

.nav li:hover > ul {
	display:block;
}

.nav li.active.deeper {
	background-color: #000;
}

.nav li.active.deeper span {
	color: #fff !important;
}

.nav-child {
	list-style-type: none;	
	display: none;
	position: absolute;
	padding: 5px 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,.15);
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	box-shadow: 0 6px 12px rgba(0,0,0,.175);
	min-width: 190px;
}

.nav-child li {
	position: relative;
}

.nav-child li a {
	font-size: 14px;
	color: #333;
	display: block;
	padding: 3px 15px;
}

.nav-child .dropdown-header {
	padding: 0 15px 3px 15px;
}

.nav-child li.divider {
	display: block;
	height: 1px;
	margin: 10px 0 12px 0;
    border-top: solid 1px #e5e5e5;
    overflow: hidden;
}

@media screen and (max-width: 767px) {

	.nav .deeper .separator {
		padding-bottom: 5px;
	}

	.nav-child {
		background: none;
		border: none;
		box-shadow: none;
		display: block;
		position: inherit;
	}

	.nav-child a {
		color: #9d9d9d !important;
	}

	.nav-child a:hover {
		color: #fff !important;
	}

	.nav-child li {
		padding-left: 10px;
	}

	.nav-child li a:hover {
		background-color: transparent;
	}

	.nav-child li.divider {
		border-top: solid 1px #333;
	}

	.nav-child .active a {
		color: #fff !important;
	}

	.nav li.active.deeper {
		background-color: transparent;
	}

	.nav li.current.active {
		background-color: #000;
	}

}