.header {
  padding: 1rem;
}
@media only screen and (max-width: 1200px) {
  header .header-nav .link {
    display: none !important;
  }
  .header-nav {
    justify-content: flex-start !important;

    padding: 2rem 3rem !important;
  }
  .logo-hanburger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .hamburger {
    display: block !important;
  }
}

@media only screen and (max-width: 550px) {
  .header {
    padding: 0.5rem 0.5rem;
  }
  .header-nav {
    padding: 0rem !important;
  }
  
}

.header-nav {
  height: 4rem;
  padding-right: 11rem;
  list-style: none;
  gap: 0.25rem;
}
.header-logo {
  margin-right: 0.75rem;
}
.hamburger {
  display: none;
}

.header ul .active-main-link a {
  color: var(--activeTab-color);
  font-weight: var(--semi);
}

.light-mode header ul li a:hover {
  color: var(--activeTab-color);
  font-weight: var(--semi);
}

.light-mode header ul li a,
.light-mode header ul li {
  font-weight: var(--med);
}
.light-mode header {
  background: var(--black);
}

.light-mode header ul .active-main-link {
  background: var(--active-main-nav-bg-color);
  border-radius: 0.375rem;
}

.header-nav li {
  padding: 1rem;
  height: 100%;
}
.header-nav li a .navbar {
  height: 4.25rem;
  gap: 0.25rem;
  padding: 0px;
}
.navbar {
  height: 4.25rem;
}
.navbar .links {
  padding-right: 6rem;
}
.navbar .links a {
  padding: 0.75rem 0.5rem;
  height: 2.56rem;
  text-decoration: none;
}
.navbar .profile {
  gap: 2.25rem;
}

.navbar .links a:hover {
  /* font-weight: var(--semi); */
  border-radius: 0.25rem;
}
.active-link {
  font-weight: var(--semi);
  border-radius: 0.25rem;
}