header.scrolled {
	border-bottom: 1px solid #eaeaea;
}

/** Main Nav - Breakpoint Adjust **/
@media (max-width: 1099px) {
	header .navbar-expand-lg {
		flex-wrap: wrap !important;
	}

	header .navbar-expand-lg .navbar-nav {
		display: flex;
		flex-direction: column !important;
		padding-left: 0;
		margin-bottom: 15px;
		margin-left: auto;
		list-style: none;
		height: fit-content !important;
		
		
		align-items: flex-start;
	}
	.navbar-expand-lg .navbar-collapse:not(.show) {

		flex-basis: auto;
	}
	.collapse:not(.show) {
		display: none !important;
	}
	header .navbar-expand-lg .navbar-toggler {
		display: block !important;
	}

	header .navbar-expand-lg .navbar-collapse.show,
	header .navbar-expand-lg .navbar-collapse.collapsing {
		display: block !important;
	}

	header .navbar-expand-lg {
		justify-content: space-between;
	}

	/* Dropdowns */
	header .navbar-light .navbar-nav .nav-item .dropdown-menu {
		padding: 0 10px;
		width: 240px;
		position: relative !important;
		top: 0 !important;
		width: fit-content;
		box-shadow: none;
		border: 0;
		left: 0 !important;
		padding-bottom: 8px !important;
	}
	header .navbar-light .navbar-nav div.dropdown-menu.solutions-original {
		top: 0 !important;
		width: 932px !important;
	}
	
	/* NEW Mobile Menu Styling */
	header .navbar-expand-lg .navbar-nav > .nav-item {
		border-bottom: 1px solid #EAEBEF;
	}
	header .navbar-expand-lg .navbar-nav .nav-item {
		width: 100%;
	}
	header .navbar-expand-lg .navbar-nav .nav-item .nav-link {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-left: 0 !important
	}
	header .navbar-expand-lg .navbar-nav .nav-item .nav-link:hover {
		font-weight: 400 !important;
	}
	header .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-header {
		padding-left: 0 !important;
	}
	header .navbar-light .navbar-nav .nav-item .dropdown-menu .nav-link {
		padding: 3px 0 !important;
		font-size: 14px;
	}
	header .navbar-light .navbar-nav .nav-item .dropdown-menu .guides-dropdown {
		padding-left: 0 !important;
	}
	header .header-getQuote,
	header .header-callBtn {
		width: 100%;
		display: block;
		margin: 0 0 3px 0 !important;
		background: transparent;
		border: 2px solid #08a6f0;
		color: #08a6f0 !important;
		border-radius: 20px;
		font-family: 'Inter', Arial, sans-serif;
		font-weight: 700;
		font-size: 15px;
		line-height: 20px;
		text-align: center;
		text-decoration: none !important;
		padding: 9px 16px 8px;
	}
	.navbar-collapse.collapsing {
	  transition: none !important;
	  position: absolute;
	  background: #fff;
	  opacity: 0;
	}
}

@media (min-width: 1100px) {
	header .navbar-expand-lg .navbar-collapse {
		display: flex !important;
	}

	header .navbar-expand-lg .navbar-toggler {
		display: none !important;
	}
	
	/* Animate dropdowns with a fade + slide from top */
	header .navbar-light .navbar-nav .nav-item  .dropdown-menu {
	  display: block !important;             /* keep default behavior */
	  opacity: 0 !important;
	  transform: translate(-50%, 10px) !important;
	  left: 50% !important; 
	  visibility: hidden !important;
	  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s !important;
	}
	
	/* When shown (Bootstrap adds .show) */
	header .navbar-light .navbar-nav .nav-item  .dropdown-menu.show {
	  opacity: 1 !important;
	  transform: translate(-50%, 0) !important;
	  visibility: visible !important;
	}
	
	header .navbar-light .navbar-nav .nav-item  .dropdown-menu.cities {
		width: 400px;
	}
}
@media( min-width: 769px ) and (max-width: 1099px ) {
	header .header-getQuote,
	header .header-callBtn {
		display: inline-block;
		width: 150px;
	}

}