/* menu icon */
#menu-icon {
        display: none; /* hide menu icon initially */
}
.sf-menu{
	z-index:10;
	border:0;
margin: 10px 0 0 0 !important;
font-size: 0.890em;
}



.sf-menu li {
        list-style: none;
        float: left;
		z-index:10;
		
}
 
/* nav link */
.sf-menu a {
        display: block;
	color: #373535;
	text-decoration:none; 
	padding: 0.900em 0.769em;
	font-size: 1.101em;
}
.sf-menu a:hover {
	color:#4d298a;
}
.current{
	color:#4d298a!important;
}
 
/* nav dropdown */
.sf-menu ul {
        position: absolute;
        border:0 !important;
        display: none; /* hide dropdown */
        width: auto;
		z-index:10;
		z-index:2001;
}
.sf-menu ul li {
        float: none;
        margin: 0 0 2px 0;
		z-index:10;
		text-align:left;
		font-size:.941em;
		border:0;
		
}
.sf-menu ul li a{
	padding: 0.8em .80em;
	background-color:#614f4b;
	color:#fff;
}
.sf-menu ul li a:hover{
	background-color:#7c6d68;
}
.sf-menu ul li
.sf-menu li:hover > ul {
        display: block; /* show dropdown on hover */
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
        left:                   200px; /* match ul width */
        top:                    0;
}
 
 
 
 
 
 
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
        margin:                 0;
        padding:                0;
        list-style:             none;
}
 
 
 
/************************************************************************************
MOBILE
*************************************************************************************/
@media screen and (max-width: 650px) {
 
        /* nav-wrap */

 
     
         
        /* main nav */
        .sf-menu {
              
                width: 100%;
                z-index: 10000;
                padding: 1%;
				font-size:10px;
        }
        .sf-menu li {
                clear: both;
                float: none;
                margin: 5px;
				border:none;
				background-color:#856bb2;
				text-align:left;
				padding-left:5px;
        }
        .sf-menu a,
        .sf-menu ul a {
                font: inherit;
                background: none;
                padding: 0;
                color: #fff;
                border: none;
        }
        .sf-menu a:hover{
			background-color:#fff !important;
                color: #000;
        }
		.sf-menu a:hover,
        .sf-menu ul a:hover {
                background: none;
                color: #000;
        }
         
        /* dropdown */
        .sf-menu ul {
                width: auto;
                position: static;
                display: block;
                border: none;
                background: inherit;
        }
        .sf-menu ul li {
                margin: 5px;
        }
         
 .sf-menu ul li a{
	padding:0 3px !important;

 
}
 
@media screen and (min-width: 650px) {
 
        /* ensure #nav is visible on desktop version */

 
}