.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #070707;
}

@media (max-width:899px) {
  .header {
    top: -1px;
  }
}

.transparent-header .header {
  background: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.page-scroll .header {

}

.header-wrapper {
  position: relative;
  z-index: 20;
}

.header-wrapper__inner {
  position: relative;
  z-index: 20;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1700px;
  height: 95px;
  transition: height 0.2s ease;
  padding: 0 32px;
}

.page-scroll .header-wrapper__inner {
  height: 60px;
}

@media (max-width:1399px) {
  .header-wrapper__inner {
    height: 80px;
  }
}

@media (max-width:1199px) {
  .header-wrapper__inner {
    height: 70px;
  }
}

@media (max-width:899px) {
  .header-wrapper__inner {
    padding: 0 24px;
  }
}

@media (max-width:599px) {
  .header-wrapper__inner {
    height: 55px;
    padding: 0 18px;
  }
  .page-scroll .header-wrapper__inner {
    height: 48px;
  }
}

.header__logo_wrapper {
  max-width: 305px;
  transition: max-width 0.2s ease;
}

.page-scroll .header__logo_wrapper {
  max-width: 225px;
}

@media (max-width:1699px) {
  .header__logo_wrapper {
    max-width: 275px;
  }
}

@media (max-width:1399px) {
  .header__logo_wrapper {
    max-width: 225px;
  }
  .page-scroll .header__logo_wrapper {
    max-width: 175px;
  }
}

@media (max-width:599px) {
  .header__logo_wrapper {
    max-width: 110px;
  }
  .page-scroll .header__logo_wrapper {
      max-width: 105px;
  }
}

.header__logo {
  flex: none;
}

@media (max-width:1399px) {
  .header__logo {
    width: 290px;
  }
}

@media (max-width:1199px) {
  .header__logo {
    width: 275px;
  }
}

@media (max-width:899px) {
  .header__logo {
    width: 240px;
  }
}

@media (max-width:599px) {
  .header__logo {

  }
}

.header__menu_wrapper {
  flex-grow: 2;
}

.header__aux_wrapper {
  max-width: 305px;
}