.site-header {
  display: flex;
  max-width: unset;
  padding: var(--space-400);
  gap: var(--space-600);
  margin: unset;
}

.site-header > img {
  cursor: pointer;
}

.primary-navigation {
  display: flex;
  gap: var(--space-200);
}

.menu-item {
  a {
    padding: var(--space-200);
    gap: var(--space-200);
    text-decoration: none !important;
  }
}

.menu-item:hover {
  a {
    text-decoration: none !important;
  }
}

.current-menu-item {
  font-weight: 700;
  font-size: var(--body-size-medium);
  border-bottom: solid var(--border-width) var(--border-red);
}

.search-btn-container {
  padding: var(--space-300);
  margin-top: -10px;
}

.search-btn {
  cursor: pointer;
}

#primary-mobile-menu:focus {
  outline: none;
}

@media (max-width: 768px) {
  .primary-menu-list {
    ul {
      display: flex;
      flex-direction: column;
      gap: var(--space-400);
    }
  }

  .site-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: var(--space-400);
  }

  .logo-img::before {
    content: none;
  }

  .menu-button-container {
    margin-top: none !important;
    button {
      margin-right: none !important;
    }
  }

  .site-header {
    align-items: center !important;
    &::before {
      content: none !important;
    }
  }

  .site-header > img {
    max-width: 240px;
    height: auto;
  }

  .menu-button-container {
    display: flex;
    align-items: center;
  }

  .search-btn-container {
    display: none;
  }

  .menu-wrapper {
    display: flex;
    gap: var(--space-800);
    padding-top: var(--space-2400);
    li {
      display: flex !important;
      justify-content: center;
    }
  }

  .current-menu-item {
    font-weight: 900;
    border-bottom: none;
  }

  .dropdown-icon {
    .svg-icon {
      width: 32px;
      height: 32px;
    }
  }

  .menu-button-container {
    margin-top: 0px !important;
    .button {
      margin-right: 0px !important;
    }
  }
}