@media (max-width:1680px){
	

	.home-form-header{font-size: 36px !important;}

	.header-photo-gallery{font-size: 36px !important;}


	
		.section-2-content p,.header-img-content-text,.section-5-map-content,.section-5-city-slider-content-right-content,.section-7-content-left-text,.square-item-content-cell{font-size: 18px !important; line-height: 1.5 !important;}

		
}

@media(max-width:1500px){
	#header .submenu ul li a{
		font-size: 10px;
	  }

	  body#aminities-content-page-wrapper .submenu ul{left: calc(55% - 100px);}
}




@media(max-width:1024px){
	#header{height: 70px;}
	
	
	#header .menu ul{display: none;}
	.menu-wrapper{position: absolute; width:100%; height: 100%; z-index: 999;}
	#menu-mobile-trigger{position: absolute; right: 35px; top: 10px; color:#FFF; z-index: 1000; width:40px; height: 40px; display: block; font-size: 12px; font-weight: normal; letter-spacing: 2px;}
	.menu.container{padding:0 !important; position: relative;}
	#menu-mobile-trigger div{background-color: #FFF; height: 2px; width:100%; margin: 8px 0; transition: ease-out .2s all;}

	
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(3){opacity: 0;}
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(2){transform: translateY(10px) rotate(45deg)}
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(4){transform: translateY(-10px) rotate(-45deg)}

	#header.mobile-menu-opened{position: fixed; width:100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, .85);}
	#header.mobile-menu-opened .menu ul{display: flex; flex-direction: column; height: auto; padding-top: 100px;}
	#header.fixed.mobile-menu-opened .menu-head-logo{background: url(../img/---symbol-fs@2x.png) no-repeat center center; background-size: contain; height:auto;}
	#header .menu ul li.promoted-link a, #header .menu ul li a{font-size: 16px !important; padding: 10px 0; }

	#header .menu ul li{order: 3;}
	#header .menu ul li.menu-center{order: 1; height: 120px; margin-bottom: 30px;}
	.contact-link{border: none;}
	#header .menu ul li.promoted-link a{padding-left: 0 !important; background:none;}
	#header .menu ul li.promoted-link.language-link a{padding-left: 0 !important;}
	.language-link{margin-left: 0 !important; padding-left: 0 !important;}

	#mobile-logo{display: block; height: 50px; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); z-index: 1001;}
	#mobile-logo img{display: block; height: 100%;}

	#header.mobile-menu-opened #mobile-logo{display: none;}

	#header .submenu{display: none;}
	body.with-submenu #content-page{padding-top: 70px;}
	body.content-page #header{border-bottom: none;}

}

@media (max-width:768px) {
	.section{padding:10px; padding-top: 20px;}
	.hero-slider-item-content{right: 0; bottom: auto; top: 50px;}
	.hero-slider-item-content h3{font-size: 20px; line-height: 150%; letter-spacing: 2px; text-align: center;}
	.hero-slider-item-content h3 br{display: none;}
	
	#header{height: 70px;}
	
	
	#header .menu ul{display: none;}
	.menu-wrapper{position: absolute; width:100%; height: 100%; z-index: 999;}
	#menu-mobile-trigger{position: absolute; right: 35px; top: 10px; color:#FFF; z-index: 1000; width:40px; height: 40px; display: block; font-size: 12px; font-weight: normal; letter-spacing: 2px;}
	.menu.container{padding:0 !important; position: relative;}
	#menu-mobile-trigger div{background-color: #FFF; height: 2px; width:100%; margin: 8px 0; transition: ease-out .2s all;}

	
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(3){opacity: 0;}
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(2){transform: translateY(10px) rotate(45deg)}
	#header.mobile-menu-opened #menu-mobile-trigger div:nth-child(4){transform: translateY(-10px) rotate(-45deg)}

	#header.mobile-menu-opened{position: fixed; width:100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, .85);}
	#header.mobile-menu-opened .menu ul{display: flex; flex-direction: column; height: auto; padding-top: 100px;}
	#header.fixed.mobile-menu-opened .menu-head-logo{background: url(../img/---symbol-fs@2x.png) no-repeat center center; background-size: contain; height:auto;}
	#header .menu ul li.promoted-link a, #header .menu ul li a{font-size: 16px !important; padding: 10px 0; }
	
	

	#header .menu ul li{order: 3;}
	#header .menu ul li.menu-center{order: 1; height: 120px; margin-bottom: 30px;}
	.contact-link{border: none;}
	#header .menu ul li.promoted-link a{padding-left: 0 !important; background:none;}
	#header .menu ul li.promoted-link.language-link a{padding-left: 0 !important;}
	.language-link{margin-left: 0 !important; padding-left: 0 !important;}

	#mobile-logo{display: block; height: 50px; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); z-index: 1001;}
	#mobile-logo img{display: block; height: 100%;}

	#header.mobile-menu-opened #mobile-logo{display: none;}

	

	.header-residence,
	.section-3-header div,
	.section-4-header,
	.section-5-header,
	.header-photo-gallery,
	.section-7-header,
	.home-form-header,
	.square-item-content-cell h2,
	#design-concept-slogan-header,
	.section-page-header
	{font-size: 28px !important; letter-spacing: 5px !important; line-height: normal !important; }

	.header-residence-2,
	.header-img-content-alt-header,
	#design-concept-slogan-text,
	.cross-content-text-middle-spot,
	.content-page-slogan,
	#design-concept-secondary-content-1 h3
	{font-size:26px !important; letter-spacing: 3px !important;}


	.section-2-content p, .header-img-content-text, .section-5-map-content, .section-5-city-slider-content-right-content, .section-7-content-left-text, .square-item-content-cell,#aminities-alt-slogan,#life-style-main-content p,#life-style-content-2-text,#garden-suites-content-1-text,#design-concept-middle-content,#design-concept-secondary-content-2-desc{font-size: 16px !important; letter-spacing: 1px !important;}

	#residences-slider{margin-top: 0; transform: none;}

	.section-2-content{margin-bottom: 0;}

	#amenities-slider{margin-top:0; transform: none;}
	#home-fourseasons-content{padding-top: inherit;}

	#home-fourseasons-subpages{flex-direction: column;}
	.fourseasons-subpage-item{height: auto; border-right:none; border-bottom: solid 1px #908865; padding: 20px 0;}
	#main-fourseasons-bg-wrapper img{width: 100%;}

	.section-5-header{padding-top: 0; padding-bottom: 0;}

	.section-5-map-img img{width:100%; display: block;}
	.section-5-city-slider-content{flex-direction: column; margin-top: -30px; position: relative; z-index: 4; }
	.section-5-city-slider-content-left{transform: none;}

	.section-5-city-img{position: relative; width:100%;  overflow: hidden; padding-top: 100%;}
	.section-5-city-img img{width: 100%; object-fit: cover; object-position: right bottom;height: 100%; position: absolute; right: 0; bottom: 0; }

	

	.section-5-city-slider-content-left-img{justify-content: center;}
	.section-5-city-slider-content-left-img img{width:100%; max-width: 200px;}
	.section-5-city-slider-content-right-content{text-align: center; width: auto;}

	.section-5-slider-icons{flex-direction: column;}
	.section-5-slider-icon{width: 100%;}
	.section-5-slider-icon-text{width:100%; text-align: center; box-sizing: border-box;}


	.photo-gallery-section{padding-bottom: 100px;}
	.header-photo-gallery{padding-top: 0; padding-bottom: 0;}
	#photo-gallery-slider{transform: none;}

	#photo-gallery-slider-wrapper{transform: none; height: auto; margin-top: 0; padding-top: 30px;}
	.section-7{margin-top: 0;}
	.section-7-header{padding-top: 0;}

	.home-form-header{padding-top: 20px;}

	.fr-form-row{flex-direction: column;}
	.fr-form-col input, .fr-form-col select, .fr-form-col textarea{width:100%; box-sizing: border-box;}
	.group-panel{width:100%;}


	.about-us-maps{grid-template-columns:1fr;}
	.about-us-map:nth-child(1){grid-column:auto;}
	.about-us-map:nth-child(1){ background-color: #908865 !important}
	.about-us-map:nth-child(1) span{display: block;}

	.about-us-map, .about-us-map-2{width:100%; margin-right: 0; margin-bottom: 25px;}
	
	.footer-container{flex-direction: column;}
	.footer-left-container ul{display: flex; flex-direction: column;}
	.footer-left-container ul li{ border-bottom: solid 0.5px #fff; border-right: none;}
	.footer-left-container ul li:last-child{border-bottom: none;}
	.footer-band{display: none;}

	#header .submenu{display: none;}
	body.with-submenu #content-page{padding-top: 70px;}
	body.content-page #header{border-bottom: none;}

	.content-page-image-header{height: 250px;}

	.square-item{flex-direction: column; align-items: flex-start;}
	.square-item .cell{width: 100%;}
	.square-item-content-cell{padding: 20px; text-align: center;}
	.square-item:nth-child(2n) .square-item-image-cell{order:1}
	.square-item:nth-child(2n) .cell.square-item-content-cell,.cross-content-text-middle-spot,.square-item:nth-child(2n) .cross-content-text-middle-spot{text-align: center;}
	
	
	
	#aminities-alt-slogan{width:100%;}

	#life-style-main-content{margin-bottom: 50px;}
	#life-style-content-1{transform: none;}
	.content-image{max-width: 100%;}
	#life-style-content-2{flex-direction: column; padding: 10px;}
	#life-style-content-2-text,#life-style-content-2-image{width: 100%;}

	#life-style-content-2-text{margin-left: 0;}
	#life-style-content-2-image{margin-bottom: 80px;}
	#life-style-content-2-frame{left: -30px; border-left:none; width:100%; }

	#life-style-page-wrapper{padding-bottom: 50px !important;}

	.a-la-carte-services-content{flex-direction: column;}
	#a-la-carte-services-content-1-image,#a-la-carte-services-content-1-text{display: none}
	#a-la-carte-services-slider{ line-height: 1.46; letter-spacing: 1.5px; font-size: 16px; }
	.content-page-slider{display: block;}
	.content-page-slider .slider-item{margin: 0;}
	.content-page-slider .slider-image{box-shadow: none;}

	#pms-content-1{display: none;}
	
	.alacarte-image-mobile{width: 100%;}
	.alacarte-image-mobile img{display:block;width: 100%;}
	.alacarte-title-mobile{margin-bottom: 20px; text-align: center;}


	.content-page-image-header::after{text-align: center;}
	.gallery-section{margin-bottom: 50px;}

	.about-us-section{padding-top: 40px !important;}

	#penthouses-section-slogan{max-width:100%;}

	#skyloft-content-2-image::after{left: -20px; border-left: none; width: 100%;}
	#skyloft-content-2-image{margin-bottom: 80px;}

	.skyloft-content{margin-bottom: 80px;}
	#skyloft-content-2{flex-direction: column; margin-bottom: 40px !important;}

	#skyloft-content-2-text{margin-left: 0; width: 100%;}

	#garden-suites-content-1{flex-direction: column-reverse; margin-bottom: 30px;}
	#garden-suites-content-1-text{text-align: left;margin-right: 0; order: 1; margin-top: 40px;}

	.garden-suites-content{margin-bottom: 80px;}
	#garden-suites-section{padding-bottom: 1px;}

	#condominium-residences-content-2{flex-direction: column;}
	#condominium-residences-content-2-image{margin-right: 0; margin-bottom: 80px;}
	#condominium-residences-content-2-image::after{left: -20px; border-left: none; width: 100%;}
	#condominium-residences-content-2-text{text-align: left;}

	#residences-content-page-wrapper #content-page{background-color: transparent;}
	#design-concept-secondary-content-1{flex-direction: column;}
	#design-concept-secondary-content{height: auto;}

	#design-concept-secondary-content-1 h3{text-align: center;}
	#design-concept-secondary-content-1-title{padding-right:0; margin-bottom: 25px;}
	#design-concept-secondary-content-1{margin-bottom: 80px;}
	#design-concept-secondary-content-2{flex-direction: column; padding-bottom: 60px;}
	#design-concept-secondary-content-2-image{width: 100%; margin-right: 0; margin-bottom: 80px;}

	#design-concept-secondary-content-2-image::after{left: -20px; width: 100%; border-left: 0; border: none !important;} 
	#design-concept-secondary-content-2-desc{width: 100%;}

	#design-concept-features-items{flex-direction: column;}
	.design-concept-feature{width: 100%; margin: 0 !important; padding-bottom: 100px;}
	.design-concept-feature-content{text-align: center;}

	.design-concept-feature:not(:last-child)::before{content: ''; display: none;}
	
	#about-us-header{height: 250px;}
	#content-page{padding-top: 70px;}

	#garden-suites-content{display: flex;flex-direction: column-reverse;}
	.content-page-bg.bg-bottom-200h{padding-bottom: 50px;}

}