.menu-checkbox {
	opacity: 0;
	position: absolute;
	top: -1000px;
}

.menu-checkbox:focus + .menu-toggle {
    outline: #2F5F31 auto 5px;
}

.menu-toggle {
    padding: .5em 1em;
}

label.menu-toggle{float:none;background:#2F5F31;color:#FFF;font-size:1.2em;}

.navBox {
  overflow: hidden;
  background: #48924B;
  /*flex-basis: 100%;*/
}

.navBox a {
  display: block;
  padding: 14px 10px;
  color: #fff;
  /*text-align: center;*//***/
  text-decoration: none;
  /*width:???;*//***/
}

.navBox .active { background: #2F5F31; }

.navBox ul {
  max-width: 75%;/**//***/
  margin: 0 auto;
  overflow: hidden;
  /*display:flex;*/
}

.navBox ul li {
  float: left;
   display: block;/***/
  list-style: none;
}
/***/
/*.navBox ul li.niv1 {
	position:relative;
}*/

.navBox ul li .fa { padding-left: 4px; }

.navBox .dropNav {
  display: none;
 /* width: 100%;*//***/
  padding: 5px 0;
  position: absolute;
  left: auto;
 /* right: 0;
  top: inherit;*//***/
  background: #2F5F31;
  z-index: 7;
  overflow: hidden;
}

.navBox>ul>li.active { background-color: #2F5F31; }

.navBox>ul>li a:hover{color:#DEF8EE;}

.navBox ul li ul li{
	padding-left:8px;
	padding-right:8px;
	float:none;/***/
	}

ul.menu li:hover .dropNav{
		display:block;
		/*width:150px; /***/
		 position: absolute; /***/
	}

ul.menu li:hover .dropNav li{
	 float: none; 
}



 @media only screen and (min-width: 991px) {
	 
	.menu-checkbox, .menu-toggle{display:none;}


	.navBox { display: block !important; }

}
@media screen and (max-width: 990px) {
	
	.nav-wrapper {
    /*align-items: center;
    display: flex;
    justify-content: space-between;*/
	position:absolute;
	top:50px;
}
	
	.navBox {
	  /*display: none;*/
	 /* flex-basis: 100%;*/
	  margin: 0;
    max-height: 0;
    overflow: hidden;
	 transition: margin .5s ease-in-out, max-height .5s ease-in-out, opacity .3s .1s ease-in-out;
	 visibility: hidden;
	}
	
	/***/
	ul.menu li:hover .dropNav{
		 position: relative;  
	}
	
	/*.menu-checkbox, .menu-toggle{float:right;}*/
	
	.menu-checkbox:checked ~ .navBox {
		/*display: block;*/
		max-height: 3000px;
		 margin: 0;
		 opacity: 1;
		 visibility: visible;
	}
	
	.navBox ul {max-width: 100%;}

	.navBox ul li { float: none; }
	
	ul.menu li:hover .dropNav{
		display:block;
	}

	.navBox>ul>li { border-bottom: 1px solid #DEF8EE; }

	.navBox>ul>li>a { padding: 10px; }

	.navBox .dropNav {
	  position: static;
	  background: #2F5F31;
	}

}