.nav.lg-screen,
.navbar .md-screen {
  position: sticky !important;
  top: 0px;
  z-index: 1000;
}
.nav-pills li a {
  height: 50px !important;
  transition: all 0.4s ease-in-out;
}
.lg-screen li a {
  color: white;
}

@media (min-width: 769px) {
  .nav-pills.lg-screen {
    display: block;
  }
  .navbar.md-screen {
    display: none;
  }
}

@media (max-width: 768px) {
  .nav-pills.lg-screen {
    display: none;
  }
  .navbar.md-screen {
    display: block;
  }
  .product-container {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 576px) {
  .product-container {
    grid-template-columns: 1fr;
  }
}