#desktop-header-nav {
	position: relative;
	float: right;
	width: 72%;
	margin-right: 40px;
	top: 0em;
}

@media screen and (max-width: 960px) {
	.header-logo {
		width: 44%;
	}
}

#mobile-header-nav {
	display:none;
	float: left;
	width: 100%;
	text-align: center;
	z-index: 9999;
	position: relative;
}


/**
** navigation dropdown styles
**/

/* The container wrapping ul.dropdown */


#header-nav {
	/*background-color:#ffffff;*/
	width:100%;
	height:40px;
	line-height:40px;
	margin:0;
}
ul.dropdown {
	list-style:none;
	width:100%;
	padding: 0;
	height:40px;
	line-height:40px;
	margin:0;
	display: flex;
}
ul.dropdown li{	float:left; position:relative; flex-grow: 1; text-align: right;}
ul.dropdown a {	padding:10px; color:#7f4f1e; font-weight:900; text-decoration:none; text-transform: capitalize; line-height: 25px;}
ul.dropdown li:hover a { color:#d8ebeb; }
ul.dropdown li ul a { display:block; background-color:#3B2313; font-weight:300; }
ul.dropdown ul { list-style: none; margin:0; padding:0; width:200px; position:absolute; z-index:500; }
ul.dropdown li ul { top:30px; box-shadow: 2px 2px 10px 0px #000; }
ul.dropdown ul ul { top:0; left:100%; }
ul.dropdown ul li { float:none;	border-bottom: 1px solid #472f1f; }
ul.dropdown ul,
ul.dropdown li:hover ul ul,
ul.dropdown ul li:hover ul ul
{ display: none; }
ul.dropdown li:hover ul,
ul.dropdown ul li:hover ul ,
ul.dropdown ul li ul li:hover ul
{ display: block;}
ul.dropdown li * a:hover { background-color: #d8ebeb; color: #3B2313 !important; }

#menu-main-menu .current_page_item a , #menu-main-menu .current_page_ancestor > a{
	color: #60c2bd;
}
/* different color of menu item */

.menu-blue a:hover, .menu-blue.current_page_item a {
	color:#007375 !important;
}

.menu-lightblue a:hover, .menu-lightblue.current_page_item a {
	color:#b7dad8 !important;
}

.menu-gold a:hover, .menu-gold.current_page_item a {
	color:#b8872a !important;
}

.menu-brown a:hover, .menu-brown.current_page_item a {
	color:#864f1a !important;
}

.menu-darkbrown a:hover, .menu-darkbrown.current_page_item a  {
	color:#3b2313 !important;
}

.menu-green a:hover, .menu-green.current_page_item a {
	color:#c9c71c !important;
}

.menu-teal a:hover, .menu-teal.current_page_item a {
	color:#0Fa29d !important;
}

/* mobile menu */
.mobile-nav {
	float: left;
	position: relative;
	margin:0;
	padding:0;
	list-style:none;
	display: none;
	width: 100%;
}

.mobile-nav li {
	display:block;
	text-align:center;
}

.mobile-nav li:hover {
	background-color: #f9f9f9;
}
.mobile-nav li a {
	text-decoration:none;
	padding: 5px 0;
	display: block;
	text-transform: capitalize;
	color: rgb(127, 79, 30);
}


.mobile-nav {
	float: left;
	position: relative;
}

#reveal-mobile-menu {
	display: none;
	padding: 5px 0;
	width:40px;
	height:40px;
	cursor:pointer;
	position: absolute;
	top: 35px;
	right: 10px;
}


.mobile-nav .sub-menu {
	display:none;
}

@media all and (max-width: 960px) {
	
	#mobile-header-nav {
		display: block;
	}
	#desktop-header-nav {
		display:none;
	}
	#reveal-mobile-menu {
		display: block;
	}
	
	#menu-main-menu {
		margin-bottom: 4px;
	}
	
	header {
		padding-bottom: 3em;
		position: relative;
	}
	
	#sub-nav {
		display: none;
	}
	
	#menu-sub-menu {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#menu-sub-menu li {
		margin-top: 10px;
	}
	
	#menu-sub-menu li a {
		text-decoration: none;
		
	}
	
	.header-twitter {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		float: none;
		text-align: center;
		margin: 1em auto;
	}

}