header {
  background-color: #ffffff;
  box-shadow: 0 3px 6px #00000029;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  position: fixed; }
  header .header-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 37px 0 27px 15px;
    max-width: 1700px;
    margin: 0 auto; }
    @media screen and (min-width: 768px) {
      header .header-content {
        justify-content: flex-start;
        flex-wrap: nowrap; } }
    @media (max-width: 767px) {
      header .header-content {
        padding: 20px 20px 0;
        position: relative; }
        header .header-content .site-header-top,
        header .header-content .main-menu__navicon {
          margin-bottom: 10px; } }
    @media (max-width: 1299px) {
      header .header-content {
        padding: 37px 15px 27px; } }
  header.sticky_header {
    transition: all 0.5s;
    z-index: 9; }

.site-header-middle {
  padding: 0;
  width: 100%;
  order: 4; }
  .site-header-middle > .l-container-header {
    height: 100%; }
  @media screen and (min-width: 768px) {
    .site-header-middle {
      order: 0; } }

.toolbar-fixed header {
  top: 39px; }
  @media screen and (min-width: 976px) {
    .toolbar-fixed header {
      top: 78px; } }

@media (max-width: 767px) {
  header .header-content {
    padding: 20px 20px 27px;
    gap: 15px; } }

/*# sourceMappingURL=site-header.css.map */