/*@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) {

	.section {
		padding: 30px 0;
	}

	.site_container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.only_desktop_view {
		display: none;
	}

	.only_mobile_view {
		display: block;
	}

	.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: #112DA9;
	    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: #112DA9;
	    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: 20px;
		padding-right: 0;
		float: right;
		padding-right: 0;
		margin: 0 0 0 auto;
	}

	.close_toggle .toggle_button div {
		background-color: #112DA9;
	}

	.close_toggle .toggle_button div:before,
	.close_toggle .toggle_button div:after {
		background-color: #112DA9;
	}

	.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: 200px;
	}

	.menu {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		top: 0;
		left: -100%;
		background-color: #fff;
		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);
	}


	.heading {
		font-size: 13px;
		margin: 0 auto 10px;
	}

	.heading h2 {
		font-size: 24px;
	}

	.button a {
		padding: 8px 20px;
	}

	.main_header .row_block .logo_block img {
		max-width: 200px;
	}

	.banner_sec {
		height: 50vh;
		background-position: right;
	}

	.banner_sec:after {
		width: 100%;
	}

	.banner_sec .banner_row .banner_left {
		width: 100%;
		font-size: 13px;
		line-height: 20px;
	}

	.banner_sec .banner_row .banner_left h3 {
		font-size: 28px;
	}

	.home_sec2_wrap {
		margin-bottom: 20px;
	}

	.home_sec2_content {
		padding: 15px 10px;
		font-size: 14px;
		line-height: 22px;
	}

	.home_sec2_wrap {
		padding: 0 10px;
	}

	.home_sec2_content h4 {
		font-size: 20px;
	}

	.home_sec2_content a {
		margin-top: 0;
		font-size: 14px;
	}

	.home_sec3 {
		padding: 30px 0;
		background: none;
	}

	.hs3_image {
		height: auto;
	}

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

	.hs3_right h3 {
		font-size: 24px;
		line-height: 30px;
		margin-top: 20px;
	}

	.hs3_right .button {
	    margin-top: 15px;
	}

	.client_feedback_box {
		border-radius: 30px;
		padding: 20px 30px;
	}

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

	.footer_bottom_box {
		padding: 15px 15px 30px;
		line-height: 22px;
	}

	.footer_logo {
		margin-bottom: 15px;
	}

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

	.blogs_list a {
		gap: 10px;
	}

	.blogs_list_image {
		width: 65px;
	}

	.blogs_list_content {
		width: calc(100% - 75px);
		font-size: 12px;
		line-height: 18px;
	}

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

	.copyright {
		font-size: 13px;
	}




	.price_chart_modal .modal-dialog {
		margin-top: 20px;
        padding: 0 10px;
	}
	.price_chart_modal .modal-content {
		padding: 15px 15px;
	}
	.price_chart_modal .modal-header {
		padding-right: 20px;
		margin-bottom: 10px;
	}
	.price_chart_modal .modal-header h4 {
		font-size: 16px;
		line-height: 24px;
	}
	.price_chart_modal .modal-body {
		max-height: calc(100vh - 150px);
		overflow-y: auto;
	}
	.price_chart_modal {
		 background: transparent;
	}
	 .price_chart_modal table thead {
		 display: none;
	}
	 .price_chart_modal table tbody tr {
		 display: block;
		 margin-bottom: 15px;
		 border-radius: 10px;
		 background-color: #fff;
		 border: solid 1px #dadada;
		 border-radius: 10px;
		 overflow: hidden;
	}
	 .price_chart_modal table tbody tr td {
		 display: flex;
		 text-align: left !important;
		 border: none !important;
		 max-width: unset !important;
		 width: unset !important;
		 min-width: unset !important;
		 font-size: 12px;
		 padding: 6px 10px;
	}
	 .price_chart_modal table tbody tr td:before {
		 content: attr(data-th) " :";
		 color: #000;
		 font-size: 12px;
		 line-height: 18px;
		 font-weight: 500;
		 margin: 0;
		 display: inline-flex;
		 align-items: center;
		 width: 60px;
		 white-space: pre-wrap;
		 overflow-wrap: break-word;
		 word-wrap: break-word;
		 word-break: break-word;
		 padding-right: 1rem;
		 flex: 0 0 auto;
	}

	.price_chart_modal .purchase-btn {
		padding: 4px 20px;
		line-height: normal;
	}
	 

	.know_your_self > .site_container > .row {
		flex-direction: column-reverse;
	}

	.know_form {
		max-width: 100%;
	}

	.know_head {
		padding: 0;
    	align-items: flex-start;
	}

	.know_head h4 {
		font-size: 24px;
		line-height: 40px;
	}

	.know_body {
		padding: 0;
	}

	.know_body .form-group .submit {
		margin: 10px 0 0;
	}




	
}




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

	.site_container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.heading h2 {
		font-size: 26px;
	}

	.button a {
		padding: 8px 20px;
	}

	.main_header .row_block .logo_block img {
		max-width: 200px;
	}

	.main_header .row_block .right_block .menu ul {
		gap: 25px;
	}

	.main_header .row_block .right_block .menu ul li a {
		font-size: 14px;
	}


	.banner_sec {
		background-position: right;
	}

	.banner_sec:after {
		width: 70%;
	}

	.banner_sec .banner_row .banner_left {
		width: 60%;
		font-size: 13px;
		line-height: 20px;
	}

	.banner_sec .banner_row .banner_left h3 {
		font-size: 34px;
	}

	.home_sec2_sec {
		padding: 0 20px;
	}

	.home_sec2_box {
		height: 300px;
	}

	.home_sec2_content {
		padding: 15px 10px;
		font-size: 13px;
		line-height: 22px;
	}

	.home_sec2_wrap {
		padding: 0 10px;
	}

	.home_sec2_content h4 {
		font-size: 16px;
	}

	.home_sec2_content a {
		margin-top: 0;
		font-size: 13px;
	}

	.home_sec3 {
		padding: 60px 0;
	}

	.hs3_right {
		font-size: 13px;
		line-height: 22px;
	}

	.hs3_right h3 {
		font-size: 23px;
		line-height: 34px;
	}

	.hs3_right .button {
	    margin-top: 15px;
	}

	.client_feedback_box {
		border-radius: 30px;
		padding: 20px 30px;
	}

	.client_content {
		font-size: 13px;
		line-height: 22px;
	}

	.footer_bottom_box {
		padding: 15px 15px 30px;
		line-height: 22px;
	}

	.footer_logo {
		margin-bottom: 15px;
	}

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

	.blogs_list a {
		gap: 10px;
	}

	.blogs_list_image {
		width: 65px;
	}

	.blogs_list_content {
		width: calc(100% - 75px);
		font-size: 12px;
		line-height: 18px;
	}

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

	.copyright {
		font-size: 13px;
	}
	


}


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

	.site_container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.heading h2 {
		font-size: 30px;
	}

	.banner_sec:after {
		width: 60%;
	}

	.banner_sec .banner_row .banner_left {
		width: 50%;
	}

	.banner_sec .banner_row .banner_left h3 {
		font-size: 40px;
	}

	.home_sec2_box {
		height: 360px;
	}

	.home_sec2_content {
		font-size: 13px;
		line-height: 22px;
	}

	.home_sec2_content h4 {
		font-size: 18px;
	}

	.home_sec2_content a {
		margin-top: 0;
	}

	.hs3_right {

	}

	.hs3_right h3 {
		font-size: 28px;
		line-height: 38px;
	}

	.hs3_right .button {
	    margin-top: 15px;
	}

	.client_feedback_box {
		border-radius: 30px;
		padding: 20px 30px;
	}

	.client_content {
		font-size: 13px;
		line-height: 22px;
	}

	.footer_bottom_box {
		padding: 15px 15px 30px;
		line-height: 22px;
	}

	.footer_logo {
		margin-bottom: 15px;
	}

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

	.blogs_list a {
		gap: 10px;
	}

	.blogs_list_image {
		width: 65px;
	}

	.blogs_list_content {
		width: calc(100% - 75px);
		font-size: 12px;
		line-height: 18px;
	}

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

	.copyright {
		font-size: 13px;
	}
	

}


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

	.site_container {
		padding-left: 30px;
		padding-right: 30px;
	}

	.heading h2 {
		font-size: 28px;
	}

	.banner_sec:after {
		width: 60%;
	}

	.banner_sec .banner_row .banner_left {
		width: 50%;
	}

	.banner_sec .banner_row .banner_left h3 {
		font-size: 40px;
	}

	.home_sec2_box {
		height: 360px;
	}

	.home_sec2_content {
		line-height: 22px;
	}

	.home_sec2_content h4 {
		font-size: 18px;
	}

	.home_sec2_content a {
		margin-top: 0;
	}

	.hs3_right {

	}

	.hs3_right h3 {
		font-size: 30px;
		line-height: 40px;
	}

	.footer_bottom_box {
		padding: 15px 15px 30px;
		line-height: 22px;
	}

	.footer_logo {
		margin-bottom: 15px;
	}

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

	.blogs_list a {
		gap: 10px;
	}

	.blogs_list_image {
		width: 65px;
	}

	.blogs_list_content {
		width: calc(100% - 75px);
		font-size: 12px;
		line-height: 18px;
	}

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

}




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

	.home_sec4 .site_container {
		padding-left: 90px;
		padding-right: 90px;
	}

}