/* Construction Gallery: Mobile Fixes */
@media (max-width: 767px) {
	.construction-gallery {
		padding: 0 0 18px 0;
	}
	.construction-gallery .flexslider {
		margin: 0 auto 12px auto;
		max-width: 100vw;
		border-radius: 8px;
		box-shadow: 0 2px 12px #0002;
		overflow: hidden;
	}
	.construction-gallery .slides > li {
		display: block;
		width: 100vw;
		max-width: 100vw;
		min-width: 0;
		margin: 0;
		padding: 0;
	}
	.construction-gallery img.construction-video__thumb,
	.construction-gallery img.construction-thumb {
		width: 100vw !important;
		max-width: 100vw !important;
		height: auto !important;
		border-radius: 0;
		object-fit: cover;
	}
	.construction-gallery .construction-video__cover {
		width: 100vw;
		max-width: 100vw;
		left: 0;
		right: 0;
		margin: 0 auto;
		border-radius: 0 0 8px 8px;
	}
	.construction-gallery .construction-video__overlay {
		font-size: 1em;
		padding: 10px 0;
	}
	.construction-gallery .flexslider#construction-carousel {
		margin-top: 8px;
		margin-bottom: 0;
		box-shadow: none;
		border-radius: 0;
	}
	.construction-gallery .flexslider#construction-carousel .slides > li {
		width: 32vw;
		max-width: 32vw;
		display: inline-block;
		margin-right: 4px;
	}
	.construction-gallery .flexslider#construction-carousel img.construction-thumb {
		width: 32vw !important;
		max-width: 32vw !important;
		height: 48px !important;
		object-fit: cover;
		border-radius: 4px;
	}
}
/*============================================================================
			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:0 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) {
header nav li a {
	padding:0 14px;
}
header nav{
	width:100%;
}
header:before{
	width:100%;
	background:#0F1C2E;
}
.sticky{
	position:relative !important;
}
.home-1 .finder {
	position: relative;
	
	margin-top: -60px; 
	 ; /* adjust amount to overlap */
}
.home-1 .find-sec{
	margin-top: 18px;
	
	
}
.home-1 .finder .container{
	width:100%;
	
	
}
header .logo{
	width:100%;
	text-align:center;
}
header .logo img{
	width:100%;
	max-width:420px;
	height:auto;
	display:block;
	margin:0 auto;
}
header .container{
	min-height:auto;
	padding:10px 0;
}
header nav .ownmenu{
	min-height:inherit;
}
#banner {
	height: clamp(460px, 70vh, 560px);
}
.finder h1{
	letter-spacing:4px;
	line-height:1.2;
	padding:0 15px;
}
.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(min-width:768px) {
	#banner .find-more-li{
		display:none;
	}
	.home-1 #banner .hero-scroll-down{
		display:none;
	}
	.home-1 #banner .hero-search-toggle{
		display:none;
	}
	.home-1 #banner .hero-subtext{
		display:none;
	}
	.home-1 #banner,
	.home-1 #banner .flex-banner,
	.home-1 #banner .flex-banner .slides,
	.home-1 #banner .flex-banner .slides > li{
		height:485px;
	}
	.home-1 #banner .flex-banner img{
		height:485px;
		width:100%;
		object-fit:cover;
	}
	.home-1 .finder h1{
		margin-bottom:20px;
		transform: translateY(-15px);
	}
	header nav ul.ownmenu > li.nav-social-li{
		display:none !important;
	}
}

/*=============  MEDIA 767px   =============*/
@media(max-width:767px) {
.tittle p{
	width:100%;
}

/* Mobile: remove reveal/hover transforms that cause card overlap */
.js-services-anim .home-1 .services ul.row > li.service-anim {
	opacity: 1 !important;
	-webkit-transform: none !important;
	transform: none !important;
}
.home-1 .services ul.row > li.service-anim {
	margin-bottom: 20px;
}
.home-1 .services li section,
.home-1 .services li:hover section,
.home-1 .services li:focus-within section,
.home-1 .services li section:hover,
.home-1 .services li section:focus-within {
	height: auto;
	-webkit-transform: none;
	transform: none;
	box-shadow:
		0px 12px 26px rgba(15,28,46,0.18),
		0px 0px 0px 1px rgba(200,162,77,0.10);
}
.home-1 .services li section > img.img-responsive {
	height: 180px;
}
.home-1 .services li .icon {
	top: 180px;
}
.home-1 .services li section:hover .icon,
.home-1 .services li section:focus-within .icon {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	box-shadow: 0px 8px 18px rgba(200,162,77,0.18);
}

/* Mobile: keep property cards stacked and stable */
.property-slide .plots,
.property-slide .plots:hover {
	-webkit-transform: none;
	transform: none;
}

/* Mobile: allow report tables to scroll instead of clipping */
#wrap.market-analysis-page .table-responsive {
	display: block;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
#wrap.market-analysis-page .table {
	min-width: 720px;
}

.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 .logo {
	width: 100%;
	text-align: center;
	margin: 2px 0;
}
header .logo img{
	width:100%;
	max-width:320px;
	height:auto;
	display:block;
	margin:0 auto;
}
header .container{
	min-height:auto;
	padding:2px 0;
}
header .header-contact {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.sub-nav-co {
	position: absolute;
	top: 15px;
	margin: 0px;
}
#banner {
	height: clamp(420px, 70vh, 520px);
}
#banner .flex-banner {
	height: 100%;
}

/* Mobile hero: stronger blue/black overlay (desktop stays unchanged) */
.home-1 #banner:before{
	background: rgba(15, 28, 46, 0.62);
}

/* Default (collapsed) mobile hero layout: match original centering */
#banner .finder{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 15px;
}

/* Mobile hero: collapse the full search behind a single button */
.home-1 #banner{
	height: clamp(480px, 68vh, 580px);
}

/* Mobile hero typography + fade-in on refresh */
.home-1 #banner .finder h1{
	font-family: 'Playfair Display', serif;
	letter-spacing: 0;
	text-transform: none;
	font-size: clamp(28px, 8.8vw, 44px);
	line-height: 1.15;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Mobile hero title: always show as exactly 2 lines */
.home-1 #banner .finder h1 .hero-title-line1{
	display:block;
	width:100%;
	text-align:center;
}
.home-1 #banner .finder h1 .hero-title-line2{
	display:block;
	width:100%;
	text-align:center;
	white-space: nowrap;
}

/* Extra-small phones: keep 2-line headline without wrapping */
@media (max-width: 360px){
	.home-1 #banner .finder h1{
		font-size: clamp(24px, 8.2vw, 36px);
	}
}
.home-1 #banner .hero-subtext{
	max-width: 520px;
	margin: 8px auto 0;
	color: rgba(255,255,255,0.92);
	font-size: 15px;
	line-height: 22px;
	text-transform: none;
}
.home-1 #banner .hero-search-toggle{
	display:block;
	width:100%;
	max-width:340px;
	margin:0 auto;
	-webkit-tap-highlight-color: transparent;
}
.home-1 #banner .hero-search-toggle:hover,
.home-1 #banner .hero-search-toggle:active,
.home-1 #banner .hero-search-toggle:focus,
.home-1 #banner .hero-search-toggle:focus-visible{
	background: #0F1C2E;
	border-color: #0F1C2E;
	color: #ffffff;
	outline: none;
	box-shadow: none;
}
.home-1 #banner:not(.hero-search-open) .finder h1{
	margin-bottom: 10px !important;
}
.home-1 #banner:not(.hero-search-open) .hero-search-toggle{
	margin: 22px auto 0;
}
.home-1 #banner.hero-search-open .hero-search-toggle{
	margin: 18px auto 12px;
}

.home-1 #banner .hero-scroll-down{
	display:inline-block;
	width:44px;
	height:44px;
	line-height:42px;
	border-radius: 999px;
	border: 2px solid #ffffff;
	background: transparent;
	color: #ffffff;
	text-align: center;
	padding: 0;
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 14px;
	margin: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 5;
}

/* Reserve space above the bottom scroll button so content never overlaps it */
.home-1 #banner:not(.hero-search-open) .finder{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: env(safe-area-inset-top) 15px 92px;
}
.home-1 #banner .hero-scroll-down i{
	display:block;
	font-size: 22px;
	line-height: 42px;
	-webkit-animation: heroScrollBounce 1.6s ease-in-out infinite;
	animation: heroScrollBounce 1.6s ease-in-out infinite;
}
.home-1 #banner.hero-search-open .hero-scroll-down{
	display:none;
}

@-webkit-keyframes heroScrollBounce{
	0%, 100%{ -webkit-transform: translateY(0); transform: translateY(0); }
	50%{ -webkit-transform: translateY(8px); transform: translateY(8px); }
}
@keyframes heroScrollBounce{
	0%, 100%{ -webkit-transform: translateY(0); transform: translateY(0); }
	50%{ -webkit-transform: translateY(8px); transform: translateY(8px); }
}

@media (prefers-reduced-motion: reduce){
	.home-1 #banner .hero-scroll-down{
		-webkit-animation:none;
		animation:none;
	}
	.home-1 #banner .hero-scroll-down i{
		-webkit-animation:none;
		animation:none;
	}
	.home-1 #banner .finder h1,
	.home-1 #banner .hero-subtext{
		-webkit-animation:none;
		animation:none;
		-webkit-transform:none;
		transform:none;
	}
}
.home-1 #banner:not(.hero-search-open) .find-sec{
	display:none;
}
.home-1 #banner.hero-search-open .find-sec{
	display:block;
}

/* When the mobile search form is opened, allow the banner to expand */
#banner.banner-form-open{
	height:auto;
	overflow:visible;
}
#banner.banner-form-open .flex-banner{
	height:100%;
}
/* Home hero: when the mobile search form is opened, let the hero expand naturally */
.home-1 #banner.banner-form-open .finder{
	position: relative;
	top: auto;
	bottom: auto;
	display: block;
	padding: calc(28px + env(safe-area-inset-top)) 15px 22px;
}
.bnr-form {
	margin-top: 10%;
}
footer .col-sm-3{
	margin-bottom:30px;
}
/* Footer (mobile): the footer columns are <li class="col-.."> inside ul.row */
footer ul.row > li{
	margin-bottom:30px;
}
footer ul.row > li:last-child{
	margin-bottom:0;
}
#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;
}

/* Property pages (Piyassa) mobile spacing fixes */
#wrap.property-themed .sub-banner.property-hero h1{
	line-height:1.15;
	margin-bottom:10px;
}

#wrap.property-themed .sub-banner.property-hero .breadcrumb{
	padding-top:6px;
}

#wrap.property-themed .properti-detsil{
	padding:48px 0;
}

/* The "home-in" bar is fixed-height/4-column on desktop; let it wrap on mobile */
#wrap.property-themed .properti-detsil .home-in{
	height:auto;
	padding:6px 0;
}

#wrap.property-themed .properti-detsil .home-in li{
	width:50%;
	line-height:22px;
	padding:6px 10px;
}

@media(max-width:420px){
	#wrap.property-themed .properti-detsil .home-in li{
		width:100%;
	}
}

/* Sale tags and agent info: avoid cramped multi-column floats on mobile */
#wrap.property-themed .properti-detsil .sale-tag{
	float:none;
	display:block;
	width:100%;
	text-align:center;
	margin-right:0;
}

#wrap.property-themed .info-property.agents-info .agent-info li{
	width:100%;
	float:none;
	margin-bottom:8px;
}

/* Add separation when sidebar stacks under main content */
#wrap.property-themed .properti-detsil .side-bar{
	margin-top:28px;
}
.flex-direction-nav {
	display: none;
}
header nav{
	width:100%;
}
header:before{
	width:100%;
}
.ownmenu > li.showhide{
	margin-top:0px;
	background:transparent;
	padding:0;
	height:34px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
}
header nav .ownmenu{
	min-height:inherit;
}
header .container{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
header nav{
	position: relative;
	left: auto;
	top: auto;
	-webkit-transform: none;
	transform: none;
	width: 100%;
	min-height: inherit;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
header nav .ownmenu{
	width:100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding:0;
}
.ownmenu > li.showhide{
	width:100%;
	height:28px;
}
header nav{
	min-height:inherit;
}
.ownmenu > li.showhide span.icon{
	margin:0px;
	line-height:28px;
	float:none;
	color:#C8A24D;
	font-size:18px;
}
.ownmenu > li.showhide{
	text-align:center;
}
header nav li{
	margin-top:0px;
}

/* Mobile hamburger dropdown: full-width vertical list + navbar background */
header nav,
header nav .ownmenu,
.ownmenu > li.showhide{
	background:#0F1C2E;
}
header nav .ownmenu{
	display:block;
}
header nav .ownmenu > li{
	float:none;
	display:block;
	width:100%;
	padding:0;
}
header nav .ownmenu > li > a{
	display:block;
	width:100%;
	padding:12px 15px;
	line-height:20px;
	color:#ffffff;
}
header nav ul.ownmenu > li.active::before,
header nav ul.ownmenu > li.active::after,
header nav ul.ownmenu > li:hover::before,
header nav ul.ownmenu > li:hover::after{
	display:none !important;
}

/* Social icons row inside the mobile dropdown */
header nav ul.ownmenu > li.nav-social-li{
	display:block;
	padding:10px 15px 14px;
	text-align:center;
}
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons{
	float:none;
	display:inline-block;
	width:auto;
	margin:0;
	padding:0;
}
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons li{
	float:none;
	display:inline-block;
}
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons li a{
	border:none;
	padding:0 8px;
	line-height:36px;
}
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons li a,
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons li a i{
	color:#ffffff;
}
header nav ul.ownmenu > li.nav-social-li ul.nav-social-icons li a i{
	font-size:20px;
}
.ownmenu > li > .megamenu.full-width{
	padding-top:0px;
}
.ownmenu > li > .megamenu{
	top:20px;
	padding-left:25px;
}
.megamenu .row{
	margin-left:15px;
}
.find-sec .find-more-li{
	width:100%;
	float:none;
}
.find-sec .find-more{
	display:block;
}
.find-sec .find-more > summary{
	list-style:none;
	cursor:pointer;
	background:#0F1C2E;
	border:1px solid #0F1C2E;
	border-radius:4px;
	padding:12px 15px;
	text-align:left;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	text-transform: uppercase;
	color:#ffffff;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
}
.find-sec .find-more > summary:hover{
	background:#0F1C2E;
	border-color:#0F1C2E;
}
.find-sec .find-more > summary::-webkit-details-marker{
	display:none;
}
.find-sec .find-more > summary i{
	font-size:16px;
	line-height:18px;
	margin-left:10px;
}

.find-sec .find-more-li{
	margin-top:10px;
}

.find-sec .find-more-item{
	display:none;
}
.find-sec.find-more-open .find-more-item{
	display:block;
}
.find-sec li{
	width:50%;
	float:left;
}
.finder h1{
	font-size:28px;
	letter-spacing:2px;
	line-height:1.2;
	padding:0 10px;
}
#banner .find-sec{
	margin-top:-35px;
}
.home-1 #banner.banner-form-open .find-sec{
	margin-top:12px;
}

/* Put Search button below the price range on phones */
#banner .find-sec .col-xs-9,
#banner .find-sec .col-xs-3{
	width:100%;
	float:none;
}
#banner .find-sec .col-xs-3.search{
	margin-top:15px;
}
#banner .find-sec .col-xs-3.search .btn{
	width:100%;
}
.home-1 #banner .finder{
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding: env(safe-area-inset-top) 15px 0;
}
.home-1 #banner:not(.hero-search-open) .finder{
	padding-top: env(safe-area-inset-top);
}
.home-1 #banner.hero-search-open .finder{
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding-top: calc(28px + env(safe-area-inset-top));
}
.home-1 #banner .finder .container{
	height: auto;
	display: block;
}
.home-1 #banner .finder h1{
	align-self: auto;
}
.home-1 .finder h1 {
	transform: none;
	margin: 0 auto 10px;
}
.home-1 #banner.hero-search-open .finder h1{
	transform:none;
	margin: 0 auto 12px;
}
.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: 100%;
	float: none;
	display: inline-block;
	text-align: center;
	margin: 10px 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) {
.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;
}
footer .subcribe input{
	width:100%;
}
footer .subcribe .btn{
	width:100%;
	margin-top:10px;
}
.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;
}
#banner {
	height: 500px !important;
}
#banner.banner-form-open{
	height:auto !important;
	min-height: 500px;
	overflow: visible;
}
.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 320px   =============*/
@media(max-width:320px) {
}
