/*@media only screen and (max-width:2560px){
	.property-development-services .img-container img.customheight{max-height:465px;}
}*/



@media only screen and (min-width: 240px) and (max-width: 991px) {

	html {
		font-size: 52%;
	}

	body {
		font-size: 14px;
		line-height: 24px;
	}

	

	
	




	

}



@media only screen and (min-width: 240px) and (max-width: 767px) {

	.toggle_button {
		display: flex;
	    justify-content: center;
	    align-items: center;
	    width: 20px;
	    height: 18px;
	    cursor: pointer;
	    background: transparent;
	}

	.toggle_button div {
		width: 100%;
	    height: 1.5px;
	    border-radius: 3px;
	    background-color: #BF8E27;
	    position: relative;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before,
	.toggle_button div:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    width: inherit;
	    height: inherit;
	    background-color: #BF8E27;
	    border-radius: 3px;
	    transition: all .25s ease 0s;
	}

	.toggle_button div:before {		
		-webkit-transform: translateY(-6px);
    	transform: translateY(-6px);
	}	

	.toggle_button div:after {
		-webkit-transform: translateY(6px);
    	transform: translateY(6px);
	}	

	.close_toggle {
		display: flex;
		align-items: flex-start;
		justify-content: flex-end;
		margin-bottom: 10px;
		padding-top: 10px;
		padding-right: 0;
		float: right;
		padding-right: 0;
		margin: 0 0 0 auto;
	}

	.close_toggle .toggle_button div {
		background-color: #1AB6D0;
	}

	.close_toggle .toggle_button div:before,
	.close_toggle .toggle_button div:after {
		background-color: #1AB6D0;
	}

	.toggle_button.active div {
		background-color: initial;
	}

	.toggle_button.active div:before {		
		-webkit-transform: translateY(0) rotate(-45deg);
    	transform: translateY(0) rotate(-45deg);
	}	

	.toggle_button.active div:after {
		-webkit-transform: translateY(0) rotate(45deg);
    	transform: translateY(0) rotate(45deg);
	}

	.menu .only_mobile_view {
		width: 100%;
	}

	.mobile_version_menu_inside {
		width: 100%;
		display: flex;
	}

	.mobile_version_menu_inside .logo {
		max-width: 100px;
	}

	.menu {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100%;
		background-color: #070B28;
		overflow: hidden;
		padding: 1rem;
		-webkit-transition: left .6s cubic-bezier(.6,.1,.68,.53);
    	transition: left .6s cubic-bezier(.6,.1,.68,.53);
    	flex-wrap: wrap;
	    align-items: flex-start;
	    align-content: flex-start;
	}

	.menu.menu_open {
		left: 0;
	}

	#menu_background_overlay {
		display: block;
	    position: fixed;
	    z-index: 14;
	    top: 0;
	    left: -110vw;
	    height: 100%;
	    width: 100%;
	    background-color: rgba(51,51,51,.5);
	    -webkit-transition: all .4s ease;
	    transition: all .4s ease;
	    opacity: 1;
	    visibility: visible;
	}

	#menu_background_overlay.menu_overlay_active {
		left: 0;
	}

	.mobile_view {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 2rem;
	}

	.mobile_view_logo {
		max-width: 17rem;
	}

	.menu > ul {
		width: 100%;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		margin-top: 20px;
	}

	.menu > ul li {
		width: 100%;
		padding: 10px 20px;
	}

	.menu > ul li a {
		width: auto;
		display: inline-block;
		padding: 10px 15px;
		transform: skew(0deg);
	}


	.menu > ul li a span {
		position: relative;
		transform: skew(0deg);
	}




	.comming_soon_box {
		width: 100%;
		padding: 25px 15px 20px;
	}

	.content {
		font-size: 14px;
		line-height: 22px;
	}

	.content h1 {
		font-size: 36px;
		line-height: 48px;
	}

	.countdown_box {
	    width: 75px;
	    height: 90px;
	    font-size: 40px;
	    line-height: 50px;
	}

	.countdown_box span {
		font-size: 20px;
		line-height: 26px;
	}

	.comming_soon_box_bottom {
		font-size: 14px;
		line-height: 22px;
	}

	.comming_soon_box_bottom h3 {
		font-size: 20px;
		line-height: 24px;
	}




	
}




@media only screen and (min-width: 768px) and (max-width: 1023px) {


	


}



@media only screen and (min-width: 768px) {

	.hamburger_menu, .hamburger_close {display: none;}

}


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

	.menu ul {
		column-gap: 6px;
	}

	.menu ul li {
		font-size: 14px;
	}

	.menu ul li a {
		padding: 15px 7px;
	}

	.header_bottom .button {
		padding-left: 0;
	}

	.header_bottom .button a {
		padding: 8px 10px;
	}


}


@media only screen and (min-width: 1023px) {

	.home_sec4_main ul li {
		padding: 15px 30px;
	}

	.home_sec4_main ul li img {
		margin-right: 10px;
	}

}


@media only screen and (min-width: 1023px) and (max-width: 1190px) {

	html {
		font-size: 58%;
	}

	.menu ul {
		column-gap: 6px;
	}

	.menu ul li {
		font-size: 13px;
	}

	.menu ul li a {
		padding: 15px 7px;
	} 

	.header_bottom .button {
		padding-left: 0;
	}

	.header_bottom .button a {
		padding: 8px 10px;
	}


	.banner_under_sec .button a {
		padding: 10px 15px;
	}

	.banner_under_box h4 {
		font-size: 17px;
	}

	.location_sec4_main ul li {
		width: 33.33%;
		margin-bottom: 30px;
	}

	.location_sec4_main ul li .location_sec4_image {
		width: 200px;
		height: 200px;
	}
	

}

@media only screen and (min-width: 1191px) and (max-width: 1300px) {

	html {
		font-size: 60%;
	}

	.menu ul {
		column-gap: 10px;
	}

	.menu ul li {
		font-size: 14px;
	}

	.menu ul li a {
		padding: 15px 10px;
	}

	.header_bottom .button {
		padding-left: 0;
	}

	.header_bottom .button a {
		padding: 8px 10px;
	}


	.location_sec4_main ul li {
		margin-bottom: 30px;
	}

	.location_sec4_main ul li .location_sec4_image {
		width: 200px;
		height: 200px;
	}



}



/*@media only screen and (min-width: 1301px) and (max-width:1400px){
	.property-development-services .img-container img.customheight{max-height:245px;}
	.property-development-services .img-container .white_bg.right{top:58px;}
	.heading h2{font-size: 39px;}
	.menu ul li{font-size: 82%;}
}

@media only screen and (min-width: 1401px) and (max-width:1500px){
	.property-development-services .img-container img.customheight{max-height:245px;}
	.property-development-services .img-container .white_bg.right{top:58px;}
	.heading h2{font-size: 42px;}
	.menu ul li{font-size: 82%;}
}

@media only screen and (min-width: 1501px) and (max-width:1600px){
	.property-development-services .img-container img.customheight{max-height:265px;}
	.property-development-services .img-container .white_bg.right{top:58px;}
	.heading h2{font-size: 42px;}
	.menu ul li{font-size: 82%;}
}


@media only screen and (min-width: 1601px) and (max-width:1700px){
	.property-development-services .img-container img.customheight{max-height:286px;}
	.heading h2{font-size: 42px;}
}
*/




@media only screen and (min-width: 1701px) and (max-width: 1800px) {

	html {
		font-size: 85%;
	}

	.property-development-services .img-container img.customheight{max-height:307px;}
	.menu ul li{font-size: 82%;}

}



@media only screen and (min-width: 1801px) and (max-width: 2000px) {

	html {
		font-size: 95%;
	}

}



@media only screen and (min-width: 2001px) and (max-width: 2500px) {

	html {
		font-size: 110%;
	}


}



@media only screen and (min-width: 2501px) and (max-width: 2800px) {

	html {
		font-size: 128%;
	}


}


@media only screen and (min-width: 2801px) and (max-width: 3500px) {

	html {
		font-size: 148%;
	}


}


@media only screen and (min-width: 3501px) and (max-width: 4000px) {

	html {
		font-size: 180%;
	}


}


@media only screen and (min-width: 4001px) and (max-width: 4500px) {

	html {
		font-size: 200%;
	}


}


@media only screen and (min-width: 4501px) and (max-width: 5000px) {

	html {
		font-size: 200%;
	}


}


@media only screen and (min-width: 5001px) {

	html {
		font-size: 250%;
	}


}