@media screen and (max-width: 1700px) and (min-width: 1500px) {

}   

@media screen and (max-width: 992px){
 	
}

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

	
}
 
@media screen and (max-width: 768px){ 

	.PropertyArea .PropertyHead{ display: block; }
	.PropertyArea .PropertyHead article{ width: 100%; margin-bottom: 10px; }
	.PropertyArea .PropertyHead article h3{ font-size: 26px; line-height: 30px; }
	.PropertyArea .PropertyHead article h3 br{ display: none; }
	.PropertyArea .PropertyHead aside{ text-align: left; max-width: initial;  }
	.PropertyArea .PropertyHead aside p{ font-size: 14px; }
	.PropertyArea .PropertyBody{ grid-template-columns: repeat(2, 1fr);}

	footer .FooterArea .Foots{ padding: 20px; display: block; }
	footer .FooterArea .Foots ol{ text-align: center; margin-bottom: 10px; }
	footer .FooterArea .Foots ul{ text-align: center; }
	footer .FooterArea .Foots ul li{ margin: 0 5px; }
	footer .FooterArea .Copyright{ padding: 20px; }
	
	.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article{grid-template-columns: repeat(1, 1fr); gap: 0; }
	.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight article aside:empty{ display: none; }
	
	.DetailsHead{ display: block; }
	.DetailsHead .First{ width: 100%; margin-bottom: 10px; }
	.DetailsHead .Second{ width: 100%; grid-template-columns: repeat(4, 1fr); }
	.DetailsHead .Second aside{ min-height: 125px; }

	.DetailsBody{ display: block; }
	.DetailsBody .DetailsLeft { width: 100%; }
	.PropertInfo ul{ grid-template-columns: repeat(1, 1fr); }
	.DetailsBody .DetailsRight{ width: 100%; margin-top: 20px; }
    
} 

@media screen and (max-width: 768px) and (min-width: 500px) {
	
	.PropertyForm article{ grid-template-columns: repeat(2, 1fr); }
	
}

@media screen and (max-width: 550px){

	
	.PropertyArea .PropertyBody{ grid-template-columns: repeat(1, 1fr);}
	.PropertyForm article{ grid-template-columns: repeat(1, 1fr); }
	.PropertyAddBox{ padding: 15px; }
	.PropertyAddBox h3{ font-size: 18px; }
	.UploadBox .Upload{ width: 140px; height: 115px; padding: 35px 0; }
	.UploadBox .UploadImage{ width: 145px; }

	.MyProfileArea .MyProfileBox .MyProfileBody{ display: block; }
	.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileLeft{ width: 100%; border-right: none; border-bottom: 1px solid #ddd; }
	.MyProfileArea .MyProfileBox .MyProfileBody .MyProfileRight{ width: 100%; }

	.DetailsHead{ display: block; }
	.DetailsHead .First{ width: 100%; margin-bottom: 10px; }
	.DetailsHead .Second{ width: 100%; grid-template-columns: repeat(2, 1fr); }
	.DetailsHead .Second aside{ min-height: 125px; }

	.LoginArea{ display: block; }
	.LoginArea .LoginLeft{ width: 100%; height: auto; padding: 90px 20px 60px; }
	.LoginArea .LoginRight{ width: 100%; height: auto; display: none; }


}