/*============================================================================
			RESPONSIVE CSS WITH MEDIA 
=============================================================================*/

/*=============  MEDIA 1400px   =============*/
@media(min-width:1200px) and (max-width:1400px) {}

/*=============  MEDIA 1200px   =============*/
@media(max-width:1200px) {}

/*=============  MEDIA 1024px   =============*/
@media(max-width:1024px) {}

/*=============  MEDIA 992px - 1199px   =============*/
@media(min-width:992px) and (max-width:1199px) {
	header nav li a {
		padding: 10px 15px;
		font-size: 14px;
	}

	.add-property-btn {
		margin-left: 15px;
	}

	.btn-add-property {
		padding: 9px 18px;
		font-size: 13px;
	}

	.nav-post .nav-text {
		float: right;
		width: 64%;
	}

	.parthner {
		text-align: center;
	}

	.parthner li {
		width: 32.6%;
		margin-bottom: 30px;
	}

	.blog-side-bar ul.wid-in li:nth-child(2) {
		width: 55%;
	}
}

/*=============  MEDIA 768px - 991px   =============*/
@media(min-width:768px) and (max-width:991px) {

	/* Top Bar Responsive */
	.top-bar-left {
		padding: 0 10px;
	}

	.announcement-item {
		font-size: 12px;
	}

	.utility-menu {
		gap: 10px;
	}

	.utility-menu li a {
		font-size: 12px;
	}

	/* Header Responsive */
	header nav li a {
		padding: 10px 12px;
		font-size: 14px;
	}

	header nav {
		width: 100%;
	}

	header:before {
		width: 100%;
		background: #fff;
	}

	.sticky {
		position: relative !important;
	}

	.add-property-btn {
		margin-left: 10px;
	}

	.btn-add-property {
		padding: 8px 15px;
		font-size: 13px;
	}

	.home-1 .finder {
		top: 10%;
	}

	.home-1 .finder .container {
		width: 100%;
	}

	header .logo {
		width: 100%;
		text-align: center;
	}

	/* Properties by Locations Tablet */
	.location-card {
		flex: 0 0 calc(33.333% - 14px) !important;
		max-width: calc(33.333% - 14px) !important;
	}

	#banner {
		height: 500px;
	}

	.flex-direction-nav a {
		top: 35%;
	}

	.bnr-form {
		margin-top: 40px;
	}

	#banner .text-sec {
		margin-top: 30%;
	}

	.services .sec-in .go-right {
		top: 26px;
	}

	.offer-services .nav-tabs li a {
		line-height: 36px;
	}

	.solution h3 {
		margin-top: 50px;
	}

	.counters {
		text-align: center;
	}

	.counters i {
		width: 100%;
		text-align: center;
		border: none;
		margin-bottom: 5px;
	}

	#banner .flex-direction-nav .flex-prev {
		right: 1%;
	}

	#banner .flex-direction-nav .flex-next {
		left: 1%;
	}
}

/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {

	/* Top Bar Responsive */
	.top-bar {
		display: none;
	}

	.top-bar-left {
		display: none;
	}

	.top-bar-right {
		justify-content: center;
	}

	.utility-menu {
		flex-wrap: wrap;
		gap: 10px;
		justify-content: center;
	}

	.utility-menu li.separator {
		display: none;
	}

	.announcement-slider {
		display: none;
	}

	/* Header Responsive */
	.header-inner {
		/* flex-wrap: wrap; */
	}

	.header-inner {
		justify-content: space-between;
		align-items: center;
	}

	header .logo {
		width: auto;
		text-align: left;
		justify-content: flex-start;
		margin-bottom: 0;
		float: none;
	}

	header nav {
		width: auto;
		justify-content: flex-end;
		float: none;
	}

	header nav .ownmenu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		flex-direction: column;
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		padding: 15px 0;
		z-index: 1000;
	}

	header nav .ownmenu.active {
		display: flex;
	}

	header nav li {
		width: 100%;
		text-align: center;
	}

	header nav li a {
		padding: 12px 20px;
		border-bottom: 1px solid #f0f0f0;
	}

	.add-property-btn {
		display: none !important;
	}

	.mobile-menu-toggle {
		display: block !important;
		margin-left: 15px;
	}

	.tittle p {
		width: 100%;
	}

	.sticky {
		position: relative !important;
	}

	.absu {
		display: none !important;
	}

	.services li {
		margin-bottom: 30px;
	}

	.call-us .overlay {
		text-align: center;
	}

	.call-us .no-padding {
		padding: 0 15px !important;
	}

	header .header-contact {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.sub-nav-co {
		position: absolute;
		top: 15px;
		margin: 0px;
	}

	#banner {
		height: auto !important;
		min-height: 600px;
		overflow: visible !important;
		position: relative;
		padding-bottom: 50px;
	}

	#banner .flex-banner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
	}

	#banner .flex-banner .flex-viewport,
	#banner .flex-banner ul.slides,
	#banner .flex-banner ul.slides li {
		height: 100% !important;
	}

	#banner .flex-banner ul.slides li img {
		height: 100% !important;
		width: 100% !important;
		object-fit: cover !important;
	}


	.home-1 .finder {
		position: relative !important;
		top: 0 !important;
		padding-top: 80px;
		/* Space for header/top spacing */
		height: auto;
		z-index: 2;
	}


	.bnr-form {
		margin-top: 10%;
	}

	footer .col-sm-3 {
		margin-bottom: 30px;
	}

	.footer-col {
		margin-bottom: 40px;
	}

	.floating-buttons {
		bottom: 20px;
		right: 20px;
	}

	.call-btn {
		padding: 10px 16px;
		font-size: 13px;
	}

	.scroll-top-btn {
		width: 45px;
		height: 45px;
	}

	#banner .text-sec {
		margin-top: 20%;
	}

	.flex-direction-nav {
		top: auto;
		bottom: 40px;
		margin: 0 auto;
	}

	.flex-direction-nav a {
		margin: 0 auto;
	}

	#banner .flex-direction-nav .flex-next {
		left: -5%;
	}

	#banner .flex-direction-nav .flex-prev {
		right: -5%;
	}

	header nav li.active {
		background: none !important;
	}

	nav li:hover {
		background: none !important;
	}

	header nav li {
		padding-top: 0px;
	}

	.ownmenu .indicator {
		display: block;
	}

	header nav li a {
		border: none;
	}

	.offer-services .nav-tabs {
		margin-bottom: 30px;
	}

	.blog ul li {
		margin-bottom: 30px;
	}

	.blog ul li img {
		width: 100%;
	}

	#team .team {
		margin-bottom: 30px;
	}

	.panel-group {
		margin-bottom: 30px;
	}

	.sub-banner {
		background-size: cover;
	}

	.flex-direction-nav {
		display: none;
	}

	header nav {
		width: 100%;
	}

	header:before {
		width: 100%;
	}

	.ownmenu>li.showhide {
		margin-top: 0px;
	}

	header nav .ownmenu {
		min-height: inherit;
	}

	header nav {
		min-height: inherit;
	}

	.ownmenu>li.showhide span.icon {
		margin: 0px;
		line-height: 46px;
		float: none;
	}

	.ownmenu>li.showhide {
		text-align: center;
	}

	header nav li {
		margin-top: 0px;
	}

	.ownmenu>li>.megamenu.full-width {
		padding-top: 0px;
	}

	.ownmenu>li>.megamenu {
		top: 20px;
		padding-left: 25px;
	}

	.megamenu .row {
		margin-left: 15px;
	}

	.find-sec li {
		width: 50%;
		float: left;
	}

	.finder h1 {
		font-size: 30px;
		margin-bottom: 20px;
	}

	.find-sec {
		margin-top: 20px;
		padding: 20px 20px 25px;
	}

	.search-input-group {
		flex-direction: column;
	}

	.search-input {
		width: 100%;
		min-width: 100%;
	}

	.search-btn {
		width: 100%;
	}

	.advanced-search-fields {
		padding: 20px 0 0;
	}

	.advanced-field {
		margin-bottom: 15px;
	}

	.home-1 .finder {
		top: 10%;
	}

	.home-1 li.col-sm-6 {
		width: 100%;
	}

	.mobile-app a.btn {
		margin-bottom: 30px;
		margin-top: 20px;
	}

	#testimonials .testi {
		width: 100%;
	}
}

/*=============  MEDIA 600px   =============*/
@media (max-width:640px) {
	header .logo {
		width: auto;
		float: none;
		display: flex;
		text-align: left;
		margin: 0;
	}

	.sub-banner {
		text-align: center;
	}

	.sub-nav {
		float: none;
		display: inline-block;
		width: 100%;
	}

	header .search {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 20px;
	}

	.nav-post .nav-text {
		width: 75%;
	}

	.blog-side-bar ul.wid-in li:nth-child(2) {
		width: 76%;
	}
}

/*=============  MEDIA 540px   =============*/
@media(max-width:540px) {
	#banner {}

	.parthner {
		padding-top: 0px;
	}

	.blog .b-details a {
		position: relative;
		bottom: 0px;
		left: 0px;
	}

	.parthner .owl-nav {
		width: 50px;
		top: -122px;
	}

	.blog .b-details span {
		margin-top: 0px;
	}

	@media (max-width: 767px) {
		.footer-col {
			margin-bottom: 30px;
		}

		.footer-logo {
			text-align: left;
			justify-content: flex-start;
		}

		.footer-contact {
			text-align: left;
		}

		.footer-contact p {
			justify-content: flex-start;
		}

		.footer-social {
			justify-content: flex-start;
		}

		.footer-links {
			text-align: left;
		}

		footer h5 {
			text-align: left;
		}

		.footer-hr {
			margin: 0 0 20px 0;
		}

		.language-selector {
			justify-content: center;
			width: 100%;
		}

		.floating-buttons {
			bottom: 15px;
			right: 15px;
		}

		.call-btn span {
			display: none;
		}

		.call-btn {
			width: 50px;
			height: 50px;
			padding: 0;
			border-radius: 50%;
		}
	}

	.pop-project .carousel-indicators li {
		width: 23.3333%;
		margin-top: 5px;
		height: auto;
	}

	header .header-contact li {
		border: none;
		width: 100%;
		padding-bottom: 10px;
	}

	header .header-contact li:nth-child(1) {
		border-bottom: 1px dashed #cccccc;
		border-right: none;
		margin-bottom: 10px;
	}

	.services li.padding-r-80 {
		padding-right: 0px !important;
	}

	.items-details .carousel-indicators li {
		width: 30.3333%;
	}

	.home-3 .bnr-property {
		width: 94%;
	}

	.home-3 .bnr-property {
		margin-top: 80px;
	}

	.home-3 .bnr-property {
		left: 15px;
		right: 15px;
		margin-left: 0px;
	}

	/* Contact Page Responsive */
	@media (max-width: 991px) {

		.contact-info-column,
		.contact-form-column {
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 30px;
		}

		.contact-info-section,
		.contact-form-section {
			padding: 30px 20px;
		}
	}

	@media (max-width: 767px) {
		.contact-main-wrapper {
			padding: 40px 0;
		}

		.contact-info-section,
		.contact-form-section {
			padding: 25px 15px;
		}

		.contact-section-title {
			font-size: 20px;
			margin-bottom: 20px;
		}

		.form-row {
			flex-direction: column;
			gap: 0;
		}

		.contact-map-section {
			padding: 40px 0;
		}

		.map-wrapper iframe {
			height: 350px;
		}

		/* News Detail Responsive */
		.news-content-column,
		.news-sidebar {
			padding-left: 15px;
			padding-right: 15px;
			margin-bottom: 30px;
		}

		.news-title {
			font-size: 24px;
		}

		.news-article-footer {
			flex-direction: column;
			align-items: flex-start;
		}

		.related-news-item {
			flex-direction: column;
		}

		.related-news-image {
			flex: 0 0 100%;
			height: 200px;
		}
	}

	#banner {
		height: auto !important;
	}

	/* Filter Bar Responsive */
	@media (max-width: 991px) {
		.filter-wrapper {
			flex-direction: column;
		}

		.filter-field {
			width: 100%;
			min-width: 100%;
		}

		.filter-button-field {
			width: 100%;
		}
	}

	@media (max-width: 767px) {
		.filter-bar {
			padding: 20px 0;
		}

		.filter-field {
			margin-bottom: 15px;
		}
	}

	.home-3 .bnr-property .btn {
		width: 45%;
		padding: 8px 0px;
		text-align: center;
	}
}

/*=============  MEDIA 400px   =============*/
@media(max-width:440px) {
	.parthner {
		text-align: center;
	}

	.parthner li {
		width: 100%;
		margin-bottom: 30px;
	}

	.ownmenu .megamenu img {
		margin-top: 10px;
	}

	.find-sec li {
		width: 100%;
		float: none;
	}
}

@media(max-width:767px) {

	/* Properties by Locations Responsive */
	.location-card {
		flex: 0 0 calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
		margin-bottom: 20px;
	}

	.location-img {
		height: 250px;
	}

	.properties-by-locations .tittle h3 {
		font-size: 28px;
	}

	.properties-by-locations .tittle p {
		font-size: 14px;
	}
}

@media(max-width:480px) {
	.location-card {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	/* Featured Agents Responsive */
	.agent-card {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

@media(max-width:767px) {

	/* Featured Agents Responsive */
	.agent-card {
		/* flex: 0 0 calc(50% - 10px) !important;
	max-width: calc(50% - 10px) !important; */
	}

	.featured-agents .tittle h3 {
		font-size: 28px;
	}
}

@media(min-width:768px) and (max-width:991px) {

	/* Featured Agents Tablet */
	.agent-card {
		flex: 0 0 calc(50% - 10px) !important;
		max-width: calc(50% - 10px) !important;
	}

	/* Properties Map Layout Responsive */
	.properties-list-column,
	.properties-map-column {
		padding-left: 15px;
		padding-right: 15px;
	}

	.properties-map-column {
		position: relative;
		margin-top: 30px;
	}

	.map-container {
		height: 400px;
	}
}

@media (max-width: 767px) {

	/* Properties Map Layout Mobile */
	.properties-map-layout {
		flex-direction: column;
	}

	.properties-list-column,
	.properties-map-column {
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}

	.properties-map-column {
		position: relative;
		margin-top: 30px;
	}

	.map-container {
		height: 350px;
	}

	.properties-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 15px;
	}

	.showing-info,
	.sort-by {
		width: 100%;
	}

	.showing-select,
	.sort-select {
		width: 100%;
	}

	/* Property Detail Page Mobile */
	.property-content-column,
	.property-sidebar {
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 30px;
	}

	.main-image-wrapper {
		height: 300px;
	}

	.property-title {
		font-size: 24px;
	}

	.key-facts-grid {
		grid-template-columns: 1fr;
	}

	.features-grid {
		grid-template-columns: 1fr;
	}

	.facilities-grid {
		grid-template-columns: 1fr;
	}

	.floor-plans-list {
		padding: 15px;
	}

	.floor-plan-detail {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}

	/* Terms & Conditions Responsive */
	.terms-conditions-section {
		padding: 40px 0;
	}

	.terms-title {
		font-size: 20px;
	}

	.terms-section p,
	.terms-list li {
		font-size: 14px;
	}

	.contact-info-list li {
		font-size: 14px;
	}

	/* Login Page Responsive */
	.login-section {
		padding: 40px 0;
	}

	.login-container {
		padding: 30px 20px;
	}

	.login-header h2 {
		font-size: 20px;
	}

	.login-description {
		font-size: 13px;
	}

	/* Newsletter Modal Responsive */
	@media(max-width:768px) {
		.newsletter-modal-wrapper {
			flex-direction: column;
		}

		.newsletter-image {
			width: 100%;
			height: 200px;
		}

		.newsletter-content {
			width: 100%;
			padding: 30px 20px;
		}

		.newsletter-modal-content {
			max-width: 90%;
		}

		.newsletter-header h3 {
			font-size: 20px;
		}

		.newsletter-subtitle {
			font-size: 13px;
		}
	}

	.agent-contact-card {
		position: relative;
	}

	.footer-content {
		flex-direction: column;
		text-align: center;
		gap: 20px;
	}
}

/*=============  MEDIA 320px   =============*/
@media(max-width:320px) {}

@media (max-width: 767px) {

	/* Fix for double toggle button: Hide JS generated showhide internal toggle */
	.ownmenu>li.showhide {
		display: none !important;
	}

	/* Force show top level menu items since the container is toggled by external button */
	.ownmenu>li {
		display: block !important;
	}
}