@media screen and (max-width: 980px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 480px) {}

#menu-icon {display: none;}
#menu-icon img { height: 25px;}

@media screen and (max-width: 799px) {
	#nav,#login,#search,#search button,#top-nav,#logo { display: none; }
	#login,#search {float:none; clear:both; margin-left:5px}
	#menu-icon {width:100%;height: 40px; text-decoration:none;background: #000 url(../images/menu-icon.png) no-repeat right;cursor: pointer;display: block; line-height: 40px; color: #fff; text-indent: 5px; font-size: 20px; padding: 5px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8) !important;}
	/*#menu-icon:hover,#menu-icon.active  {background-color: #343434;}*/
	/* Menu */
	#nav-w {height:auto; display:block; padding: 0; color: #fff; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0, 0, 0, 1); position: relative; top: 0;}
	#nav {position: relative;	display: none; background:#333; top: 0;}
	#nav ul { position:relative; width: 100%; display: block; background:#333; overflow:hidden}
	#nav ul li {clear: both;float: none!important; border-right:none; display:block; max-width:100%; margin:0;border-top: 1px solid #555; border-bottom:0 !important; height: auto;}
	#nav ul li a { margin:0; display:block; -webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;background-color: #343434; color: #fff !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 1) !important;}
	#nav ul.menu > li > a, #nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a {border: 0;}
	/* SubMenu */
	#nav ul li ul{ position:relative; margin:0; padding:0; left:0; top:0;max-width:100%; border-top: 1px solid #444;}
	#nav ul li:hover ul, #menu ul li.sfHover ul { position:relative; left:0; top:0;}
	#nav ul li ul li:hover ul { position:relative}
	#nav ul li ul li { width:100%; margin: 0; border-bottom:1px solid #444;}
	#nav ul li ul,
	#nav ul li:hover ul,
	#nav ul li:hover ul li ul
	{position:relative!important; margin:0; padding:0; left:0; width:100%; display:block;border-top: 0;} 

	#nav ul.level1 li.level2.first a {border-top: 0;}
	#nav ul.level1 li.level2.first a:hover, #nav ul.level1 li.level2.first.active a {border-top: 0;} 

	#nav ul li ul li {border-bottom: 0; border-left: 0; border-right: 0;}
	#nav ul li ul li a {margin:0; padding:7px 22px;line-height:25px;font-size:16px; text-align: center; background-color: #343434 !important; text-transform: none;}
	#nav ul li ul li a:hover, #nav ul li ul li.active a {background-color: #444 !important;}

	#nav ul li ul li a:hover,
	#nav ul li ul li.active a,
	#nav ul li.active ul li a:hover,
	#nav ul li li ul li a:hover,
	#nav ul li ul li.active ul li.active a,
	#nav ul li ul li.active a{ color: #fff; background: #444; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}

	#nav ul.menu > li > a:hover, #nav ul.menu > li.sfHover > a{color: #fff; text-decoration: none; background:#444;}
	#nav ul.menu > .active > a,
	#nav ul.menu > .active > a:hover{color: #fff; text-decoration: none; background:#444;}

}