@media (max-width: 1600px){
	.header-wrap {
		max-width: 1470px;
	}
}

@media (min-width: 920px) and (max-width: 1200px) {

}

@media (max-width: 920px) {


}

/* Tablet (Portrait & Landscape) */
@media (min-width: 768px) and (max-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm {
		max-width: 100%;
		padding: 0 15px;
	}
	.project-info-section{
		--pi-gutter: 30px;
		padding: 40px 0 90px;
	}
	.project-content{
		padding: 40px 30px;
	}
	.project-content h2{
		font-size: 34px;
	}
	.pi-leaf{
		width: 70px;
		height: 100px;
	}
	.col-md-3.mobil-50.morder1 {
		width: 0;
	}
	.top-filter-wrap {
		width: 80.333%;
	}
	.project-image img {
		height: 100%;
	}
	.project-image {
		min-height: 400px;
	}
	.project-block {
		min-height: 400px;
	}
	.project-info-section {
		gap: 60px;
	}
	#sectionnine {
		overflow-x: auto;
		padding-right: 0 !important;
	}
	.top-form-scroll {
		padding: 0;
	}
	.spread-payment-content {
		margin-right: 0;
	}
	.faqs-img {
		padding-right: 0;
		padding-left: 0;
	}
	.footer {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	.footer-wrap {
		gap: 15px;
	}
	.spread-payments {
		overflow: hidden;
	}
	.mortgage-sec {
		overflow: hidden;
	}
	.footer-logo, .footer-imge01 img, .footer-imge02 img {
		max-width: 140px;
	}
	.footer-social ul{
		gap: 20px;
	}
	.developer-section {
		padding-top: 25px;
	}
	.gallery-layout {
		gap: 20px;
	}
	.project-gallery-section {
		padding: 0;
	}
	.gallery-content {
		padding: 40px 20px;
	}
	.gallery-content h2 {
		font-size: 24px;
	}
	.gallery-description p {
		font-size: 16px;
	}
}

@media (max-width: 767px) {
	.remove-br {
		display: none;
	}
	p {
		font-size: 16px;
	}
	h2 {
		font-size: 32px;
	}
	.br-none, .developer-description > p br{
		display: none;
	}
	.sub-heading {
		font-size: 20px;
	}
	.table-setting-ads .mob-50{
		max-width: 50%;
	}
	.table-head-title :where(p, span) {
		font-size: 16px;
	}
	.table-setting-ads{
		padding: 0 10px;
		justify-content: start;
	}
	.table-head-title{
		width: calc(100% / 3 - 3px);
	}
	/*     .table-head-title p:after{
	top: 35px;
	left: 50%;
	border-left: 7px solid transparent;
	border-right: 6px solid transparent;
	border-top: 8px solid #FFFFFF;
} */
	table thead > tr > th:nth-last-child(4){
		min-width: 130px;
	}
	.ads-clear-filter{
		width: auto;
		margin-right: 0;
	}
	.header-clear-filter{
		width: 100%;
	}
	.chkbox #chkbxinputone{
		margin-top: 0;
	}
	.price-form.bottom-price-form .searchbox{
		display: flex;
		flex-wrap: wrap;
		gap: 3%;
	}
	.price-form.bottom-price-form label{
		width: 100%;
	}
	.price-form.bottom-price-form .ads-serch-btn{
		width: 48%;
		padding: 8px 16px;
		position: relative;
		left: unset;
		bottom: unset;
		margin-top: 10px;
		display: inline-block;
	}
	.header-top .ads-clear-filter{
		margin-top: 14px;
	}
	.searchbox .hed-serch-lable{
		display: block;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		font-weight: var(--bold);
	}
	.price-form select, .ads-serch-btn-top, .chkbox{
		width: 48%;
		margin-left: 0;
	}
	.ads-serch-btn-top, .chkbox{
		text-align: center;
	}
	.select-wrap{
		display: flex;
		justify-content: space-between;
		margin-bottom: 15px;
	}
	#searchbox{
		width: 100%;
		margin-top: 40px;
		margin-bottom: 0 !important;
	}
	.header-top{
		padding-top: 14px !important;
	}
	.price-form label{
		margin-top: -22px !important;
	}
	#chkbxinputone:after{
		bottom: 12px;
	}
	.hero-banner-bg{
		padding-left: 0;
		padding-right: 0;
		min-height: 393px;
		margin-bottom: 0;
	}
	.hero-banner-bg img{
		height: 393px;
		object-fit: cover;
	}
	.main-navbar{
		position: fixed;
		top: 90px;
		background: var(--white-color);
		z-index: 99999;
		width: 100%;
		display: none;
		height: 100%;
		background: #112849;
	}
	.main-menu-ul{
		display: block !important;
	}
	/* the mobile menu is a dark full-screen overlay, unlike the white desktop
	   bar, so its links stay white here regardless of the desktop link color */
	.main-menu li a{
		font-weight: var(--regular) !important;
		color: var(--white-color);
	}
	.main-menu li.active a{
		background: #BE7467;
		color: var(--white-color);
	}
	.mobile-order-wrap{
		display: flex;
	}
	.mobile-order-wrap .morder1{
		order: 1;
	}
	.mobile-order-wrap .morder2{
		order: 2;
	}
	.mobile-order-wrap .morder3{
		order: 3;
	}
	.mobile-order-wrap .morder4{
		order: 4;
	}
	.mobile-order-wrap .morder5{
		order: 5;
	}
	.mobile-order-wrap .morder6{
		order: 6;
	}
	.mobile-order-wrap .morder7{
		order: 7;
	}
	.mobile-order-wrap .morder8{
		order: 8;
	}
	.mobil-50{
		width: 50%;
		padding-right: 12px;
		padding-left: 12px;
	}
	.header-top-mobile{
		text-align: left;
	}

	/*humburger menu*/
	.hamburger {
		width: 30px;
		height: 3px;
		background-color: var(--h-color);
		position: relative;
		display: block;
		margin-top: 25px;
	}
	.hamburger.open:before{
		display: none;
	}
	.hamburger:before, .hamburger:after {
		content: '';
		position: absolute;
		width: 30px;
		height: 3px;
		background-color: var(--h-color);
	}

	.hamburger:before {
		top: -10px;
	}

	.hamburger:after {
		top: 10px;
	}

	.open {
		transform: rotate(45deg);
	}

	.open:before {
		top: 0;
		transform: rotate(90deg);
	}

	.open:after {
		top: 0;
		transform: rotate(90deg);
	}
	#myTabContent, #myTabContent2 {
		overflow-x: scroll;
	}
	.thumbnail-gallery-content{
		position: relative;
		width: 100%;
		top: -22px;
		background-size: 122%;
		min-height: 524px;
		background-position: -8px 28% !important;
		padding: 150px 32px 0 32px;
		right: 0;
		background-color: var(--h-color);
	}
	.thumbnail-gallery-content h2 {
		font-size: 50px;
		text-align: center;
	}
	.thumbnail-gallery-content h3 {
		font-size: 40px;
		text-align: center;
	}
	.thumbnail-gallery-content p {
		font-size: 15px;
	}
	.thumbnail-gallery{
		background: #FFFFFF;
		overflow: hidden;
		margin-bottom: 0 !important;
	}
	.thumbnail-gallery-wrap {
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-paddin-0{
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-left: 0;
		margin-right: 0;
	}
	.faqs-text-col, .faqs-col{
		width: 100%;
	}
	.faqs-img {
		padding-right: 0px;
		padding-left: 0px;
	}
	.faqs-col{
		margin-top: 20px;
	}
	.faqs-bottom p {
		padding-right: 0px;
	}
	.spread-payment-content{
		margin-right: 0;
		padding: 15px;
	}
	.spread-payment {
		padding: 0;
	}
	.mortgage-main-wrap {
		padding-right: 0px;
	}
	.price-list{
		padding: 0 !important;
	}
	.price-list .searchbox {
		width: 100%;
		position: relative;
	}
	.ads-serch-btn, .ads-serch-btn-comp4 {
		position: absolute;
		left: 4px;
		bottom: -12px;
		width: 47%;
		padding: 8px 50px;
	}
	#chkbxinputmain:after{
		border: none;
	}
	.pdf-files-download{
		display: block !important;
		text-align: center;
	}
	.fils-for-downlaod li {
		text-align: center;
		width: 31%;
		display: inline-block;
		vertical-align: text-top;
		margin-bottom: 29px;
		padding: 0 0px;
		overflow: hidden;
	}
	.main-table, .main-table .container{
		padding: 0 !important;
		overflow: hidden;
	}
	.ads-serch-btn-top{
		width: 48%;
		display: inline-block;
		margin-top: 14px;
	}
	.chkbox label {
		margin-top: 0 !important;
	}
	#sel22, .chkbox{
		margin-left: calc(50% - 48%);
	}
	.body-fixed{
		position: fixed;
		top: 0px;
		width: 100%;
	}
	input[type="checkbox"]:checked::before{
		bottom: 9px;
	}
	.map-chart-wrap .col-md-6:first-child{
		margin-bottom: 20px;
	}
	.ads-mb-4{
		margin-bottom: 25px;
	}
	.thumb img{
		height: 68px;
	}
	.slider-content .slick-slide img{
		max-height: 235px;
		width: 100%;
		object-fit: cover;
	}
	.slider-content{
		padding: 0 0;
	}
	.notice-gallery-thimbnail{
		text-align: center;
		margin-top: -20px;
		position: static;
	}
	.faqs .accordion-button p {
		font-size: 16px;
	}
	.faqs .accordion-button span{
		padding-right: 0;
	}
	/* shallower notch and smaller chevron so the title keeps its room */
	.faqs .accordion-header{
		--faq-slant: 16px;
	}
	.faqs .accordion-button span{
		margin-left: 26px;
		padding: 8px 12px;
	}
	.faqs .accordion-button::after,
	.accordian-mortgage .accordion-button::after{
		width: 22px;
		height: 22px;
	}
	.faqs .accordion-body {
		padding-bottom: 20px;
		padding-left: 15px;
	}
	.faqs .accordion-item {
		margin-bottom: 14px;
	}
	.spread-payments{
		padding-top: 0 !important;
	}
	.mortgage-img{
		margin-bottom: 20px;
	}
	.top-form-scroll{
		padding: 0;
	}
	.price-list input[type='text']{
		width: 46.5%;
		margin-top: 6px;
	}
	.pricelist-search .ads-serch-btn-top{
		margin-right: calc(100% - 49%);
		width: 48%;
	}
	.pricelist-search .chkbox{
		margin-right: 3px;
		margin-top: 16px;
		margin-bottom: 33px;
	}
	.price-list input[type="checkbox"]:checked::before{
		top: -6px;
		background-image: url(../images/price-list-cherck-mobile.png);
		width: 30px;
		height: 30px;
	}
	.price-list #chkbxinputone:after {
		content: '';
		width: 30px;
		height: 30px;
		top: -6px;
		right: 0px;
	}
	.price-list .price-form label {
		padding-right: 0;
		display: block;
		text-align: right;
	}
	.price-list .price-form .price-lit-top-label{
		margin-bottom: 5px;
	}
	.price-lit-top-label{
		padding-right: 6px !important;
	}
	.pricelist-search{
		margin-top: -15px !important;
	}
	.adn-tabs-accordian{
		margin-bottom: 2px;
	}
	table thead>tr>th{
		min-width: 100px;
		text-align: center;
		padding: 0px 7px;
	}

	/* width */
	.main-table ::-webkit-scrollbar {
		width: 4px;
		height: 6px;
	}

	/* Track */
	.main-table ::-webkit-scrollbar-track {
		background: #dee2e5;
	}

	/* Handle */
	.main-table ::-webkit-scrollbar-thumb {
		background: #135565;
	}

	/* Handle on hover */
	.main-table ::-webkit-scrollbar-thumb:hover {
		background: #135565;
	}
	.fils-for-downlaod span{
		font-size: 14px;
	}
	.footer-wrap{
		justify-content: center;
		text-align: center;
		gap: 24px 20px;
	}
	.footer-imge01, .footer-imge02{
		width: calc(50% - 10px) !important;
		margin-top: 10px;
	}
	.footer-imge01 a, .footer-imge02 a{
		width: 100%;
	}
	.footer {
		padding: 26px 16px !important;
	}
	.custom-tabs nav{
		overflow: auto;
	}
	table{
		overflow-x: auto;
		width: 100%;
		display: block;
		padding: 0 10px 0 90px;
	}
	.developer-section{
		padding: 0 15px 50px;
		margin-top: 40px !important;
	}
	.developer-title{
		font-size: 32px;
	}
	.developer-subtitle{
		font-size: 22px;
	}
	.developer-description{
		font-size: 16px;
		line-height: 28px;
	}
	.developer-gallery-wrap{
		gap: 8px;
	}
	.developer-gallery{
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: auto;
		gap: 10px;
	}
	.project-description p {
		text-align: right;
	}
	.map-chart {
		padding: 0 15px;
		margin-bottom: 0;
	}
	.gallery-item, .gallery-item-1, .gallery-item-2, .gallery-item-3, .gallery-item-4, .gallery-item-5, .gallery-item-6, .gallery-item-7, .gallery-item-8{
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1.7;
		grid-column: auto;
		grid-row: auto;
		border-radius: 14px;
	}
	/* odd item out spans the full width instead of leaving a gap */
	.gallery-item:last-child:nth-child(odd){
		grid-column: 1 / -1;
		aspect-ratio: 2.1;
	}
	/* rounded to match the image corner it sits in, plus a soft tab curve
	   on the opposite corner */
	.gallery-tag{
		font-size: 12px;
		border-radius: 8px 0 14px 0;
	}
	.developer-gallery-disclaimer{
		margin-top: 12px;
	}
	.project-info-section{
		gap: 24px;
		padding: 30px 0 60px;
	}
	.project-block-wrap{
		max-width: 100%;
	}
	.project-block,
	.first-section .project-block,
	.second-section .project-block{
		width: 100%;
		height: auto;
		min-height: auto;
		margin: 0;
		flex-direction: column;
	}
	.project-image img{
		height: auto;
	}
	.project-image{
		width: 100%;
		height: auto;
		min-height: auto;
		flex: none;
		order: 1 !important;
		clip-path: none !important;
	}
	.project-content{
		width: 100% !important;
		padding: 30px;
		order: 2 !important;
	}
	.project-content h2{
		font-size: 32px;
		text-align: center;
	}
	.project-description{
		font-size: 16px;
		line-height: 28px;
	}
	.pi-leaf{
		width: 60px;
		height: 84px;
	}
	.project-shape{
		display: none;
	}
	.gallery-layout{
		flex-direction: column;
		gap: 0;
		padding: 0;
	}
	.gallery-side, .gallery-content{
		width: 100%;
	}
	.gallery-side{
		padding: 10px;
	}
	.gallery-content{
		padding: 40px 20px;
	}
	.main-gallery-image{
		height: 300px;
	}
	/* no hover on touch, so the "tap to enlarge" badge stays visible */
	.main-gallery-link::after{
		opacity: 1;
		width: 32px;
		height: 32px;
		background-size: 17px 17px;
		top: 8px;
		left: 8px;
	}
	.gallery-block + .gallery-block{
		margin-top: 28px;
	}
	.gallery-content h2{
		font-size: 24px;
		text-align: center;
	}
	.thumbnail{
		min-width: calc(25% - 6px);
		height: 70px;
	}
	.map-chart-wrap h2 {
		font-size: 42px;
	}

	.developer-description p {
		font-size: 16px;
		line-height: 1.6;
	}
	.project-description p {
		font-size: 16px;
		line-height: 1.6;
	}
	.gallery-description p {
		font-size: 16px;
		line-height: 1.6;
		text-align: right;
	}
	.faqs .accordion-body p {
		font-size: 16px;
		line-height: 1.6;
		text-align: right;
	}
	.chart, .map {
		min-height: 300px;
	}
	.project-gallery-section{
		padding: 0;
		margin-top: 0;
	}
	.faqs-section {
		padding: 60px 0;
	}
	.spread-payment p {
		font-size: 16px;
	}
	.map-chart-wrap a {
		font-size: 20px;
	}
	.accordian-mortgage .accordion-body {
		padding-left: 15px;
	}
	.mortgage-sec {
		padding: 60px 0;
	}
	.price-list h2 {
		font-size: 50px;
		margin-bottom: 9px;
	}
	.price-list p {
		font-size: 20px;
	}
	.price-list .chkbox {
		margin-left: 0;
		margin-right: 0;
		justify-content: start;
		display: flex;
		align-items: center;
	}
	.files-wrap.mb-4 {
		margin-bottom: 0 !important;
	}
	.files-downlaod-sec {
		margin-bottom: 40px !important;
	}
	.footer-social ul {
		gap: 20px;
	}
	.price-form label{
		margin-left: 0;
	}
	.faqs-img {
		padding-right: 0;
	}
	.spread-payment {
		padding: 0 0 0 20px;
	}
	.footer-social h2{
		text-align: start;
	}
	#searchbox.bottom-price-form{
		margin-bottom: 40px !important;
	}
	.blue-shape {
		width: 30px !important;
		height: 37px !important;
	}
	.pink-shape {
		left: 1vw;
		width: 30px !important;
		height: 46px !important;
	}
	.faqs .accordion-header .accordion-button{
		min-height: 40px;
	}
	.faqs .accordion-button span{
		line-height: 1.4 !important;
	}
}

@media (max-width: 400px) {
	.thumbnail-gallery-content{
		position: relative;
		width: 100%;
		top: -22px;
		background-size: 142%;
		min-height: 565px;
		background-position: -38px 28% !important;
		padding:132px 32px 0 32px;
		right: 0;
		background-color: var(--h-color);
	}
	.faqs .accordion-button p {
		font-size: 16px;
		line-height: 15px;
		padding: 13px 0;
	}

}
@media (max-width: 365px) {
	.price-form label {
		font-size: 14px;
		margin-left: 0;
	}
	.thumbnail-gallery-content h2 {
		font-size: 46px;
	}
	.faqs .accordion-button p {
		font-size: 16px;
	}
}