.accordion-menu {
  z-index:1;
  width: 80%;
  max-width: 350px;
  margin: 31px auto 20px;
  background: #1a1d22;
  border-radius: 4px;
  padding: 0 0px !important;
  font-size: 12px;
  text-transform: uppercase;
}

.accordion-menu li.open .dropdownlink {
  color: #CDDC39;
}
.accordion-menu li.open .dropdownlink .fa-chevron-down {
  transform: rotate(180deg);
}

.accordion-menu li:last-child .dropdownlink {
  border-bottom: 0;
}

.dropdownlink {
  height:20px;
  cursor: pointer;
  display: block;
  padding: 0 10px !important;
  color:white;
  font-weight: bold;
  font-size:12px;
  
}
.dropdownlink i {
  position: absolute;
  top: 17px;
  left: 16px;
}
.dropdownlink .fa-chevron-down {
  right: 12px;
  left: auto;
}

.submenuItems {
  display:none;
  background: #1a1d22;
}
.submenuItems li {
    display:none;
}

.submenuItems a {
  text-decoration: none;
  display: block;
  color: white;
  padding: 12px 0px 12px 0px;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  background-color: #2d3139;
  color: white;
}
@media screen and (max-device-width: 480px) {
.accordion-menu {
  z-index:1;
  width: 100%;
  max-width: 350px;
  margin: 8px auto 20px;
  background: #2d3139;
  border-radius: 4px;
  padding: 0 0px !important;
  font-size: 12px;
  text-transform: none;
}
.dropdownlink {
  height:30px;
  cursor: pointer;
  display: block;
  padding: .5rem 1rem;
  color:white;
  font-weight: bold;
  font-size:16px;
}