/* Generate Sizing */
.top-nav {
 position: fixed;
 z-index: 99;
 width: 100%;
 transition: 0.25s;
 top: 0;
}

.top-nav ul,
.top-nav li {
 list-style: none;
}

.nav-container {
 max-width: 1540px;
 margin: auto;
 width: 100%;
 height: 100%;
 padding: 8px 15px;
}

.top-nav-scrolled {
 transition: 0.5s;
}

.nav-logo {
 max-width: 250px;
}

.nav-logo-image {
 height: 100%;
 transition: 0.25s;
}

.nav-menu-icons-container {
 display: flex;
 justify-content: flex-end;
}

.menu-top-menu-container {
 height: 100%;
}

/* Specific styling */
.header-three {
 display: flex;
 height: 100%;
 width: 100%;
 justify-content: space-between;
}

.header-three .sub-menu {
 position: absolute;
 left: 0;
 padding-left: 0;
 padding: 12px;
 background: var(--medium-grey);
 margin-top: 12px;
 visibility: hidden;
 transition: 0.5s;
 opacity: 0;
 width: 250px;
}

.property-search-nav-icon,
.hamburger-search-nav-icon {
 cursor: pointer;
}

.nav-ul {
 display: flex;
 height: 100%;
 margin: 0;
 padding: 0;
 align-items: center;
}

.nav-ul .nav-link {
 padding: 20px 0px;
}

.nav-li {
 margin: 0;
 margin-right: 24px;
 position: relative;
}

.nav-li:last-child {
 margin-right: 0;
}

.nav-link {
 transition: 0.25s;
}

.nav-buttons {
 display: flex;
 align-items: center;
}

.nav-link.nav-button-one,
.nav-link.nav-button-two {
 margin: 0;
 padding: 12px 24px;
 border-radius: var(--radius);
 background: var(--highlight);
 transition: 0.25s;
 color: white;
 font-size: 17px;
 line-height: 2;
 font-weight: 400;
 letter-spacing: 0.75px;
 border: none;
 margin-left: 24px;
}

.top-nav-scrolled .nav-link.nav-button-one,
.top-nav-scrolled .nav-link.nav-button-two {
 color: white !important;
}

.nav-button-one:hover,
.nav-button-two:hover {
 background: var(--highlight-dark);
}

.nav-icons {
 display: flex;
 align-items: center;
}

.nav-icons li,
.nav-icons a {
 display: flex;
 margin: 0;
}

.nav-button-one,
.nav-icons .nav-link {
 margin-left: 32px;
}

.nav-button-two {
 margin-left: 12px;
}

.nav-icons .nav-link {
 font-size: 24px;
}

.nav-logo-hidden {
 /* visibility: hidden;
    opacity: 0;
    height: 0; */
 display: none;
}

.header-three .sub-menu .nav-link {
 padding: 0;
}

.header-three .sub-menu .nav-li {
 margin: 0;
 padding: 8px 14px;
}

.header-three .sub-menu.sub-open {
 visibility: visible;
 opacity: 1;
}

@media (max-width: 1200px) {
 .nav-menu {
  display: none;
 }
  .header-three .nav-menu,
  .header-three .nav-menu-icons-container {
   width: unset !important;
  }
}

@media (max-width: 767px) {
 .nav-buttons {
  display: none;
 }
}