@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
}

@media all and (min-width: 992px) {
  .navbar .nav-item:hover .nav-link {
    color: #fff;
  }
}

@media all and (min-width: 992px) {
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
}

@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
}