.site-header {
    position: fixed;
    width: 100%;
    z-index: 9999;
    padding: 25px 0;
}


#thirdparty-logo {
    display: none;
    width: 95%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .brand-logo-wrapper img {
    width: 133px;
}


.site-header__wrapper {
  width: 95%;
  max-width: 1024px;
  margin: 0 auto;
}


.left-side {
 display: flex;
}


.nav__item a, .footer__wrapper li a {
  display: block;
  padding: 0 .5em;
  text-decoration: none;
}

.nav__item:last-child > a {
  padding-right: 0;
}

.nav__toggle, .nav__toggle:before {
  display: none;
}

.nav__item {
  list-style: none;
}

.nav__toggle {
  cursor: pointer;

}

.nav__toggle div {
  width: 32px;
  height: 3px;
  margin: 9px 0;
}

.brand {
 padding-left: 1em;
 width: 40%;
}



@media (min-width: 600px) {
 .brand-logo-wrapper {
  padding: 0em 0 0em 0;
  display: flex;
  justify-content: flex-end;
  width: 95%;
 }

  .site-header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
  }

  .nav__wrapper .nav__item a {
    position: relative;
  }

  .footer__wrapper li a {
    position: relative;
    color: var(--white-txt);
  }

  .nav__wrapper .nav__item a:before, .footer__wrapper li a:before {
    content: '|';
    position: absolute;
    left: -3px;
    bottom: 1px;
    z-index: 1;
    height: 100%
  }



  .nav__wrapper .nav__item:first-child a:before, .footer__wrapper li:first-child a:before {
    content: none;
  }

  .nav__wrapper .nav__item:last-child {
    padding-bottom: 0
  }

}

@media (min-width: 600px) {


  .nav__wrapper {
    display: flex;
    padding: 0;
    margin: 0;

  }
}




@media (max-width: 599px) {


  .nav__item a {
    color: var(--subheader_header_color);
  }

  .site-header {
    position: fixed;
    padding: 15px 0;

  }

  .brand-logo-wrapper {
    /* position: absolute;
    text-align: right;
    width: 100%;
    height: 100%;
    pointer-events: none; */
  }

  .brand-logo-wrapper img {
    position: absolute;
    right: 3%;
    max-height: 4em;
    max-width: 7em;
    bottom: 0;
    top: 50%;
    transform: translateY(-50%);
  }

  .nav__wrapper {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 1;
    visibility: hidden;
    opacity: 1;
    transform: translateX(-100%);
    transition: transform 0.3s ease-out, opacity 1s ease-out;
    background: var(--backgroundwhite-bg);
  }

  .nav__wrapper.active {
    visibility: visible;
    opacity: 1;
    transform: translateX(0);
    padding: 0;
    margin: 0;
    padding: 3em 0px;
  }

  .nav__item {
    padding: 1em 0;
    position: relative;
    text-align: center;
    width: 100%;
  }

  footer {
    padding: 1em 0;
  }

  .site-footer__wrapper {
    flex-direction: column;
  }

  .footer__wrapper li {
    padding: .2em 0;
  }

  .footer__wrapper li:last-child {
    padding-bottom: 0;
  }

  .footer__wrapper {
    flex-direction: column;
    padding: 0;
    text-align: center;
    margin: 0;
  }

  .site-footer__wrapper a {
    padding-bottom: 1em;
    color: var(--white-txt);
  }

  .nav__item:not(:first-child):before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #1f62ac6b;
    top: 0;
    width: 78%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}



@media (max-width: 599px) {
  .nav__toggle, .nav__toggle:before {
    display: block;
    right: 1rem;
    top: 1rem;
  }
}