/* Menu styles */
.megamenu .navbar-toggle{
	display: none;
}
.menu {
  position: relative;
  display: none;
}

.menu-icon {
  display: none;
  color: #333;
  padding: 15px;
  font-size: 25px;
  cursor: pointer;
  text-align: center;
}

.toggle-menu {
  display: none;
}

.menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  background: #333;
}

.menu-list li {
  position: relative;
}

.menu-list a {
  text-decoration: none;
  color: #fff;
  padding: 15px;
  display: block;
  border-bottom: 1px solid #444;
}

.menu-list a:hover {
  background: #444;
}

/* Submenu styles */
.submenu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: none;
  flex-direction: column;
  background: #444;
}

.submenu li {
  border-bottom: 1px solid #555;
}

.submenu li a {
  padding: 15px;
  padding-left: 30px;
  font-size: 14px;
}

.submenu li a:hover {
  background: #555;
}

/* Submenu toggle button */
.submenu-label {
  position: absolute;
  right: 15px;
  top: 7%;
  transform: translateY(0%);
  color: #fff;
  font-size: 25px;
  cursor: pointer;
  display: none;
}
.submenu .submenu-label {
  top: 5%;
}
.submenu-toggle {
  display: none;
}

/* Show submenu on toggle */
.submenu-toggle:checked + .submenu-label + .submenu {
  display: flex;
  width: 100%;
}

/* Responsive design */
@media (max-width: 1000px) {
	.menu {
		display: block;
	}
  .menu-icon {
    display: inline;
  }

  .menu-list {
    display: none;
    flex-direction: column;
  }

  .toggle-menu:checked ~ .menu-list {
    display: flex;
  }

  .submenu-label {
    display: block;
  }
}