.headerContact-wrap{display:flex; align-items:center; justify-content:end; padding-top:15px; padding-bottom:5px;}
.main-menu ul li a {color:#808080; font-size:14px !important; padding-left:8px; padding-right:8px; padding-top:10px; padding-bottom:10px; font-family:"Nunito Sans", sans-serif !important; text-transform:uppercase; font-weight:400;}
.top-icons.headerContact{display:flex; align-items:center; justify-content:end; margin-top:0;}
.top-nav .top-icons li a {color: #428380; font-size:14px; padding:0; text-transform: uppercase;  font-family: "Nunito Sans", sans-serif !important; font-weight:400;}
li.headerContactText img{width:14px; margin-right:8px;}
li.headerContactText a.navisLink::before {
	content: '';
	background:url(https://www.emeraldislerealty.com/wp-content/themes/wp-bootstrap-starter-child/images/2024/phone-icon.png) 14px 14px;
	background-size: 14px 14px;
	position: absolute;
	display: block;
	width:14px;
	height:14px;
	left: -19px;
}
.logosec{display:flex; align-items:center;}
.top-nav .top-icons li a.btn.btn-transparant{margin-top:0px;}
.menuwrap{display:flex; justify-content:end; align-items:center;}
.login-wrapper a{color: #428380 !important;}
.top-icons.headerContact li.socialicon{margin-right:10px; margin-top:-1px;}
.top-icons.headerContact li.socialicon img{height:18px;}
.top-icons.headerContact li.socialicon:last-child{margin-right:0;}
.btn-join {color:#fff; background:#428380 !important; text-transform:uppercase; margin-top:0px; border-radius:0; background:none; font-size:16px; padding-left:25px; padding-right:25px; padding-top:18px !important; padding-bottom:18px; margin-left:40px; font-family:"Nunito Sans"; line-height:100%; border-radius:10px; border:0; font-weight:400;}
.btn-join:hover{color:#fff;}
.logosec .logo{border-right:2px solid #c1c1c1; padding-right:10px; padding-top:0; padding-bottom:0; margin:10px 0;}
.navAnniversary{height:48px; margin:0px 0px 0 10px !important; width:auto; max-width: fit-content;}
#menu-top-nav > li.nav-item > .caret {top:18px; right: 5px;}
.top-nav .top-icons li{line-height:100%;}
.container.eir-site-header .logo img{width:auto; max-width:180px;}
.container.eir-site-header{max-height:120px;}

.top-nav .top-icons li.search-wrapper {
    height: 34px;
    width: 40px;
    transition: width 1s;
}

input.eir_search_input {
	background: none !important;
	z-index: 1;
    position: relative;
}
input.eir_search_input:placeholder-shown + .search_icon {
	z-index: 0;
}
input.eir_search_input:not(:placeholder-shown) + .search_icon {
	z-index: 2;
}

.top-nav .top-icons li.search-wrapper input.eir_search_input {
    display:none;
}

.top-nav .top-icons li.search-wrapper:hover,
.top-nav .top-icons li.search-wrapper:has(input.eir_search_input:not(:placeholder-shown)) {
    width: 180px;
}

.top-nav .top-icons li.search-wrapper:hover input.eir_search_input,
.top-nav .top-icons li.search-wrapper input.eir_search_input:not(:placeholder-shown) {
    display:inline-block;
}

.search_icon {
    color: #0f7b74;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer; 
    z-index: 1; 
}

.eir_search_input {
    color: #0f7b74;
    height: 34px !important;
    outline: none;
    border: 1px solid #0f7b74 !important;
    border-radius: 0;
    padding: 0 10px !important; 
    width: 100%;
	font-size:14px !important;
}

.eir_search_input:focus {
    border-color: #0f7b74; 
}

/* Optional: Adjust icon size */
.search_icon i {
    font-size: 18px;
}

.header-mob-wishlist{display:none;}
.btn-join:hover{background:#fcd122 !important; color:#333 !important;}

@media(max-width: 1900px)
{
	.main-menu ul li a{font-size:14px !important;}
	.btn-join{font-size:14px; margin-left:15px;}
	.logo img{height:auto;}
	.navAnniversary {margin:0px 0px 0 0px; width:auto;}
	.headerContact-wrap{padding-bottom:5px;}
}

@media(min-width: 1400px)
{
	.container.eir-site-header{padding-left:75px !important; padding-right:75px !important;}
}

@media(max-width: 1500px) and (min-width: 1280px)
{
	.container.eir-site-header .logo img{width:auto; max-width:160px;}
	.container.eir-site-header .navAnniversary{height:40px; max-width: fit-content;}
}
@media (max-width: 1600px) {
	.eir-site-header .main-menu ul li a{font-size:13px !important;}
	    .btn-join {font-size:13px;}
	.top-nav .top-icons li a{font-size:13px;}
}

@media (max-width: 1460px) {
	.eir-site-header .main-menu ul li a{font-size:12px !important;}
	.btn-join {font-size:12px;}
	.top-nav .top-icons li a{font-size:12px;}
}

@media(max-width: 1320px)
{
	#menu-top-nav > li.nav-item > .caret {top:18px; right: 5px;}
	.logo img {height:65px; width:auto;}
	.navAnniversary {height:40px;}
	.main-menu ul li a{padding-left:8px !important; padding-right:10px !important;}
	.eir-site-header > .row{display:flex; align-items:center;}
}

@media(max-width: 1279px)
{
	.menu-hidden .menu-padding{display:none}
	.menu-hidden.active{top:79px;}
	.menu-hidden.active a.social-toggle{position:fixed !important;}
	.menu-hidden.active .menu-padding{display:block;}
	ul#menu-top-nav .dropdown-menu a{color:#000;}
	.mob-menu{top:auto;}
	.menu-hidden.active .mob-menu{position:fixed; right:15px; top:27px; left:auto;}
	.container.eir-site-header .row{display:flex; align-items:center;}
	.top-bar-mobile .row .container-fluid{width:100%;}
	#menu-top-nav > li.nav-item > .caret{top:0 !important;}
	.mob-menu {display: block; left:0; margin-top:0px; position:fixed; right:15px; left:auto;}
	.menu-show .btn.btn-join.hide-mobile{display:none;}
	ul#menu-top-nav .res-menu li a{margin:15px 0;}
	.hidden-lg.hidden-md.contact-menu ul li a{display:inline-block;}
	a.social-toggle{margin-top:-5px !important; right: 70px !important; top: 36px !important;
    position: fixed !important;}
	.headerContact-wrap{padding-top:8px;}
	#menu-top-nav > li.nav-item > ul.dropdown-menu > li.nav-item a{color:#fff;}
	.menuwrap{width:62px;}
	.container.eir-site-header .navAnniversary{left:0;}
	.menu-hidden.active {display:block !important; background:#fff; bottom:0; left:0; right:0; overflow-y:scroll; position:fixed; top:80px; left:0; z-index:9999; width:100%; padding:0;}
	.menu-hidden{height:auto;}
	#menu-top-nav li.nav-item a {
		color: #fff;
		z-index: 0;
	}
	#menu-top-nav > li.nav-item > a {
		background: #0f7b74;
	}
	#menu-top-nav > li.nav-item > ul.dropdown-menu > li.nav-item a {
		background: #159894;
	}
	#menu-top-nav > li.nav-item > ul.dropdown-menu > li.nav-item.menu-item-has-children > ul.dropdown-menu > li.nav-item > a {
		background: #28ccc7;
	}
	#menu-top-nav a {
		border-bottom: 1px solid #fff;
	}
	#menu-top-nav li.nav-item:hover > a {
		background: #0f7b74 !important;
	}
	ul.dropdown-menu, .open>.dropdown-menu {
		display: none;
	}
	#menu-top-nav .caret {
		display: inline-block;
		background: url(https://www.emeraldislerealty.com/wp-content/themes/wp-bootstrap-starter-child/images/caret.png) center center no-repeat;
		border: 0 !important;
		color: #fff;
		padding: 20px 20px 20px 50px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 1;
	}
	#menu-top-nav .caret.submenuOpen {
		background: url(https://www.emeraldislerealty.com/wp-content/themes/wp-bootstrap-starter-child/images/caret_up.png) center center no-repeat;
	}
    ul#menu-top-nav .dropdown-menu {
        position: static;
        display:none;
        float: none;
        background: #159894 !important;
        padding: 0;
        box-shadow: none;
        border-radius: 0 !important;
        border: 0 !important;
        margin: 0;
    }
    ul#menu-top-nav li .dropdown-toggle.nav-link {
    background: #222;
    color: #fff;
    padding: 10px 15px;
   }
 
    ul#menu-top-nav .dropdown-menu a {
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    text-transform: uppercase;
   }
 
    ul#menu-top-nav li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 15px !important;
    padding-right: 10px !important;
   }
	
	.navbar-nav>li {
		display:block !important;
		float: left;
		width: 100%;
	}
	.toggling-minus {float:left;width:100%; z-index: 999;}
	.join {position: absolute;right: 0;}

	.navbar-nav>li a {
		font-size:11px !important;
		padding-top:16px !important;
		display:block;
	}
	.join a{margin-right:50px}
	.navbar-nav{width:100%;}
	.top-nav{position:absolute; right:60px;}
	
	#menu-top-nav.navbar-nav{margin-left:0 !important; margin-right:0 !important;}
	#menu-top-nav > li.nav-item > ul.dropdown-menu li.nav-item .caret {top: 0;}
	.eir-site-header .main-menu ul li a{font-size:13px !important;}
	
}
@media(max-width: 1024px)
{
.eir-site-header .top-nav .wishlist-link {display:block !important;}
.eir_search_input{margin:0 15px;}
}

@media(max-width: 992px)
{
	.top-icons.headerContact{display:none;}
	.header-mob-wishlist{display:block; float:right; position:fixed; right:110px; top:27px;}
	.eir-site-header .top-nav .wishlist-link {display:none !important;}
}

@media(max-width: 767px)
{
	#hero-slider.container-fluid{margin-top:80px;}
	#hero-slider:after{position:absolute; content:""; background:linear-gradient(transparent, #00000057); width:100%; height:100%; bottom:0;}
	.eir-site-header.container{width:100%;}
	.breadcrumbs{margin-top:90px;}
	.eir_search_input {
        margin: 0 15px; 
    }

    .search_icon {
        right: 0px;
    }
}