nav{ position:relative; margin: 0px 0 0 0;float: right;}
.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; background:#333333; font-size: 14px; line-height: 19px; color:#fff;position: relative;font-weight:bold;text-transform:uppercase;overflow: hidden;padding: 48px 0 16px 20px;}
.sf-menu>li>a>span{display:block;position: relative;z-index:10;}
.sf-menu>li>a strong{display: block;position: absolute;width:90px;height:0;left:0;top:-100%;background:#5b7329;z-index:1;padding-left:20px;}

.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color:#fff;}
.sf-menu>li>a:hover strong,.sf-menu>li.current>a strong,.sf-menu>li.sfHover>a strong{top:0;height:19px;padding-bottom:16px;padding-top:48px;}
.sf-menu>li>a:hover span,.sf-menu>li.current>a span,.sf-menu>li.sfHover>a span{}


.sf-menu>li{width:110px;margin-left:10px;}
.sf-menu a{}

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover>ul{left:0;top:93px;width: 201px;padding:15px 10px 13px 19px; z-index:99; background: #8d8c8c;}
.sf-menu li ul li{margin-bottom: 3px;}
.sf-menu li ul li a{font-size: 12px;color: #fff;text-transform: uppercase;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color: #5b7329;}

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

.sf-menu>li>a .menu-arrow{display:block; width:9px;margin-left:5px;height:5px;text-indent:-100%; font-size:0; line-height:0;background: url('../images/menu_arrow1.png') no-repeat;vertical-align: middle;position: absolute;right: 20px;bottom: 23px;z-index: 999;}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position: 0 -10px;}
   
.sf-menu li li a .menu-arrow{display:block; width:5px;height:9px;text-indent:-100%; font-size:0; line-height:0;background: url('../images/link3_marker.png') no-repeat;vertical-align: middle;position: absolute;right: 10px;bottom: 23px;z-index: 999;}


/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
  .sf-menu>li, .sf-menu>li:first-child{margin-left: 1px;width: 85px;}
  .sf-menu>li>a, .sf-menu>li>a strong{padding-left: 0;padding-right: 0;text-align: center;}
  .sf-menu>li>a .menu-arrow{bottom: 8px;left: 50%;margin-left: -3px;}
}

@media only screen and (max-width: 767px) {
  nav{
		float:none;
		font:12px/15px Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#010101;
		padding:29px 0;
	}
		nav:before{
			content:'Menu:';
			display:block;
			margin-bottom:5px;
		}
	.sf-menu{display:none;}
	nav select{
		font:12px/15px Arial, Helvetica, sans-serif;
		color:#464646;
		width:100%;
    outline: none;
		border:2px solid #9e9e9e;
	}
	
}

@media only screen and (max-width: 479px) {
	
}