.menu{ padding: 0px; margin: 0px;}
 
.menu li{display: inline-block;
position: relative;
z-index:100;}
 
.menu li a {font-size: 12px; font-weight:400;
text-decoration:none;
padding: 10px;
display:block;
color: #3f3a34;
 
-webkit-transition: all 0.2s ease-in-out 0s;
   -moz-transition: all 0.2s ease-in-out 0s;
   -o-transition: all 0.2s ease-in-out 0s;
   -ms-transition: all 0.2s ease-in-out 0s;
   transition: all 0.2s ease-in-out 0s;
}
.menu li a:hover, .menu li:hover > a{ background-color: #fff; color: #898578;}

/* hide the second level menu */
.menu ul { width: 220px; display: none;
margin: 0;
padding: 0;
position: absolute;
top: 37px;
left: 0px;
}
 
/* display second level menu on hover */
.menu li:hover > ul{ display: block;}
 
.menu ul li {border-bottom-color: #f2f2f2; margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: -3px; text-align: left; display:block;
float: none;
background:none;
padding:0;
border-bottom-style: solid;
border-bottom-width: 4px;
}
.menu ul li:last-child {
border-bottom-color: none;
border-bottom-style: none;
border-bottom-width: 0px;
-webkit-box-shadow: 0 8px 6px -6px #5c5c5c;
	   -moz-box-shadow: 0 8px 6px -6px #5c5c5c;
	        box-shadow: 0 8px 6px -6px #5c5c5c;
}
.menu ul li .fa.fa-angle-right { float: right; }
.menu ul li a { font-size:14px;
font-weight:400;
display:block;
color: #898578;
background:#fff;
}
 
.menu ul li a:hover, .menu ul li:hover > a{
color: #000;
}

/* change level 3 menu positions */
.menu ul ul {left: 219px;
	top: 0px;
	margin-left: 0; margin-bottom: 0; margin-right: 0; margin-top: 3px;
}

/* Mobile Button Properties */
.mobile-menu{display:none;
padding:11px;
text-transform:uppercase;
font-weight:600;
}
.mobile-menu:hover{
text-decoration:none;
}

/* Begin media queries ================================================= */

@media (max-width: 769px) {
 
.menu{display:none;}
 
.mobile-menu{ display:block;}
 
nav{margin:0;
background:none;}
 
.menu li{display:block;
margin:0;}
 
.menu li a { background:#ffffff;
color:#797979;}
 
.menu li a:hover, .menu li:hover > a{
background:#f0f0f0;
color:#797979;}
.menu li ul li.mobile-last {
-webkit-box-shadow: 0 8px 6px -6px #5c5c5c;
	   -moz-box-shadow: 0 8px 6px -6px #5c5c5c;
	        box-shadow: 0 8px 6px -6px #5c5c5c;
}
/*level 2 and 3 - make same width as all items*/
.menu ul {display:block;
position:relative;
top:0;
left:0;
width:100%;}
.menu ul li:last-child {
border-bottom-color: none;
border-bottom-style: none;
border-bottom-width: 0px;
-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
.menu ul ul {left:0;
}
.menu ul ul li {
text-indent: 30px;
}
}/*end media queries*/