/* 1. Desktop / Laptop masthead logo */
@media (min-width: 992px) {
  #masthead .site-logo-info .logo-wrapper a img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}


/* 2. Tablet masthead logo */
@media (min-width: 768px) and (max-width: 991.98px) {
  #masthead .site-logo-info .logo-wrapper a img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 70% !important;
    margin: 0 !important;
  }
}


/* 3. Mobile masthead logo */
@media (max-width: 767.98px) {
  #masthead .site-logo-info .logo-wrapper a img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 90% !important;
    margin: 0 !important;
  }
}


/* 4. Mobile menu popup logo */
@media (max-width: 991.98px) {
  .responsive-header-top .responsive-header-logo .navbar-brand img {
    display: block !important;
    width: 80% !important;
    max-width: 80% !important;
    height: auto !important;
    margin: 3px 0 !important;
  }
}


/* 5. Fix desktop/laptop header logo vertical alignment */
@media (min-width: 1200px) {
  #masthead .eduvibe-row.eduvibe-align-items-center {
    align-items: center !important;
  }

  #masthead .eduvibe-col-lg-4.eduvibe-col-xl-3 {
    display: flex !important;
    align-items: center !important;
    align-self: stretch !important;
  }

  #masthead .site-branding.site-logo-info,
  #masthead .site-branding.site-logo-info .logo-wrapper,
  #masthead .site-branding.site-logo-info .navbar-brand {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #masthead .site-branding.site-logo-info img {
    display: block !important;
    margin: 0 !important;
  }
}