@media (hover: hover) and (pointer: fine) {
  .navbar .dropdown:hover > .dropdown-menu,
  .navbar .dropdown:focus-within > .dropdown-menu {
    display: block;
  }

  .navbar .dropdown-menu {
    margin-top: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .navbar .dropdown-submenu {
    position: relative;
  }
  .navbar .dropdown-submenu:hover > .dropdown-menu {
    display: block;
    top: 0;
    left: 100%;
  }
}