/*------------------------------------------------------*/
/*--------------------- Default ALL --------------------*/
/*------------------------------------------------------*/

nav#main-navigation {
	position: relative; 
	background-color: #0E76BC;
	clear: both;
	height: 50px;
	margin: 20px 0 0;
}

nav#main-navigation > div > ul { 
	text-align: center;
	padding: 13px 0 0 0;
}

nav#main-navigation > div > ul > li {
	display: inline-block;
	margin:  0 8px;
	position: relative;

	
}

nav#main-navigation > div > ul > li:last-child {
	
}

nav#main-navigation > div > ul > li > a {
		color: #ffffff;
		text-transform: uppercase;
		text-decoration: none;
		outline: 0;
}

nav#main-navigation > div > ul > li > a:hover {
	color: yellow;
}

img#responsive-menu {
  position: absolute;
  right: 10px;
  top: 6px; 
  cursor: pointer;
}


ul.sub-menu {
  display: none;
  position: absolute;
  background-color: #0E76BC;
  text-align: left;
  min-width: 200px;
  padding-left: 0;
  padding: 10px;
  top: 15px;
  left: -10px;
  z-index: 999;
}

ul.sub-menu > li  {}
ul.sub-menu > li > a {color: #ffffff; text-decoration: none;}
ul.sub-menu > li > a:hover {color: yellow;}

/*------------------------------------------------------*/
/*----------------- Mobile Navigation ------------------*/
/*------------------------------------------------------*/

@media all and (max-width: 520px) and (min-width: 1px) { 
		
	nav#main-navigation > div > ul { 
		display: none;
		padding-top: 40px;
	}
	
	nav#main-navigation > div > ul > li {
		display: block;
		margin:  0 10px;
		position: relative;
		text-align: left;
		margin-bottom: 10px;
	}
	
	nav#main-navigation > div > ul > li > a {
		font-size: 17px;
	}
	
}

/*------------------------------------------------------*/
/*----------------- Tablet Navigation ------------------*/
/*------------------------------------------------------*/

@media all and (max-width: 799px) and (min-width: 521px) { 
	
	nav#main-navigation > div > ul { 
		display: none;
	}
	
	nav#main-navigation > div > ul { 
		display: none;
		padding-top: 40px;
	}
	
	nav#main-navigation > div > ul > li {
		display: block;
		margin:  0 15px;
		position: relative;
		text-align: left;
		margin-bottom: 10px;
	}
	
	nav#main-navigation > div > ul > li > a {
		font-size: 17px;
	}
	
}	

/*------------------------------------------------------*/
/*----------------- Desktop Navigation - small----------*/
/*------------------------------------------------------*/

@media all and (max-width: 1000px) and (min-width: 800px) {
	
	img#responsive-menu {
	  display: none;
	}
	nav#main-navigation > div > ul > li {
	display: inline-block;
	margin:  0 5px;
	position: relative;
		font-size: 14px !important;

}
	
}


/*------------------------------------------------------*/
/*----------------- Desktop Navigation - Big----------*/
/*------------------------------------------------------*/

@media all and (min-width: 1001px) { 	
	
	img#responsive-menu {
	  display: none;
	}
	
}


/** Quick MQ's **/
@media all and (max-width: 400px) and (min-width: 0px) {

	
}