@media (min-width: 576px) {
  .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  .dropdown-menu > .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }

  .dropdown-menu > .dropdown > .dropdown-menu {
    left: 100%;
    top: 0;
  }

}

.dropdown-menu {
  transition: all 0.3s ease;
}