/* Upto 992px */
@media  screen and (min-width: 992px) {
  .w-lg-50{
    width: 50% !important;
  }
  .w-lg-75{
    width: 75% !important;
  }
}

/* Under 992px */
@media  screen and (max-width: 992px) {
  .offcanvas-body{
    overflow-x: hidden;
  }
  nav li{
    width: 100%;
    border-bottom: 1px solid rgb(236, 236, 236);
  }
  nav .dropdown-menu{
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
  }
  nav .dropdown-menu li{
    padding-left: 1rem;
  }
  nav .navbar-nav li a{
    padding: .7rem 1.7rem;
    font-size: 1.1rem;
    font-weight: 700 !important;
    margin-bottom: 0;
  }
  nav .navbar-nav li a i{
    padding: .5rem;
    background: var(--bg-color);
    border-radius: 5px;
  }
  nav .dropdown-menu li:first-child{
    border-top: 1px solid rgb(236, 236, 236);
  }
  nav .dropdown-menu li:last-child{
    border-bottom: 0 solid transparent;
  }
  #businesses{
    overflow-x: hidden;
  }
  .sm-middle{
    left: 50%;
    transform: translateX(-50%);
  }
  .fs-sm-2{
    font-size: 2rem;
    line-height: 2rem;
  }
}


@media  screen and (max-width: 798px) {
  .fs-md-3r{
    font-size: 2.5rem !important;
    line-height: 2.5rem;
  }

}