.header-container{
transition: all 1s ease-out;
}
.header{
  width:100%;
}
.header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
  z-index:9999999;
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);

}
/* .hs-menu-item .button{
  padding: 12px 24px;
} */
.header{
  background-color:#fff;
padding:12px 0;
}

.header .page-center{
  max-width:1390px;
}

.header-wrapper{
  justify-content:space-between;
  align-items: center;
}

.header-wrapper .menu-wrapper ul {
  display:flex;
  
align-items: center;
}
.header-wrapper .menu-wrapper ul li{
  margin-right: 24px;
}
.header-wrapper .menu-wrapper ul li:last-child{
  margin-right: 0; 
}

@media only screen and (max-width:1390px){
  .header .page-center{
  max-width:1199px;
}
}

@media only screen and (max-width:1199px){
  .header-wrapper{
  padding: 0;
}
  .header-wrapper .menu-wrapper ul {
    padding:0;
    flex-direction: column;
}
  .header-wrapper .menu-wrapper ul li a{
font-size: 22px;
    font-weight:700;
  }
.header-wrapper .menu-wrapper ul li {
    margin-right:0;
  margin-bottom:24px;
}
}

.header .mobile-button{
  display:none;
}
@media only screen and (max-width:1199px){
  .header .header-wrapper{
    justify-content: unset;
    align-items:center;
  }
  .header .mobile-button{
    display:block;
    margin-left: auto;
   margin-right: 45px;
  }
@media only screen and (max-width:767px){
  .header .mobile-button .button{
/*     max-width:157px; */
    font-size: 14px;
    line-height: 16px;
    padding:5px 13px 7px 14px;
  }
  .header .logo-wrapper{
    max-width: 44px;
    width: 100%;
  }
  .header .mobile-button{
    display:block;
    max-width: 178px;
    width:100%;
  }
 .header .header-wrapper {
    padding:0;
}
}