.dropdown-menu li {
  position: relative;
}

.dropdown-menu .submenu {
  display: none;
  position: absolute;
  left: 100%;
  top: -7px;
}

.dropdown-menu > li:hover > .submenu {
  display: block;
}

.dropdown-menu .submenu-left {
  right: 100%;
  left: auto;
}

@media only screen and (max-width:800px) {
  .dropdown-menu .submenu {
    left: 25%;
    top: 0px;
  }
}

@media only screen and (max-width:800px) {
  .dropdown-menu .multi-menu {
    left: 95%;
  }
}

@media only screen and (max-width:800px) {
  .dropdown-menu .submenu-left {
    left: 50%;
  }
}

.submenu2 {
  position: absolute;
  transform: translate3d(111px, 0px, 0px);
  top: 0px;
  left: 0px;
  will-change: transform;
}