/* Common Styles for Logo */
.sidemenu-nav__logo {
  background: url(/wp-content/themes/azati/assets/images/logo-azati.svg) 1px 1px
    no-repeat;
  min-width: 100%;
  display: block;
}

/* Desktop Only Logo */
@media screen and (min-width: 992px) {
  .sidemenu-nav__logo-wrapper {
    margin-bottom: 48px;
  }
  .sidemenu-nav__logo {
    max-width: 33px;
    height: 48px;
    background-size: auto 47px;
  }
  /* Side menu active state */
  .sidemenu-nav.active .sidemenu-nav__logo {
    max-width: 100%;
  }
}

/* Mobile Only Logo */
@media screen and (max-width: 991.98px) {
  .sidemenu-nav__logo-wrapper {
    min-width: 130px;
  }
  /* Side menu active state */
  .sidemenu-nav__logo {
    max-width: 180px;
    height: 35px;
    background-size: auto 34px;
  }
}