.menuholder{
position:relative;
height:45px;
}
nav {
width: 100%;
}
.nav_wrapper {
position: absolute;
left: 0;
top: 0;
width: 100%;
//min-height:50px;
transition: top .5s ease-out;
background: #347225;
z-index:8;
}
.btn {
padding: 6px 1%;
margin: 5px;
color: #fff;
text-decoration: none;
transition: all 0.1s ease;
opacity:0.4;
}
.btn:hover {
transition: all 0.1s ease;
opacity:1;
}
.micons {
float: right;
font-size: 23px;
//padding: 2px 15px;
//line-height: 40px;
font-weight:normal;
color: #fff;
margin: 0;
//background:red;
}
.micons:hover {
color: #f6ce00;
}
a.micons{
color: #fff;
}
.search_box {
clear: both;
width: 100%;
background: #e8ebf0;
padding: 0;
margin: 0;
height: 0;
overflow: hidden;
transition: all 0.1s ease-in-out;
}
.search_box.active {
height: auto;
padding: 15px 0;
}
.search_box input {
width: 80%;
font-size: 13px;
margin: 0 0 0 15px;
padding: 10px;
border: none;
background: #fff;
}
.search_box input:focus {
outline: none;
}
.search_box input.search_icon {
clear: both;
width: 10%;
height: auto;
padding: 10px;
margin: 0;
margin-left: -5px;
border: none;
color: #fff;
cursor: pointer;
background: #82c128;
opacity: 1;
transition: all 0.1s ease;
}
.search_box input.search_icon:hover {
background: #347225;
}
.menu-link {
display: none;
}
.spinner-master input[type=checkbox] {
display: none;
}
.menu {
width: 100%;
height: auto;
background: #347225;
transition: all 0.3s ease;
}
.menu ul {
padding: 0px;
margin: 0px;
list-style: none;
position: relative;
display: inline-block;
z-index:8;
}
.menu > li > ul.sub_menu {
//min-width: 10em;
padding: 4px 0;
background-color: #f4f4f4;
border: 1px solid #fff;
}
.menu ul > li.has-submenu > a:not(:only-child):after {  
margin: 0 8px;
display: inline;
font-size: 16px;
font-family: FontAwesome;
height: auto;
content: "\f107";
width: 10px;
}
.menu ul > li.has-submenu  ul  li.has-submenu  a:not(:only-child):after {
position: relative;
display: inline-block;
margin: 0 8px;
font-family: FontAwesome;
content: "\f105" !important;
}
.menu ul li {
padding: 0px;
max-width:300px;
}
.menu > ul > li {
display: inline-block;
}
.menu ul li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 16px;
}
.menu ul li a:hover {
background: #82c128;
color: #fff;
}
.menu ul li.hover > a {
background: #82c128;
color: #fff;
}
.menu ul li > a {
padding: 10px 10px;
}
.menu ul ul {
display: none;
position: absolute;
top: 100%;
min-width: 160px;
background: #82c128;
}
.menu ul li:hover > ul {
display: block;
}
.menu ul ul > li {
position: relative;
}
.menu ul ul > li a {
padding: 10px 15px;
height: auto;
background: #347225;
}
.menu ul ul > li a:hover {
background: #82c128;
color: #fff;
}
.menu ul ul ul {
position: absolute;
left: 100%;
top: 0;
}
@media all and (max-width: 900px) {
	.example-header .container {
	width: 100%;
	}
	.micons {
	padding: 15px 10px;
	}
	.spinner-master * {
	transition: all 0.3s;
	box-sizing: border-box;
	}
	.spinner-master {
	position: relative;
	margin: 15px;
	height: 30px;
	width: 30px;
	float: left;
	}
	.spinner-master label {
	cursor: pointer;
	position: absolute;
	z-index: 99;
	height: 100%;
	width: 100%;
	top: 5px;
	left: 0;
	}
	.spinner-master .spinner {
	position: absolute;
	height: 4px;
	width: 100%;
	padding: 0;
	background-color: #fff;
	}
	.spinner-master .diagonal.part-1 {
	position: relative;
	float: left;
	}
	.spinner-master .horizontal {
	position: relative;
	float: left;
	margin-top: 4px;
	}
	.spinner-master .diagonal.part-2 {
	position: relative;
	float: left;
	margin-top: 4px;
	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
	opacity: 0;
	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	margin-top: 10px;
	}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
	margin-top: -12px;
	}
	a.menu-link {
	display: block;
	color: #fff;
	float: left;
	text-decoration: none;
	padding: 10px 16px;
	font-size: 1.5em;
	}
	a.menu-link:hover {
	color: #82c128;
	}
	a.menu-link:after {
	content: "\2630";
	font-weight: normal;
	}
	a.menu-link.active:after {
		font-family: "FontAwesome";
	content: "\f105";
	}
	.menu {
	clear: both;
	min-width: inherit;
	float: none;
	}
	.menu, .menu > ul ul {
	overflow: hidden;
	max-height: 0;
	background-color: #347225;
	}
	.menu > li > ul.sub-menu {
	padding: 0px;
	border: none;
	}
	.menu.active, .menu > ul ul.active {
	max-height: 55em;
	}
	.menu ul {
	display: inline;
	}
	.menu li, .menu > ul > li {
	display: block;
	}
	.menu > ul > li:last-of-type a {
	border: none;
	}
	.menu li a {
	color: #fff;
	display: block;
	padding: 0.8em;
	position: relative;
	}
	/*
	.menu li.has-submenu > a:after {
	font-family: "FontAwesome";
	content: "\f107";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.5em;
	padding: 0.55em 0.5em;
	}
	.menu li.has-submenu > a.active:after {
	font-family: "FontAwesome";
	content: "\f106";
	}
	*/
	.menu ul > li.has-submenu > a.active:not(:only-child):after {  
	margin: 0 8px;
	display: inline;
	font-size: 16px;
	font-family: FontAwesome;
	height: auto;
	content: "\f107";
	font-weight: 300;
	width: 10px;
	}
	.menu ul > li.has-submenu  ul  li.has-submenu  a.active:not(:only-child):after {
	position: relative;
	display: inline-block;
	margin: 0 8px;
	font-family: FontAwesome;
	content: "\f107" !important;
	}	
	.menu ul ul > li a {
	background-color: #3d842b;
	padding: 10px 18px 10px 30px;
	}	
	.menu ul ul ul > li a {
	background-color: #42912f;
	padding: 10px 18px 10px 60px;
	}
	.menu ul li a:hover {
	background: #82c128;
	color: #fff;
	}
	.menu ul li.hover > a {
	background: #82c128;
	color: #fff;
	}
	.menu ul ul, .menu ul ul ul {
	display: inherit;
	position: relative;
	left: auto;
	top: auto;
	border: none;
	}
	.search_box {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 10;
	}
	.search_box input {
	width: 70%;
	}
	.search_box input.search_icon {
	width: 17%;
	};
}