@media screen and (max-width: 1680px) {
  .wrap {
    max-width: 94%;
  }
  .header-inner nav {
    gap: 0 5%;
  }
  .header-controls .button {
    font-size: 16px;
  }
}
@media screen and (max-width: 1440px) {
  .wrap {
    max-width: 95%;
  }
  .header-inner nav {
    gap: 0 4%;
  }
  .brand {
    height: 46px;
  }
  #site-nav > a,
  #site-nav .nav-group > a {
    font-size: 16px;
  }
  .header-controls .button img {
    display: none;
  }
  .header-controls .button {
    margin-right: 30px;
  }
  .header-controls .button::after {
    right: -17px;
  }
}
@media screen and (max-width: 1100px) {
  .header-inner {
    justify-content: space-between;
  }
  .menu-toggle {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .header-controls .button {
    display: none;
  }
}