.nav>li>span {
	position: relative;
    display: block;
}

.nav li a:hover {
	text-decoration: none;
}

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

.nav-child {
	list-style-type: none;	
	display: none;
	position: absolute;
	margin-top: 7px;
	padding: 5px 0;
	background: #fff;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: 5px;
	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;
	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 (max-width: 991px) {
    .navbar {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
		border-radius: 0 !important;
	}

	.navbar-nav .mod-menu__sub.nav-child.list-unstyled.small {
		position: static;
	}
}

@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;
	}

}

.mod-menu__sub.nav-child.list-unstyled.small li.nav-item {
	padding: 0;
}

li.nav-item {
	padding: 10px;
}

.menu-bg-color {
	background-color: #000 !important;
}

.menu-bg-color .navbar-toggler .navbar-toggler-icon {
	--bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.menu-text-color,
.menu-text-color li.nav-item a,
.menu-text-color li.nav-item.active a {
	color: #fff !important;
}

.menu-text-color .mod-menu__sub.nav-child.list-unstyled.small li a {
	color: #000 !important;
}

.menu-text-color .mod-menu__heading.nav-header.dropdown-header {
	color: #999;
	font-size: 12px;
}

.menu-text-color li.nav-item.active a,
.menu-text-color .nav>li>span:hover,
.menu-text-color li.nav-item a:hover {
	opacity: .8;
}

@media (max-width: 991px) {

	.menu-bg-color .nav-child {
		background: none;
	}

	.menu-bg-color .nav-child li.divider {
		border-top-color: #333;
	}

	.menu-text-color .mod-menu__sub.nav-child.list-unstyled.small li a {
		color: #fff !important;
	}
	
}