.main-navigation .sticky-navigation-logo,
    .main-navigation.navigation-stick .site-logo:not(.mobile-header-logo) {
      display: none;
    }

    .main-navigation.navigation-stick .sticky-navigation-logo {
      display: block;
    }

    .navigation-branding img,
    .site-logo.mobile-header-logo img {
      height: 28px;
      width: auto;
    }

    .navigation-branding .main-title {
      line-height: 28px;
    }

    @media (max-width: 1210px) {

      #site-navigation .navigation-branding,
      #sticky-navigation .navigation-branding {
        margin-left: 10px;
      }
    }

    @media (max-width: 0px) {
      .main-navigation:not(.slideout-navigation) .main-nav {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
      }

      .main-navigation:not(.slideout-navigation) .inside-navigation {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

      .nav-aligned-center .navigation-branding,
      .nav-aligned-left .navigation-branding {
        margin-right: auto;
      }

      .nav-aligned-center .main-navigation.has-branding:not(.slideout-navigation) .inside-navigation .main-nav,
      .nav-aligned-center .main-navigation.has-sticky-branding.navigation-stick .inside-navigation .main-nav,
      .nav-aligned-left .main-navigation.has-branding:not(.slideout-navigation) .inside-navigation .main-nav,
      .nav-aligned-left .main-navigation.has-sticky-branding.navigation-stick .inside-navigation .main-nav {
        margin-right: 0px;
      }

      .navigation-branding img,
      .site-logo.mobile-header-logo {
        height: 20px;
      }

      .navigation-branding .main-title {
        line-height: 20px;
      }
    }