/*** ESSENTIAL STYLES ***/
.sf-menu {
	position: relative; 
}
.sf-menu li {
	
}
.sf-menu ul {
	position: absolute;
	display: none; 
	background: #2b2f2a;
	top: 100%;
	left: 0px;
	right: 0px;
	z-index: 99;
	text-align: center;
	min-width: 100%;
	box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.31);
	
}

.sf-menu ul li {
	float: none;
	text-align: left;	
	padding: 0;
	display: inline-block;
	border: none !important;
} 

.sf-menu li a.sf-with-ul {
	position: relative;
	background-image: url(../images/wdm-icon-button-arrow-down.png);
	background-size: 13px auto;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}

 background-repeat: no-repeat;
}



@media only screen and (min-width: 1030px){
	.mobile-menu {
		display: none !important;
	}
	}
	
	
@media only screen and (min-width: 1600px){
			.sf-menu li.sfHover a.sf-with-ul:after {
				content: '';
				display: block;
				width: 10px;
				height: 10px;
				position: absolute; 
				left: 50%;
				margin-left: -5px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 0 10px 10px 10px;
				border-color: transparent transparent #2b2f2a;
				bottom: -15px;
			}
			}


.sf-menu ul li:hover > ul,
.sf-menu ul li.sfHover > ul {
	display: block;
}

.sf-menu ul a {
	display: inline-block;
	position: relative;
	padding: 12px 24px; 
	color: #fff !important;
	
}
 
.sf-menu ul a:hover { 
	}