/* ---------------------- Menu ---------------------- */
ul#jPanelMenu-menu{
	display: block;
	width: 250px;
	z-index: 1;
	background-color:#706856;
	margin: 0;
	padding: 10px 0 0;
	list-style: none;
}
ul#jPanelMenu-menu li{
	margin: 0;
}
ul#jPanelMenu-menu li a{
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 12px 3px 12px 15px;
	border-bottom: 1px solid #504a3d;
	margin: 0;
	font:400 16px/20px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
  text-transform:uppercase;
  -webkit-transition:background-color 0.3s ease-in-out;
	-moz-transition:background-color 0.3s ease-in-out;
	-o-transition:background-color 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
ul#jPanelMenu-menu li a:hover{
	background-color: #504a3d;
	color: #fff;
}

#main-nav{
  float:left;
  width:100%;
  background-color:#706856;
  position:relative;
} 

.menu-trigger {
	float:left;
	padding:10px 12px 8px;
	text-align: center;
  font:400 16px/18px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
  color:#fff;
  font-size:16px;
  line-height:18px;
  text-decoration:none;
}
.menu-trigger i{
  vertical-align:middle;
}

.menu-trigger:hover{
	color:#504a3d;
}

#primary-nav{
	display: none;
}


@media only screen and (min-width: 768px) {
		
}

/* ------------ media queries styles ------------ */  
@media only screen and (min-width: 1020px) {
  ul#jPanelMenu-menu{
		display: none;
	}
	ul#jPanelMenu-menu li{
		display: none;
	}
	ul#jPanelMenu-menu li a{
		display: none;
	}
	.menu-trigger {
		display: none;
	}	  
  
  #primary-nav {
		float:left;
    display:inline-block;
	}
  
  #primary-nav #menu {
    list-style:none;
    margin:0;
  }
	
	#primary-nav #menu li {
    float:left; 
		margin:0;
    font:300 16px/24px 'Oswald', "Helvetica", Arial, Helvetica, Geneva, sans-serif;
	}
	
	#primary-nav #menu li a {         
    display:inline-block;      
    padding:10px 12px 8px;
    color:#fff;
    text-decoration:none;	
    -webkit-transition:background-color 0.3s ease-in-out;
    -moz-transition:background-color 0.3s ease-in-out;
    -o-transition:background-color 0.3s ease-in-out;
    transition:background-color 0.3s ease-in-out;
	}
  
	#primary-nav #menu li a:hover,
	#primary-nav #menu li a:focus {
		background-color:#504a3d;
	}
	
	#primary-nav #menu li i {
    margin-top:1px;
  }
  
}