nav{ position:relative; margin: 0px 0px 0 0;background:url(../images/menu-bg.jpg) repeat-x #000000;border-bottom:1px solid #272221;}
.sf-menu{float:left;}
.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: 15px; line-height: 18px; color:#fff; padding: 24px 26px 25px;}
.sf-menu>li>a:hover,.sf-menu>li.current>a,.sf-menu>li.sfHover>a{color:#adcefa;}

.sf-menu>li{border-right:1px solid #212121;background: url('../images/nav_li2.jpg') 0 -20px repeat-x;}
.sf-menu>li:hover,.sf-menu>li.current,.sf-menu>li.sfHover{background-position:0 140px;}
.sf-menu a{}
.menu-arrow{display:none;}
/*================================>> 2 Level <<========================================*/
.sf-menu li ul,.sf-menu li.sfHover ul{left:10px;top:69px;width: 197px;padding:0 0 0 0; z-index:99; background:#6e6968;}
.sf-menu li ul li{background: url('../images/sub_marker1.png') 15px 15px no-repeat;border-bottom:1px solid #6e6956;}
.sf-menu li ul li a{display:block;padding: 10px 0 10px 39px;color:#c2c2c2;font-size:13px;}
.sf-menu li li a:hover, .sf-menu li.sfHover li.sfHover>a{color:#fff;}
.sf-menu li li:hover,  .sf-menu li.sfHover li.sfHover{border-color:#fff;}


/*================================>> 3 Level <<========================================*/
.sf-menu li li ul{left:198px !important;top:0px !important;}
	 
/*==================================RESPONSIVE LAYOUTS===============================================*/
@media only screen and (max-width: 995px) {
	 .sf-menu li ul,.sf-menu li.sfHover ul{left:0;}
	 .sf-menu>li>a{font-size: 11px; padding: 24px 19px 25px;}
	 
}

@media only screen and (max-width: 767px) {
	nav{background:none;padding-top:10px;}
	 .sf-menu>li{float:none;border:none;background:#131313;margin-bottom:3px;}
	 .sf-menu ul{position:static;overflow:hidden;width:100% !important;}
	 .sf-menu ul ul li{padding-left:20px;background-position:40px 15px;}
	 .sf-menu>li>a{padding: 10px 26px 10px;}
	 .sf-menu>li>a .menu-arrow{margin:-2px 0 0 10px!important;}
	 .sf-menu li a .menu-arrow{display:inline-block; width:12px;margin: 0px 0 0 10px;height:8px;text-indent:-100%; font-size:0; line-height:0;background: url('../images/arrow.png') no-repeat;vertical-align: middle;}
	 .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) {
	 
	
}