@media all and (min-width: 1021px) and (max-width: 1250px) {
	.safeArea{max-width:1400px;}
}


@media all and (min-width: 100px) and (max-width: 1020px){
	body,html{overflow-x:hidden;}
	.safeArea{padding:0 20px; max-width:100%;}
	.logoHolder{width:100px;}
	.languageHolder {text-align: center;}
	select,input, textarea{background-color:transparent; -webkit-appearance:none; border-radius:0;}
	body.active{overflow-y:hidden;}
	header {position:relative; z-index:9;box-shadow: 0 8px 6px -8px rgba(0,0,0,0.2);padding: 10px 0 ;}
	header .mainMenu {float: none;height: 100vh;display: block;position: fixed;left: -2000px;width: 100%; background-color: #fff;
    padding: 60px 20px;top: 0;bottom: 0;z-index: 99; transition: all 1s cubic-bezier(.77,0,.175,1);}
	.mainMenu ul li {text-align: center;}
	.mainMenu ul li a{font-size:20px; padding:20px 0;}
	.listMenu ul li {display:block; margin-bottom:10px;margin-right: 0;}
	.languageHolder {text-align: center;margin-bottom: 30px; display:block;}
	.languageHolder ul{width:40%; left:50%; transform:translateX(-50%);}
	.languageHolder span{display:inline-block; padding-right: 40px;}
	.mainMenu .languageHolder ul li {margin-right: 20px;}
	.mainMenu .languageHolder ul li:last-child{margin-right:0;}
	body.active header .mainMenu {left: 0;}
	.repsMenuBtn {display: flex;float: right;width: 30px;height: 60px;align-items: center;position: relative;z-index: 999;}	
	#nav-icon3 { width: 30px; height: 19px; position: relative; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer;}
#nav-icon3 span { display: block; position: absolute; height: 2px; width: 100%; background: #000000; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 8px; width:100%;}
#nav-icon3 span:nth-child(4) {top: 16px;width:100%;}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(1) {top: 18px; width: 0%;left: 50%;}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);}
body.active a.repsMenuBtn #nav-icon3 span:nth-child(4) {top: 18px;width: 0%;left: 50%;}
.mainSearch {padding: 0 20px;}
.searchTitle{font-size:28px;}
.searchInputs .inputEntity {display: block; width: 100%; margin-right: 0; vertical-align: middle; margin-bottom: 20px;}
.searchAction, .searchAction input {display: block; width: 100%;}
.lookingFor{height:350px;}
h2.sectionTitle, .pinkBox h2, h2, .greyBlock h2.sectionTitle{font-size:22px; margin-bottom:15px; line-height:30px;}
.tabsLinks a{font-size:16px; margin-left:0;padding: 0 0 0 30px;}
a.whatsappBtn{font-size:11px; right:0; bottom:50px;}
.projectsList ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 30px; position: relative;}
.projectNumber{font-size:28px; line-height:30px;}
.projectTitle{font-size:22px;}
.projectInfo{margin:20px 0;}
.projectInfo ul li{margin-bottom:20px;}
.moreBtn a{font-size:12px; padding:10px 15px;}
.mapHolder {width: 100%; height: 550px; display: block;}
.MarkerInfo .imgHolder {float: none; width: 100%; margin-right: 0; margin-bottom:10px;}
.gm-style .gm-style-iw-c{padding:20px; height:auto !important;}
.projectsTitle{font-size:18px; margin-bottom:15px;}
.projectCountry span.flag{width:20px; height:20px;}
.pinkBtn a{font-size:12px; text-align:center;padding: 10px 15px; display:block;}
.workInfoList {float: none; width: 100%;}
.backgroundBlock{height:500px;}
.blackHolder{max-width:100%; padding:30px;}
h2.sectionTitle:before{ top: 15px;}
.blackHolder h2.sectionTitle.whiteTitle:before { width: 60px; left: -80px;}
.normalText{font-size:16px;}
.latestOffers {background: #1f262d;background: -moz-linear-gradient(top, #1f262d 10%, #ffffff 10%, #ffffff 10%);background: -webkit-linear-gradient(top, #1f262d 10%,#ffffff 10%,#ffffff 10%);
background: linear-gradient(to bottom, #1f262d 10%,#ffffff 10%,#ffffff 10%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f262d', endColorstr='#ffffff',GradientType=0 );
padding: 40px 0 40px;}
.pinkHighlight span {font-size: 26px;}
.offerHighlight{font-size:14px;border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 100px solid #d12060;}
.pinkHighlight{top:60px;}
.offersList ul li {float: none; width: 100%; margin-right: 0; margin-bottom: 45px;}
.pinkBox{padding:30px;}
.sendMessageblock h4, h4, .topFooter h4{font-size:18px;}
.footer{padding:20px 0;}
.borderTop{top:-20px;}
.footerBody, .bottomFooter {padding: 0 0;}
.footerTitle{font-size:35px; line-height:40px;}
.contactList ul li {width: 100%; margin-right: 0; float: none; padding: 15px 10px; text-align: left; position: relative; font-size:0;}
.contactList ul li:after { right: 0; top: inherit; width: 100%; height: 1px; bottom: 0;}
.iconHolder, .iconHolder img {height: 40px; max-width: 40px;}
.centeredBtns a {padding: 10px 15px;font-size: 12px;}
.bottomFooter {text-align: center;}
.cpHolder, .designedholder {float: none;}
.listTitle{font-size: 20px; margin-bottom: 10px;}
.selectHolder select {padding: 15px; height:50px;}
.bodySections {padding: 10px 0;}
h1.mainPageTitle{font-size:35px; line-height:45px; margin-bottom:15px;}
ul.projectsMenu {margin-bottom: 40px;}
.subMenuLinks {margin-bottom: 40px; position: relative; z-index: 5;}
.subMenuLinks ul {margin-bottom: 0;padding-left: 0;border: 1px solid #000;display: none;position: absolute; width: 100%; box-sizing: border-box; background-color: #fff;}
span.selectedMenu {padding: 10px;border: 1px solid #000;display: block;color: #5e5e5e;font-weight: 300;}
.projectsMenu li {display: block;vertical-align: middle;padding: 0;background-color: transparent;margin-right: 0; text-align:center;}
.projectsMenu li a{padding:10px; display:block;}
.projectsMenu li.active a:after{display:none;}
.projectItem .blackHolder{padding:20px;}
.blackHolder .moreBtn a {margin-right: 0;display: block;margin-bottom: 10px;text-align: center;}
.projectItem.backgroundBlock {height: auto; padding: 50px 0;}
.projectItem:last-child {margin-bottom: 0;}
.selectProjects { position: static; content: ''; right: inherit; top: inherit; display: block; margin-top: 30px;}
.aboutUsBlock{margin-bottom:15px; z-index:3;}
.otherProjects ul li a{padding:10px;}
.aboutUsBlock .projectCountry{display:flex;}
.projectDetails.blackHolder .moreBtn a {padding: 10px;}
.projectDetails.blackHolder .moreBtn a:first-child {margin-right: 0;}
.downloadBrochure a{font-size:12px;}
.projectdetails .projectDetails.blackHolder {position: absolute; right: 20px; top: inherit; margin-bottom: 0; max-width: 400px; padding: 15px; background-color: rgba(0,0,0,0.7);float: none; left: 20px; bottom: 10px;}
.subBanner .swiper-slide {min-height: 550px;}
.centeredDesc {font-size: 20px;padding: 15px 0;}
.inlineList ul li {margin-right: 3%;text-align: center;width: 30%;}
.inlineList ul li:last-child{margin-right:0;}
.listIcon{margin:0 auto 10px; width: 60px; display:block;}
.listInfo{font-size:14px;text-align:center;}
.listInfo span{font-size:27px; text-align:center;}
.floorPlanTabs .tabsLinks {float: none; margin-bottom: 30px; margin-top: 0;}
.floorPlanHolder{margin-bottom:10px;}
.floorPlanTabs .tabsLinks a{font-size:12px; margin-right:25px;}
.floorPlanHolder, .projectProgress{padding:15px 0;}
.floorPlanHolder h2.sectionTitle:before{left:-305px;}
.floorPlanTabs .tabsLinks a span.number {font-size: 24px;}
.blockDetails {height: 400px;}
.blockSubTitle{font-size:30px;}
.blockSubTitle span{font-size:50px;}
.textBlock ul li{display: block;width: 100%; margin-right: 0; font-size: 16px;}
.monthProgress{font-size:28px;}
.yearProgress{font-size:22px;}
.descProgress{font-size:16px;}
.facilitiesBlock .greyBlock{padding:20px;}
.greyBlock h2.sectionTitle:before {left: -90px; width: 75px; top: 15px;}
.facilitiesList li {display: block;width: 100%;margin-bottom: 10px;}
.facilitiesList {margin-bottom: 250px;}
.requestCall{padding:40px;}
.formSmallDesc{font-size:18px;}
.formRow.halfRow {width: 100%;margin-right: 0;float: none; }
.formRow{margin-bottom: 25px;}
label,.formRow .filterItem ul.stackedInput li label {font-size:12px;}
.formRow .filterItem .stackedInput li {display: block; margin-right: 0;}
.formAction{margin-top:25px;}
.formAction input{padding:15px; font-size:12px;}
.fancybox-close-small{left:0; top:0; width:50px; height:50px;}
.requestCall textarea {height: 100px;}
.filterHolder {float: none; width: 100%; margin-right: 0; margin-bottom:30px;}
.filterItem .stackedInput, .filterItem .stackedInput li{margin-right:0;}
.availabilitiesList { float: none; width: 100%;}
.filterBody .availabilitiesList ul li, .appSlider, .alsoLikeBlock ul li {float: none;width: 100%;margin-right: 0; margin-bottom: 24px; box-shadow: 0 3px 20px -7px rgba(0,0,0,0.2);}
.availabilitiesList h3{font-size:18px;}
.appName{font-size:16px;}
.appPrice, .appSpecs{font-size:14px;}
.appInfo {float: none; width: 100%;}
.normalText {font-size: 18px;}
.largePrice{font-size:24px;}
.specsInfo ul li {display: block; width: 100%; margin-right: 0; margin-bottom: 20px;}
.downLoadLinks ul li{margin-right:20px;}
.downLoadLinks ul li a{font-size:14px;}
.stationLink a{display:block; text-align:center; padding: 10px; font-size:12px;}
h1.mainPageTitle:before{left: -110px; top:20px;}
.fullBanner {height: auto; padding: 25px 0;}
.halfBlock{float:none; width:100%; margin-right:0; margin-bottom:20px;}
.contactHolder {display: block;}
.contactMap, .contactForm {display: block; vertical-align: middle; width: 100%;}
.contactForm{padding:30px;}
.formTitle{font-size:26px;}
.formHolder {width: 100%;}
.careersForm select, input[type="date"], .formRow ul.stackedInput.radioList li label{font-size:16px;}
.fileUpload{padding:15px 0;}
.uploadValue{font-size:15px;}
.subMenuLinks.selectHolder:after {display:block;}






.blackForm .formHolder .formRow label{font-size:18px;}
.blackForm .formHolder .inputEntity.halfHolder { width: 73%; margin-left: 2% !important; float: right;}
.blackForm .formHolder .inputEntity.quarterHolder {width: 25%; margin-left: 0; float: right;}
.blackForm h3{margin-bottom:20px;}
.contBlockHolder input[type="submit"]{display:block; width:100%; text-align:center;}
.contBlockHolder .inlineForm .formActions{display:block;}
.mediaTitle, .mediaListHolder .videoTitle a, .albumTitle{font-size:22px;}
.mediaSlider .flex-direction-nav a.flex-next:before, .mediaSlider .flex-direction-nav a.flex-prev:before, .mediaSlider .flex-direction-nav a{width:21px; height:18px;}
#popAlbumHolder{padding:30px;}
.mediaDetSlider .safeArea { padding: 0;}
.mediaDetSlider .gallery-top .swiper-slide {height: 350px;}
.sharePost{padding:10px;}

.articleDetails {padding: 30px 0;}
.shareArticle span{font-size:18px;}
.mediaDetSlider .gallery-thumbs .swiper-slide {height: 80px;background-position: center center;}
.mediaDetSlider .swiperPad, .mediaDetSlider .gallery-thumbs{width:100%;}
.mediaDetSlider .swiper-button-next, .mediaDetSlider .swiper-button-prev{height:80px;}

}

@media all and (min-width: 300px) and (max-width: 750px){
	.contactList ul li .iconHolder, .contactList ul li .contactSmallInfo {display: inline-block;vertical-align: middle;}
	.contactList ul li .iconHolder{width:20%; margin-right:5%;}
	.contactList ul li .contactSmallInfo{width:75%;}
	.floorPlanHolder {min-height:inherit; overflow:hidden;}
	.floorPlanTabs .floorNumder {font-size:22px;}
	.availableApp ul li {margin-right:0; margin-left:25px;}
	.chooseFloor .tootlTip {display:inline-block !important; position: static; margin-bottom: 15px;}
	.availableApp ul li span {font-size:12px;}
	input[type="text"], input[type="number"], textarea {font-size:14px;}
	.requestCall input[type="text"], .careersForm input[type="text"], input[type="date"], .formHolder select {height: 50px;}
	.careersForm select, input[type="date"], .formRow ul.stackedInput.radioList li label {font-size: 14px;}
	.listDesc, .listDesc a {font-size:14px;}
	.formAction input, .formAction a {}
	.swiper-wrapper {margin-bottom: 25px;}
	.progresslLider .swiper-slide, .progresslLider .swiper-slide .imgHolder {height:440px;}
	.availabilitiesList .loadmoreHolder {position:static;}
	.availabilitiesList ul {display: block;	float: none;width: 100%;}
	.inlineList {margin-bottom:30px;}
	.bodyText{font-size:15px;}
	.contactList .centeredBtns {margin-top:20px;}
	.contactList {margin-bottom:30px;}
	.projectDetails.blackHolder .normalText.whiteText {font-size: 17px;	margin-bottom: 20px;}
	.projBannerDet ul li {font-size:16px;}
	.subBanner .swiper-wrapper {margin-bottom: 50px;}
	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {padding: 15px;}
	.appartmentDetails, .amenitiesBlock, .alsoLikeBlock {padding: 15px 0;}
	.contactMap div {height:440px;}



}