.main-nav {
  flex: 1;
}

.main-nav-inner {
  display: flex;
  align-items: center;
}
.main-nav-inner .menu-item a:hover {
  font-weight: 500;
}
.main-nav-inner .seemax-button {
  margin-left: auto;
}
.main-nav-inner .seemax-button a {
  color: var(--button-text-color-dark);
  border-color: var(--button-border-color-dark);
}
.main-nav-inner .seemax-button a:hover {
  color: var(--button-text-color-drak-hover);
  border-color: var(--button-border-color-dark-hover);
}

@media screen and (max-width: 1024px) {
  .header .main-nav-inner {
    background-color: var(--color1);
    align-items: flex-start;
  }
  .header .main-nav-inner .seemax-button {
    margin-left: 0;
  }
}