#dropdown {
  position: relative;
  background-color: inherit;
}

#dropdown li {
    display: inline-block;
    left: 0;
}

#dropdown ul {
  background-color: inherit;
  z-index: 1;
}

#dropdown li ul {
  display: none;
  position: absolute;
  top: 100%;
}

#dropdown ul ul li {
  white-space: nowrap;
  display: block;
  border-top: 1px solid #1c1a19;
}

.with_arrow:after {
  content: " \25BC";
  font-size: .5em;
  vertical-align: middle;
}

#dropdown li:hover ul {
  display: block;
}

#dropdown_menu:after {
  content: " \2630";
  vertical-align: middle;
}

#dropdown_menu {
  display: none;
  cursor: default;
}

li a {
  width: 100%;
  display: inline-block;
  text-align: left;
}

@media only screen and ( max-width: 760px ) {

  #dropdown {
    display: inline-block;
    padding: 0px 10px;
  }

  #dropdown_menu {
    display: block;
  }

  .with_arrow:after {
    content: "";
  }

  #dropdown > ul
  {
    display: none;
    position: absolute;
    right: 0px;
  }

  #dropdown li {
    display: block;
    white-space: nowrap;
    text-align: left;
  }

  #dropdown li li a:before {
    content: "\25E6\ ";
    vertical-align: middle;
  }

  #dropdown:hover > ul {
    display: block;
  }

  #dropdown li > ul {
    display: block;
    position: relative;
  }

}