#nav-bar { padding:0px;width: 100%; margin: auto 0 0 auto;}
#nav { float:right; margin:0; list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;width:100%; box-sizing: border-box;}


/************** ALL LEVELS  *************/
#nav li {     
    position: relative;
    text-align: left;
    width: auto;
    margin: 0;
    white-space: nowrap;
    box-sizing: border-box;
    text-transform: uppercase;
	font-weight: normal;
    padding: 0 10px;
    display: table-cell;
}

#nav li.over{ z-index:99; }
#nav li.active { z-index:100; }
#nav a, #nav a:hover { display:block; text-decoration:none;  }
#nav span { display:block;padding: 0 1%; }
#nav a { line-height: 30px; }


/************ 1ST LEVEL  ***************/
#nav li { display:inline-block; background-color:none;}
#nav li.active{ margin-left:-1px; color:none; font-weight:bold;  }
#nav li.active em { display:block; position:absolute; top:0; right:-1px; width:3px; height:30px;}
#nav a { color: #112937; float: left; font-weight:bold; text-transform: capitalize; line-height: 30px;}
#nav li.over a { color:#02b502; background-color:none; }


/************ 1ST LEVEL RESET ************/
#nav ul li,
#nav ul li.active{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; float:none; height:auto; background:none; margin:0; }
#nav ul a,
#nav ul a: hover { float:none; padding:0; line-height: 1.3em; }
#nav ul li.over a,
#nav ul li.over a:hover,
#nav ul a,
#nav li.active li { font-weight:normal; }


/************ 2ND LEVEL ************/
#nav ul{ list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0 0 3px 0; position:absolute; width:230px; top:25px; left:-10000px; }

/* Show menu */
#nav li.over ul{ left:0px; }
#nav li.over ul ul { left:-10000px; }
#nav li.over ul li.over ul { left:100px; }

#nav ul li {
	float: left;
	clear: both;
}
#nav ul li a { background:#02b502; }
#nav ul li a:hover { background:#02b502;}
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a{color:#FFF}
#nav ul li a:hover { color:#FFFFFF; }
#nav ul span,
#nav ul li.last li span { padding:5px 15px; }
#nav ul li.last span,
#nav ul li.last li.last span { background:none; }
#nav ul li.last { padding-bottom:3px; }

#nav ul li.parent li a,
#nav ul li.parent li.parent li a{ background-image:none; }

/************ 3RD+ LEVEL ************/
/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; 
min-width: 130px;
width: 100%;
}

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

/* Show menu */
#nav ul ul ul { left:-10000px; list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0; }
#nav li.over ul li.over ul ul{ left:-10000px;}
#nav li.over ul li.over ul li.over ul { left:100px; }
#nav-bar:after, #nav-container:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

@media only screen and (min-width: 768px) and (max-width: 1004px) {
	#nav li {
		margin-right: 1px;
	}
}
@media only screen and (max-width: 768px) {
	#nav li{
		border: none;
		color: #FFFFFF;
		display: block;
		padding: 0 0 0 2%;
		width: 100%;
		cursor: pointer;
		float: left;
	}
	#nav a {
		line-height: 1.4em;
		float: right;
		padding-right: 3%;
	}
	#nav ul {
		margin: 0 0 0 2%;
		top: 10px;
	}
	#nav ul li a {
		font-size: 1.4em;
		padding: 0
	}
	#nav ul  {
		width: 100%;
		overflow: hidden;
		left: 0;
		top: 0;
		position: relative;
	}
	#nav ul ul {
		top: 0px;
		width: 100%;
	}
	#nav ul ul {
		left: 2%;
	}
	#nav li.over ul li.over ul { left:2%; }
}