@media (min-width: 901px) {
  .site-header {
    position: static;
  }

  .top-navigation .container {
    max-width: 1280px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .site-identity {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 108px;
    padding: 16px 0;
  }

  .site-title-wrap,
  .top-navigation-right {
    display: block;
    height: auto;
    float: none;
  }

  .site-title-wrap {
    flex: 0 0 265px;
    max-width: 265px;
    width: auto;
  }

  .custom-logo-link img {
    width: 230px;
    height: auto;
  }

  .top-navigation-right {
    flex: 1 1 auto;
    max-width: none;
    width: auto;
  }

  .top-navigation .main-navigation {
    display: block;
    width: 100%;
    text-align: right;
  }

  .main-navigation ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 18px;
    line-height: 1.2;
  }

  .main-navigation ul li {
    display: block;
    padding: 0;
  }

  .main-navigation ul li a {
    margin: 0;
    line-height: 1.35;
    white-space: nowrap;
  }

  #page.site.container {
    padding-top: 0;
  }
}

@media (max-width: 900px) {
  .site-identity {
    padding: 28px 0;
  }

  .custom-logo-link img {
    max-width: 240px;
    height: auto;
  }
}