@media (min-width: 576px) {
  .container-wide {
    max-width: 560px;
  }
}

@media (min-width: 768px) {
  .container-wide {
    max-width: 760px;
  }
}

@media (min-width: 992px) {
  .container-wide {
    max-width: 1100px;
  }
}

@media (min-width: 1200px) {
  .container-wide {
    max-width: 1400px;
  }
}

@media (min-width: 1600px) {
  .container-wide {
    max-width: 1500px;
  }
}

@media (max-width: 991.98px) {
  .top-nav{
    display: none !important;
  }
  .site-logo img {
    max-height: 60px;
  }

  .main-nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    float: none;
    width: 100%;
    margin: 0;
    background: rgba(255,255,255,0.06);
    box-shadow: none;
    border: 0;
    border-radius: 0;

    display: block;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
    transition:
      max-height 0.55s ease,
      opacity 0.45s ease,
      padding 0.45s ease;
  }

  .main-nav .dropdown.show .dropdown-menu {
    max-height: 500px; /* increase if needed */
    opacity: 1;
    visibility: visible;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .main-nav .dropdown-item {
    padding: 10px 20px;
  }
}