.sf-menu {
	/* width: 80%; */ /* 1000px / 1250px */
	font-size: 0.8125em; /* 13 / 16 */
	/* max-width: 92.3em; */ /* 1200px / 13 */
	margin: 0 auto;
	padding: 0px;
	position: relative;
	display: table;
	float: left;
	margin-top: 0px;
}

#mobnav-btn {
	display: none;
	font-size: 14px;
	font-weight: bold;
	/* background-color: #898365; */
	color: #ffffff;
	padding-top: 10px;
	cursor: pointer;
	text-transform: uppercase;
	/* border-top-left-radius: 10px; */
	/* border-top-right-radius: 10px; */
	text-align: center;
	width: 100%;
	/* position: absolute; */
	top: 7px;
}
.mobnav-subarrow {
    display: none;
}

@media only screen and (max-width: 480px) {
    #mobnav-btn {
        display: block;
    }
    .mobnav-subarrow {
        display: block;
        background-color: #0d88d3;
        border-bottom: 1px solid white;
        border-top: 1px solid black;
        height: 20px;
        width: 30px;
        background-position: top left!important;
        position: absolute;
        top: 8px;
        right: 10px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        -webkit-transition: all .1s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -ms-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out;
    }
    .sf-menu {
			width: 100%!important;
			display: none;
			margin-top: 18px;
			padding: 0px;
			background-color: #2c2c2c;
			z-index: 999;
			text-align: center;
    }
    .sf-menu.xactive {
        display: block!important;
    }
    .sf-menu li {
				float: none!important;
				display: block!important;
				width: 100%!important;
				border-top: 1px #ffffff solid;
    }
    .sf-menu li a {
        float: none!important;
    }
    .sf-menu ul {
        position:static!important;
        display: none!important;
    }
    .xpopdrop ul {
        display: block!important;
    }
}

.sf-menu ul {position:absolute;top:-999px; display:none;/* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%}
.sf-menu li {float:left;position:relative;}

.sf-menu>li>a{display:block;position:relative; font-size: 12px; line-height: 25px; color:#ffffff;padding-top: 7px;padding-bottom: 7px;padding-left: 15px;padding-right: 15px; font-weight: normal;text-transform: uppercase;}
.sf-menu>li.current>a{color:#ffffff;text-decoration: none;}
.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{color:#ffffff; background-color: #898365}

.sf-menu a{color:#898365;}

@media only screen and (max-width: 480px)
{
	.sf-menu>li>a{display:block;position:relative; font-size: 14px; line-height: 25px; color:#ffffff;padding-top: 7px;padding-bottom: 7px;padding-left: 10px;padding-right: 15px; font-weight: normal;}
	.sf-menu>li.current>a{color:#ffffff;background-position:0 0;text-decoration: none;}
	.sf-menu>li>a:hover,.sf-menu>li.sfHover>a{color:#cccccc;}
	
	.sf-menu a{color:#ffffff;}
}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left: 0;width: 100%;padding:0px 0 0 0; z-index:99;}
.sf-menu li ul li{background: url('../imagesV2/nav_marker.png') 22px 12px no-repeat;}
.sf-menu li ul li:hover{background-position:-20px 12px;}
.sf-menu li ul li a{padding: 5px 0 8px 36px;display:block;color:#fff;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#fff;}

/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:201px !important;top:-1px !important;}

.sf-menu li a .menu-arrow{
    display:block;
    width:5px;
    height:3px;
    position: absolute;
    left: 50%;
    bottom: 15px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../imagesV2/menu_arrow.png') no-repeat;
    vertical-align: middle;
}
.sf-menu li li a .menu-arrow{
    display:block;
    width:5px;
    height:3px;
    position: absolute;
    left: auto;
    right: 20px;
    bottom: 15px;
    text-indent:-100%;
    font-size:0;
    line-height:0;
    background: url('../imagesV2/menu_arrow.png') no-repeat;
    vertical-align: middle;
}