/* nav{ position:relative; margin: 10px 0 0 0;float: right;background:url(../images/bg_li.gif) right top no-repeat;}  */
nav{ position:relative; margin: 10px 0 0 0;float: left;background:url(../images/bg_li.gif) right top no-repeat;}
.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{color:#a2a1a1; text-decoration:none; display:block; line-height:81px; font-size:16px; padding:0px 27px 0px 26px; text-transform: capitalize;}  */
.sf-menu>li>a{color:#a2a1a1; text-decoration:none; display:block; line-height:40px; font-size:16px; padding:0px 27px 0px 26px; text-transform: capitalize;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color:#fff; text-decoration:none; background:#3b3b3b }

.sf-menu>li{margin:0;position:relative; float:left;  background:url(../images/bg_li.gif) left top no-repeat; padding-right:1px}
.sf-menu a{} 

/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left:0;top:81px;width: 170px;padding:0 0 0 0; z-index:99;border:1px solid #333233; background: url(../images/sub_ul_bg.png) repeat; padding:17px 0 10px 0}
.sf-menu li ul:before{position: absolute;width:13px;height:11px;left:51px;display:block;top:-1px;background: url(../images/sub_ul.png) 0px 0 no-repeat;content:"";}
.sf-menu li ul li{background:url(../images/bg_li.gif) top right no-repeat;}
.sf-menu li ul li a{line-height:29px; text-align:left; width:146px;display:block; padding:0  0 0 24px; background:none; z-index:9; color:#a2a1a1; font-size:14px}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#a2a1a1;  background:#333333}

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

.sf-menu li a .menu-arrow{display:none;}
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	 .sf-menu>li>a{padding:0 21px 0;}
}

@media only screen and (max-width: 767px) {
	.sf-menu>li>a{line-height:19px;display:inline-block;}
	nav{background:#3b3b3b;padding: 15px 20px 8px;}
	.sf-menu>li{background:none;margin-bottom:7px;padding: 0 0 10px;border-bottom:1px solid #8a8a8a;}
	.sf-menu .last_it{margin-bottom:0;border:none;}
	.sf-menu ul{position: static;background:none !important;border:none !important;padding:5px 0 0 15px !important;}
	.sf-menu li li{float: none;padding:0;background:none !important;}
	.sf-menu li li a{display:inline !important;background:none !important;}
	.sf-menu li li a:hover{color:#fff;}
	
	.sf-menu>li>a .menu-arrow{display:inline-block; width:11px;margin-left:15px;height:6px;text-indent:-100%; font-size:0; line-height:0;background: url('../images/anchor.png') no-repeat;vertical-align: middle;}
	 .sf-menu a.sf-with-ul{}
	 .sf-menu a:hover .menu-arrow, .sf-menu li.current>a .menu-arrow, .sf-menu .sfHover>a:hover .menu-arrow{background-position:0;}
}

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