/**
 * Header layout fix (header-style-four)
 * style.css'ten sonra yüklenmeli
 */

.header-style-four .outer-box .right-column {
  flex: 1 1 auto;
  min-width: 0;
}

.header-style-four .menu-area {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  width: 100%;
}

.header-style-four .menu-area::before,
.header-style-four .menu-area::after {
  display: none !important;
  content: none !important;
}

.header-style-four .menu-area .main-menu {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-right: 15px;
}

.header-style-four .menu-area .main-menu .navbar-collapse {
  width: auto !important;
  flex: none !important;
}

.header-style-four .menu-area .main-menu .navbar-collapse::before,
.header-style-four .menu-area .main-menu .navbar-collapse::after {
  display: none !important;
  content: none !important;
}

.header-style-four .menu-area .main-menu .navigation {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  float: none !important;
  margin: 0 !important;
}

.header-style-four .menu-area .main-menu .navigation > li {
  float: none !important;
  flex-shrink: 0;
}

.header-style-four .menu-area .menu-right-content {
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  margin-left: 0 !important;
}

.header-style-four .menu-area .menu-right-content > ul {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.header-style-four .menu-area .menu-right-content > ul::before,
.header-style-four .menu-area .menu-right-content > ul::after {
  display: none !important;
  content: none !important;
}

.header-style-four .menu-area .menu-right-content > ul > li {
  float: none !important;
  margin-left: 15px;
}

.header-style-four .menu-area .menu-right-content .header-cta .theme-btn {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  line-height: normal !important;
  border-radius: 5px !important;
  border: none !important;
  white-space: nowrap;
}

@media only screen and (min-width: 1201px) {
  .header-style-four .menu-area .mobile-nav-toggler {
    display: none !important;
  }
}

@media only screen and (max-width: 1200px) {
  .header-style-four .menu-area {
    justify-content: space-between !important;
  }

  .header-style-four .menu-area .menu-right-content .header-cta {
    display: none !important;
  }
}