/* #Additional - Large Screens beyond 1367px to 1600px
================================================== */
@media only screen and (min-width: 1367px) and (max-width: 1600px) {}



/* #Additional - Large Screens beyond 1281px to 1366px
================================================== */
@media only screen and (min-width: 1281px) and (max-width: 1366px) {

:root													{ --container-width: 1250px; }

}



/* #Additional - Large Screens beyond 1200px to 1199px
================================================== */
@media only screen and (min-width: 1200px) and (max-width: 1280px) {

:root													{ --container-width: 1170px; }

}



/* #Additional - Large Screens beyond 1100px to 1199px
================================================== */
@media only screen and (min-width: 1100px) and (max-width: 1199px) {

:root													{ --container-width: 1070px; }

}



/* #iPad Pro - Large Screens beyond 1024px
================================================== */
@media only screen and (min-width: 961px) and (max-width: 1099px) {

:root													{ --container-width: 100%; --container-space: 0 15px; }

.projectsImageSec 										{ height: 70vh; margin-bottom: 50px; }
.projectsImageSec .caption h1 							{ font-size: 52px; line-height: 56px; }
.projectsImageSec .caption .address 					{ font-size: 22px; line-height: 22px; }

.propertyOverviewSec .left 								{ width: 47%; }
.propertyOverviewSec .right 							{ width: 53%; padding-left: 120px; }
.rtl .propertyOverviewSec .right						{ padding-right: 120px; }
.propertyOverviewSec .titleBox .title					{ font-size: 57px; line-height: 57px; }
.propertyOverviewSec .contentBox 						{ margin: 0 0 0 0px; }
.rtl .propertyOverviewSec .contentBox					{ margin: 0 0px 0 0; }
.propertyOverviewSec .contactPerson 					{ gap: 20px; padding: 15px; margin: 0 0 50px 30px; }
.rtl .propertyOverviewSec .contactPerson				{ margin: 0 30px 50px 0; }
.propertyOverviewSec .overviewBox 						{ gap: 30px; }
.propertyOverviewSec .overviewBox .item 				{ width: calc(50% - 15px); }

.keyDetailsSec .titleBox .title							{ font-size: 57px; line-height: 57px; }
.keyDetailsSec .featuresBox .item 						{ min-height: 340px; padding: 15px; }
.keyDetailsSec .featuresBox .item .icon 				{ margin: 0 0 25px 0; }
.keyDetailsSec .featuresBox .item .name 				{ margin: 0 0 25px 0; font-size: 20px; line-height: 20px; }
.keyDetailsSec .featuresBox .item p 					{ font-size: 20px; line-height: 20px; }

.unitTypeSec .titleBox .title							{ font-size: 57px; line-height: 57px; }

.amenitiesSec .amenitiesBox .titleBox .title 			{ font-size: 57px; line-height: 57px; }
.amenitiesSec .amenitiesBox .amenities-slider .item 	{ padding: 40px 20px; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav 	{ left: 15px; }
.rtl .amenitiesSec .amenitiesBox .amenities-slider .owl-nav { right: 15px; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

.nearbySec .nearbyBox .titleBox .title 					{ font-size: 57px; line-height: 57px; }
.nearbySec .nearbyBox .nearby-slider .item 				{ padding: 20px 20px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav 			{ left: 15px; }
.rtl .nearbySec .nearbyBox .nearby-slider .owl-nav 		{ right: 15px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

}



/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 960px) {

:root													{ --container-width: 100%; --container-space: 0 15px; }

.projectsImageSec 										{ height: 70vh; margin-bottom: 50px; }
.projectsImageSec .caption h1 							{ font-size: 45px; line-height: 49px; }
.projectsImageSec .caption .address 					{ font-size: 20px; line-height: 20px; }
.projectsImageSec .caption .price 						{ font-size: 30px; line-height: 30px; }

.propertyOverviewSec 									{ padding-top: 70px; }
.propertyOverviewSec 									{ flex-direction: column; }
.propertyOverviewSec .left 								{ width: 100%; }
.propertyOverviewSec .right 							{ width: 100%; padding-left: 120px; margin-top: 40px; }
.rtl .propertyOverviewSec .right 						{ padding-right: 120px; }
.propertyOverviewSec .titleBox 							{ margin-bottom: 40px; }
.propertyOverviewSec .titleBox .title 					{ font-size: 50px; line-height: 50px; }
.propertyOverviewSec .titleBox .title::after 			{ width: 120px; }
.propertyOverviewSec .contentBox 						{ margin: 0 0 0 0px; }
.rtl .propertyOverviewSec .contentBox 					{ margin: 0 0px 0 0; }
.propertyOverviewSec .contentBox p 						{ margin-bottom: 15px; font-size: 20px; line-height: 27px; }
.propertyOverviewSec .share 							{ margin-top: 40px; }
.propertyOverviewSec .contactPerson 					{ gap: 20px; padding: 15px; margin: 0 0 50px 30px; }
.rtl .propertyOverviewSec .contactPerson 				{ margin: 0 30px 50px 0; }
.propertyOverviewSec .overviewBox 						{ gap: 30px; }
.propertyOverviewSec .overviewBox .item 				{ width: calc(50% - 15px); }

.keyDetailsSec 											{ padding-top: 70px; }
.keyDetailsSec .titleBox 								{ margin-bottom: 40px; }
.keyDetailsSec .titleBox .title 						{ font-size: 50px; line-height: 50px; }
.keyDetailsSec .titleBox .title::after 					{ width: 120px; }
.keyDetailsSec .featuresBox 							{ gap: 20px; }
.keyDetailsSec .featuresBox .item 						{ width: calc(33.333333% - 14px); min-height: 320px; padding: 15px; }
.keyDetailsSec .featuresBox .item .icon 				{ margin: 0 0 25px 0; }
.keyDetailsSec .featuresBox .item .name 				{ margin: 0 0 25px 0; font-size: 20px; line-height: 20px; }
.keyDetailsSec .featuresBox .item p 					{ font-size: 20px; line-height: 20px; }

.unitTypeSec 											{ padding-top: 70px; }
.unitTypeSec .titleBox 									{ margin-bottom: 40px; }
.unitTypeSec .titleBox .title 							{ font-size: 50px; line-height: 50px; }
.unitTypeSec .titleBox .title::after 					{ width: 120px; }
.unitTypeSec .informationBox 							{ gap: 50px; }
.unitTypeSec .informationBox .item 						{ width: calc(50% - 25px); }
.unitTypeSec .informationBox .item .title 				{ font-size: 32px; line-height: 32px; }
.unitTypeSec .informationBox .item .subtitle 			{ font-size: 17px; line-height: 17px; }
.unitTypeSec .informationBox .item ul 					{ gap: 15px; margin: 20px 0 0 0; }
.unitTypeSec .informationBox .item ul li 				{ padding: 15px 0; font-size: 18px; line-height: 18px; }

.amenitiesSec 											{ margin-top: 70px; padding: 70px 0; }
.amenitiesSec .amenitiesBox 							{ flex-direction: column; gap: 30px; }
.amenitiesSec .amenitiesBox .titleBox 					{ width: 100%; }
.amenitiesSec .amenitiesBox .titleBox .title 			{ font-size: 50px; line-height: 50px; }
.amenitiesSec .amenitiesBox .titleBox .title::after 	{ width: 120px; }
.amenitiesSec .amenitiesBox .amenities-slider 			{ width: 100%; }
.amenitiesSec .amenitiesBox .amenities-slider .item 	{ padding: 30px 15px; }
.amenitiesSec .amenitiesBox .amenities-slider .item .icon { margin: 0 0 25px 0; }
.amenitiesSec .amenitiesBox .amenities-slider .item .icon img { max-height: 70px; }
.amenitiesSec .amenitiesBox .amenities-slider .item .name { font-size: 20px; line-height: 20px; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav 	{ position: static; margin-top: 30px; }
.rtl .amenitiesSec .amenitiesBox .amenities-slider .owl-nav { justify-content: flex-end; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

.floorPlanSec 											{ padding-top: 70px; }
.floorPlanSec .floorPlanBox .item .image 				{ width: 50%; }
.floorPlanSec .floorPlanBox .item .imfo 				{ width: 50%; padding: 20px; }
.floorPlanSec .floorPlanBox .item .imfo .title 			{ margin: 0 0 15px 0; font-size: 30px; line-height: 30px; }
.floorPlanSec .floorPlanBox .item .imfo p 				{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }

.mapSec 												{ margin-top: 70px; }
.mapSec iframe 											{ height: 470px; }

.nearbySec 												{ padding-top: 70px; }
.nearbySec .nearbyBox 									{ flex-direction: column; gap: 30px; }
.nearbySec .nearbyBox .titleBox 						{ width: 100%; }
.nearbySec .nearbyBox .titleBox .title 					{ font-size: 50px; line-height: 50px; }
.nearbySec .nearbyBox .titleBox .title::after 			{ width: 120px; }
.nearbySec .nearbyBox .nearby-slider 					{ width: 100%; margin-top: -20px; margin-right: 0px; margin-left: -20px; }
.rtl .nearbySec .nearbyBox .nearby-slider 				{ margin-right: -20px; margin-left: 0px; }
.nearbySec .nearbyBox .nearby-slider .item 				{ padding: 20px 20px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav 			{ position: static; margin-top: 0px; margin-right: -20px; margin-left: 20px; }
.rtl .nearbySec .nearbyBox .nearby-slider .owl-nav 		{ justify-content: flex-end; margin-right: 20px; margin-left: -20px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

}



/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {

:root													{ --container-width: 100%; --container-space: 0 15px; }

.projectsImageSec 										{ height: 80vh; margin-bottom: 50px; }
.projectsImageSec .caption 								{ flex-direction: column; }
.projectsImageSec .caption .left 						{ width: 100%; padding-bottom: 15px; }
.projectsImageSec .caption .right 						{ width: 100%; padding-left: 0px; }
.rtl .projectsImageSec .caption .right 					{ padding-right: 0px; }
.projectsImageSec .caption h1 							{ font-size: 35px; line-height: 35px; }
.projectsImageSec .caption .address 					{ font-size: 18px; line-height: 18px; }
.projectsImageSec .caption .price 						{ font-size: 27px; line-height: 27px; }

.propertyOverviewSec 									{ padding-top: 50px; }
.propertyOverviewSec 									{ flex-direction: column; }
.propertyOverviewSec .left 								{ width: 100%; }
.propertyOverviewSec .right 							{ width: 100%; padding-left: 60px; margin-top: 30px; }
.rtl .propertyOverviewSec .right 						{ padding-right: 50px; }
.propertyOverviewSec .titleBox 							{ margin-bottom: 30px; }
.propertyOverviewSec .titleBox .subtitle::after 		{ max-width: 70px; }
.propertyOverviewSec .titleBox .title 					{ font-size: 40px; line-height: 40px; }
.propertyOverviewSec .titleBox .title::after 			{ width: 90px; }
.propertyOverviewSec .contentBox 						{ margin: 0 0 0 0px; }
.rtl .propertyOverviewSec .contentBox 					{ margin: 0 0px 0 0; }
.propertyOverviewSec .contentBox p 						{ margin-bottom: 15px; font-size: 20px; line-height: 27px; }
.propertyOverviewSec .share 							{ margin-top: 30px; }
.propertyOverviewSec .contactPerson 					{ gap: 15px; padding: 15px; margin: 0 0 30px 0; }
.rtl .propertyOverviewSec .contactPerson 				{ margin: 0 0 30px 0; }
.propertyOverviewSec .contactPerson .image 				{ min-width: 120px; width: 120px; margin-left: -75px; }
.rtl .propertyOverviewSec .contactPerson .image 		{ margin-right: -65px; }
.propertyOverviewSec .overviewBox 						{ gap: 20px; }
.propertyOverviewSec .overviewBox .item 				{ width: calc(100% - 0px); }

.keyDetailsSec 											{ padding-top: 50px; }
.keyDetailsSec .titleBox 								{ margin-bottom: 30px; }
.keyDetailsSec .titleBox .subtitle::after 				{ max-width: 70px; }
.keyDetailsSec .titleBox .title 						{ font-size: 40px; line-height: 40px; }
.keyDetailsSec .titleBox .title::after 					{ width: 90px; }
.keyDetailsSec .featuresBox 							{ gap: 20px; }
.keyDetailsSec .featuresBox .item 						{ width: calc(100% - 0px); min-height: 300px; padding: 20px; }
.keyDetailsSec .featuresBox .item .icon 				{ margin: 0 0 25px 0; }
.keyDetailsSec .featuresBox .item .name 				{ margin: 0 0 25px 0; font-size: 20px; line-height: 20px; }
.keyDetailsSec .featuresBox .item p 					{ font-size: 20px; line-height: 20px; }

.unitTypeSec 											{ padding-top: 50px; }
.unitTypeSec .titleBox 									{ margin-bottom: 30px; }
.unitTypeSec .titleBox .subtitle::after 				{ max-width: 70px; }
.unitTypeSec .titleBox .title 							{ font-size: 40px; line-height: 40px; }
.unitTypeSec .titleBox .title::after 					{ width: 90px; }
.unitTypeSec .informationBox 							{ gap: 30px; }
.unitTypeSec .informationBox .item 						{ width: calc(100% - 0px); }
.unitTypeSec .informationBox .item .title 				{ font-size: 27px; line-height: 27px; }
.unitTypeSec .informationBox .item .subtitle 			{ font-size: 17px; line-height: 17px; }
.unitTypeSec .informationBox .item ul 					{ gap: 10px; margin: 15px 0 0 0; }
.unitTypeSec .informationBox .item ul li 				{ padding: 12px 0; font-size: 18px; line-height: 18px; }

.amenitiesSec 											{ margin-top: 50px; padding: 50px 0; }
.amenitiesSec .amenitiesBox 							{ flex-direction: column; gap: 30px; }
.amenitiesSec .amenitiesBox .titleBox 					{ width: 100%; }
.amenitiesSec .amenitiesBox .titleBox .subtitle::after 	{ max-width: 70px; }
.amenitiesSec .amenitiesBox .titleBox .title 			{ font-size: 40px; line-height: 40px; }
.amenitiesSec .amenitiesBox .titleBox .title::after 	{ width: 90px; }
.amenitiesSec .amenitiesBox .amenities-slider 			{ width: 100%; }
.amenitiesSec .amenitiesBox .amenities-slider .item 	{ padding: 30px 15px; }
.amenitiesSec .amenitiesBox .amenities-slider .item .icon { margin: 0 0 25px 0; }
.amenitiesSec .amenitiesBox .amenities-slider .item .icon img { max-height: 70px; }
.amenitiesSec .amenitiesBox .amenities-slider .item .name { font-size: 20px; line-height: 20px; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav 	{ position: static; margin-top: 30px; }
.rtl .amenitiesSec .amenitiesBox .amenities-slider .owl-nav { justify-content: flex-end; }
.amenitiesSec .amenitiesBox .amenities-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

.floorPlanSec 											{ padding-top: 50px; }
.floorPlanSec .floorPlanBox .item 						{ flex-direction: column; }
.floorPlanSec .floorPlanBox .item .image 				{ width: 100%; }
.floorPlanSec .floorPlanBox .item .imfo 				{ width: 100%; padding: 20px; }
.floorPlanSec .floorPlanBox .item .imfo .title 			{ margin: 0 0 15px 0; font-size: 27px; line-height: 27px; }
.floorPlanSec .floorPlanBox .item .imfo p 				{ margin: 0 0 15px 0; font-size: 18px; line-height: 23px; }

.mapSec 												{ margin-top: 50px; }
.mapSec iframe 											{ height: 470px; }

.nearbySec 												{ padding-top: 50px; }
.nearbySec .nearbyBox 									{ flex-direction: column; gap: 30px; }
.nearbySec .nearbyBox .titleBox 						{ width: 100%; }
.nearbySec .nearbyBox .titleBox .subtitle::after 		{ max-width: 70px; }
.nearbySec .nearbyBox .titleBox .title 					{ font-size: 40px; line-height: 40px; }
.nearbySec .nearbyBox .titleBox .title::after 			{ width: 90px; }
.nearbySec .nearbyBox .nearby-slider 					{ width: 100%; margin-top: -20px; margin-right: 0px; margin-left: -20px; }
.rtl .nearbySec .nearbyBox .nearby-slider 				{ margin-right: -20px; margin-left: 0px; }
.nearbySec .nearbyBox .nearby-slider .item 				{ padding: 20px 20px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav 	{ position: static; margin-top: 0px; margin-right: -20px; margin-left: 20px; }
.rtl .nearbySec .nearbyBox .nearby-slider .owl-nav 		{ justify-content: flex-end; margin-right: 20px; margin-left: -20px; }
.nearbySec .nearbyBox .nearby-slider .owl-nav [class*=owl-] { width: 70px; height: 70px; }

}



/* #Mobile (Landscape)
================================================== */
/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

:root													{ --container-width: 100%; --container-space: 0 15px; }

.keyDetailsSec .featuresBox .item 						{ width: calc(50% - 10px); }

}