@media only screen and (min-width:1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1140px;
}
}


@media only screen and (max-width:1400px){
.home-banner {
    background-size: 65%;
}
	
.home-banner .form-box input[type="text"], .home-banner .form-box input[type="email"] {
    height: 40px;
    border-radius: 10px;
    padding: 10px 15px !important;
}
.home-banner .form-box select{ height: 40px !important;
    border-radius: 10px !important;
    padding: 10px 30px 10px 15px!important;
	}
}

@media only screen and (max-width:1200px){
header{padding: 10px 0;}
header.sticky .header-right {
	min-height: 55px;
}
header .header-right {
	min-height: 60px;
	gap: 25px;
}
header .logo img {
	width: 100%;
}

header .header-right .nav {
	display: flex;
	justify-content: flex-end;
}

.header-right .common-btn {
	font-size: 12px;
	min-width: 156px;
	padding: 0 18px;
}

header .header-right .nav li a{font-size: 13px}
.form-box button::before{right:30px}
.form-box button:hover::before {right: 26px;}
.consultation .form-box button::before {right: 65px;}
.consultation .form-box button:hover::before {right:61px;}
}






@media only screen and (min-width:992px) and (max-width:1150px){

header .header-right{gap:10px;}
header .header-right .nav{gap: 10px;}
.home-banner{padding-top:150px; background-size:55%;}
.home-banner, .home-banner .row{height: 100%; min-height: 100%;}
.home-banner .text-box ul li h5 {
	text-shadow: 1px 1px 1px #3A3526;
}

}



/* Desktop hover */
@media (min-width: 992px) {

.header-right .nav li:hover > .sub-menu {
    max-height: 500px;
    opacity: 1;
    visibility: visible;
     transition: all 0.6s ease;
  }
.toggle-icon{display: none;}
}


@media only screen and (max-width: 991px){
.container, .container-md, .container-sm {
	max-width: 100%;
	padding: 0 20px;
}
header {
	padding:15px 0;
	background: #3A3526;
	position: static;
}

.menu-toggle.active i:before{
	content: "\F62A";
	font-family: "bootstrap-icons";
	color:#3A3526;
}
.menu-toggle {
	display: block;
	right: 0;
	float: right;
	background: #FCFAF3;
	width:35px;
	height:35px;
	border-radius: 5px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:27px; margin-top:8px; line-height:20px;
}
.menu-toggle i{color:#3A3526;}
.menu-toggle:hover{color: #fff;}

header .header-right {
	background: #3A3526;
    top:75px;
    left:0;
    padding: 20px;
    z-index: 9;
    position:absolute;
    width: 100%;
    height: calc(100%);
    overflow-x: auto;
    transition: .3s linear 0s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
    min-height: inherit; opacity: 0.5; align-items: flex-start;
}
.header-right.show {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	z-index: 99; opacity: 100%;
	left: 0;
}

header .header-right .nav {
	display: flex;
	gap:20px;
	justify-content: flex-end;
	flex-direction: column;
	width: 100%;
}

header .header-right .nav li, header .header-right .nav li a{font-size: 16px;}

.active_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	overflow: hidden;
}

h2 br{display: none;}

.common-btn {
	min-width: 166px;
	min-height: 46px;
	font-size: 14px;
}
.lifestyle .text-box{margin-top: 20px;}
.gallery-slider.space{padding-top: 0;}
.location .inner .left-box{padding: 20px;}
.home-banner{padding-top:80px; background-size:65%;}
.home-banner, .home-banner .row{height: 100%; min-height: 100%;}
.home-banner .text-box ul li h5 {
	text-shadow: 1px 1px 1px #3A3526;
}

	
.form-box button::before{right:90px; content:none;}
.form-box button:hover::before {right:85px; content:none;}
.consultation .form-box button::before {right:55px; content:none;}
.consultation .form-box button:hover::before {right:50px; content:none;}
.active_overlay{overflow:scroll;}	
}


/* Toggle icon (only visible on mobile) */
.toggle-icon::before {
	content: "+";
	float: right;
	font-size: 25px;
	margin-left: 8px;
	font-weight: 500;
}

.toggle-icon.active::before {
  content: "-";
}

/* On mobile, submenu opens when active */
@media (max-width: 991px) {
  .main-menu .sub-menu.open {
    max-height: 500px; /* expand */
    opacity: 1;
    visibility: visible;
  }

}



@media only screen and (max-width: 767px){
.space {padding: 40px 0;}
header .logo img{max-width:200px; transition: none}
.menu-toggle{margin-top:0;}
header .header-right{top: 70px;}
.home-banner {
	padding:0;
	background-position: top center;
	position: relative;
	background-size: cover;
	height: calc(100vh - 65px);
  min-height: 500px; 
}
.home-banner .form-box{border-radius: 20px;}
.home-banner .desktop {
	display: block;
	position: absolute;
	bottom:80px;
	width: 100%;
	height: auto;
	min-height: auto;
	left: 0;
	margin: 0;
}
.home-banner .desktop .common-btn {
	min-width: 164px;
	margin: 0 auto;
}
.home-banner .mobile {
	display:none;
}



h1{font-size:40px; letter-spacing: -2px}
h2{font-size:30px; letter-spacing: -2px}
h4{font-size:25px; letter-spacing: -1px}
.common-btn {
	min-width: 130px;
	min-height: 40px;
	font-size: 13px;
}
.btn-group .common-btn {
	min-width: 130px;
	min-height: 40px;
	font-size: 13px;
	display: inline-block;
	margin: 0 auto;
	min-width: 220px;
}
h1 br, h2 br{display: none;}

h1 {
  font-size:50px;
}

h2 {
  font-size:40px;
}
h3 {
  font-size: 35px;
}
h4 {
  font-size: 30px;
}

h5 {
  font-size: 26px;
}
h6 {
  font-size: 22px;
}
p br, h1 br, h2 br, h3 br, h4 br, h5 br, h6 br{display: none;}
.amenities .inner-card {
	padding: 25px 20px;
	min-height: auto;
	margin-bottom: 30px;
	display: flex;
	align-items: center;
	gap: 15px;
}
.amenities .inner-card span, .amenities .inner-card p{margin-bottom: 0;}
.amenities .inner-card.black{margin-bottom: 0;}
.payment-plan .col-lg-5.pt-3{padding-top: 0 !important;}
.payment-plan ul {
	width: 100%;
	max-width: 100%;
}
.consultation .top{max-width: 100%; border:0;}
.consultation .form-box {
	padding: 30px 20px;
	max-width: 100%;
	margin: auto;
}
.consultation .form-box p{text-align: center;}
footer .address {
	margin-top: 30px;
}
footer .left{margin-bottom: 30px;}
footer ul.privacy{justify-content: center;}
footer .right p{text-align: center;}
.consultation .bottom {
	padding: 30px 0;
	border-bottom:1px solid #3732251A;
	border-top:1px solid #3732251A;
	margin-bottom:30px;
}
.consultation .top p{margin-bottom: 0;}
footer .address h5 {
	font-size: 20px;
}
.consultation .bottom ul li a {
	font-size: 20px;
	line-height: 24px;
}
.gallery-slider .inner {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
}
.lifestyle .text-box .card-box h5 {
	font-size: 18px;
	line-height: 25px;
}
.consultation .text-box.mobile{display:block; margin-bottom:30px;}

.consultation .text-box.mobile ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

	
.consultation .text-box.mobile ul li h5{color:#3A3526; font-family: ClashGrotesk-Medium; font-size:22px;}
.consultation .text-box.mobile ul li{position: relative;}
.consultation .text-box.mobile ul li::before {
	position: absolute;
	left: -14px;
	top: 4px;
	width: 1px;
	height: 44px;
	border-left: 1px solid #CAC5B7;
	content: "";
}
.consultation .text-box.mobile ul li p{
font-size: 12px;
line-height: 20px;
letter-spacing: 1px;
text-transform: uppercase;
font-family: ClashGrotesk-Medium;
margin-bottom: 0;
}
.consultation .text-box.mobile ul li:first-child:before{content: none;}
.lifestyle figure .common-btn{left:10px; right:auto;}
.lifestyle figure::before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.468) 0%, rgba(0, 0, 0, 0.78) 100%);
}
	
.banner-info small {
	letter-spacing: 1px;
	font-size: 12px;
	line-height: 16px;
	color: #FCFAF3;
	text-transform: uppercase;
	font-family: ClashGrotesk-Medium;
}
.banner-info h1 {
	font-size: 60px;
	line-height: 66px;
	letter-spacing: -1px;
	font-family: ClashGrotesk-Regular;
	font-weight: 400;
	color: #FCFAF3;
}
	
.home-banner::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(6deg, #3a3526, transparent);
}
	.banner-info {
	margin-bottom: 30px;
}
}



@media only screen and (max-width:479px){
header .header-right {
	top: 66px;
}
.amenities .inner-card.black ul {
	gap: 20px;
	width: 100%;
	display: flex;
	align-items: center;
	flex-direction: column;
}
.amenities .inner-card.black ul li{flex-direction: column;}
.amenities .inner-card.black ul li .text{text-align: center;}
footer ul.contact {
	gap: 5px;
	flex-direction: column;
}
footer ul.contact li::before{content: none;}
.payment-plan ul li .inner{padding: 20px;}
.payment-plan ul li .inner span {
	width: 60px;
	height: 56px;
	font-size: 18px;
	line-height: 20px;
}

.payment-plan ul li .inner{gap: 15px;}
.payment-plan ul li .inner h5 {font-size: 18px; line-height: 20px;}
.lifestyle .text-box {
	flex-direction: column;
}
.lifestyle .text-box .card-box {
	padding:20px;
	min-height:inherit;
	width: calc(100% - 4.5px);
}
.consultation .text-box.mobile ul li{width:140px;}
.consultation .text-box.mobile ul li::before {
	left: -35px;
}
}