#navbar-menu input[type="checkbox"] 
{
  display: none;
}
#navbar-menu ul li  
{
  position:relative;
}

#navbar-menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}
@media only screen and (min-width: 1024px) {
  #navbar-menu .main-menu {
    display: block;
  }
 
  #navbar-menu .sub-menu, 
  #navbar-menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }  
  
  #navbar-menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
	top:0px;
    left: 100%;
	height: auto;
	width:100%;
	position:absolute;
	/*background-color: rgba(0,0,0,0.45);*/
	border-left: solid 1px white;
	background: #479c18;
  }
 
  #navbar-menu > div.col-md-9.nav-bg > nav > ul > li:nth-child(n) > ul > li:nth-child(n) > ul > li:nth-child(n) > a {
    padding: 8px 20px;
    display: block;
    color: #fff;
    transition: all 0.3s ease-in-out;
  }
  #navbar-menu > div.col-md-9.nav-bg > nav > ul > li:nth-child(n) > ul > li:nth-child(n) > ul > li:nth-child(n) > a:hover{  
  background: #000;
  }