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

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

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

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

.header-wrapper .menu-wrapper ul {
  display:flex;
/*   padding:12px 0; */
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:20px 0;
}
  .header{
    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;
}
}
@media only screen and (max-width:767px){
.header img{
  width:81px;
}
}

.header .mobile-button{
  display:none;
}
@media only screen and (max-width:1199px){
  .header .header-wrapper{
    justify-content: unset;
  }
  .header .mobile-button{
    display:block;
    margin-left: auto;
   margin-right: 45px;
  }
@media only screen and (max-width:767px){
  .header .mobile-button .button{
    font-size: 16px;
    line-height: 16px;
    padding:5px 15px 7px 15px;
  }
  .header .logo-wrapper{
    max-width: 121px;
    width: 100%;
  }
  .header .mobile-button{
    display:block;
    max-width: 178px;
    width:100%;
  }
 .header .header-wrapper {
    padding: 10px 0;
}
}