#menu-icon{display: block;}

/* nav-wrap */
#nav-wrap {position: relative;}
	
#nav li {margin: 0;padding: 0;}
#nav li {list-style: none;float: left;margin-right: 5px;}
/* nav link */
#nav a {padding: 4px 15px;display: block;}
#nav a:hover {}
/* nav dropdown */
#nav ul {padding: 2px;position: absolute;display: none; /* hide dropdown */
width: 200px;}
#nav ul li {float: none;margin: 0;padding: 0;}    
#nav li:hover > ul {display: block; /* show dropdown on hover */}
	
	/* main nav */
#nav {
		clear: both;
		position: absolute;
		top: 60px;
		width: 100%;
		z-index: 1000;
		padding: 0;
		display: none;
	line-height: 1.4;
}
#nav li {
		clear: both;
		float: none;
		margin: 5px 0 5px 10px;}
#nav a, 
#nav ul a {
		font: inherit;
		background: none;
		display: inline;
		padding: 0 20px;
		border: none;
		text-decoration: none !important;}
	
#nav li ul{line-height: 1.2;}
	
#nav a:hover,#nav ul a:hover {background: none;}
	
	/* dropdown */
#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;	}
#nav ul li {margin: 0;}
#nav ul ul {padding-bottom: 7px;}
#nav ul ul ul {padding-bottom: 0px;}
#nav ul ul li {margin: 0;}		
#nav ul ul a {padding-right: 33px;}
#nav ul ul ul a {padding-right: 44px;}

	
	/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
	padding-right: 2.5em;
	*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */}

/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	content: "\f101";
	position: relative;
	left: 8px;
	font: 1em FontAwesome;
	padding-right: 5px;}
	
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
	content: "\f101"; 
    font: 1em FontAwesome;}

/* @end */

@media screen and (max-width:768px) {
#nav ul a {padding-left: 10px;padding-right: 10px;}}

@media screen and (max-width:600px) {
#menu-icon {padding-top: 8px;}
#nav ul a {padding-left: 20px;padding-right: 20px;}
#nav{position: relative;top: 0;}}

@media screen and (max-width:480px) {
#nav ul a {padding-left: 15px;padding-right: 15px;}}