.estateCard {
			box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
			padding: 0 6px;			
			margin-bottom: 1%;
			float: left;
			width: 50%;
			/*height: 318px;*/
			text-align: center;
			border-bottom: 4px solid #006AFF;
		}
		.estateCard-img{
			object-fit: cover;  
			height: 210px;
		}		
		.estateCard-single-card{
			min-height: 265px;
		}
		.estateCard-price {
			color: black;
			height: 23px;
			font-size: 20px;		  
		}
		
		div.estateCard-desc {
			padding: 5px 10px 5px 10px;
			text-align: left;
			font-family: system-ui;			
		}
		
		.estateCard-area{
			font-size: 14px;
			font-weight: 400;
			padding-top: 8px;
		}
		
		.estateCard-address1{
			font-size: 12px;
			font-weight: 300;
		}
		
		.estateCard-address2{
			color: #707071;
			font-size: 10px;
			margin-top: -5px;
		}
		
		
		* {
			box-sizing: border-box;
		}
		
		@media only screen and (max-width: 900px) {
			.responsive {
				display: block;
				width: 100%;
				margin: 6px 0;
			}
		}
		
		@media screen and (min-width: 1280px) body:not(.mobile-web){
		}
		
		@media screen and (min-width: 1007px) body:not(.mobile-web){
		
		}
		
		@media screen and (min-width: 640px){
				display: block;
				width: 100%;
				margin: 6px 0;
		}

		<!-- @media only screen and (max-width: 500px) {
		  .responsive {
			width: 100%;
		  }
		} -->

		.clearfix:after {
			content: "";
			display: table;
			clear: both;
		}
		
		
		<!-- for model window -->
			

		.estateCard:nth-of-type(1) {
			margin-left: 20%;
		}
		
		
		.modal {
			position: fixed;
			padding-top: 1%;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: auto;
			background-color: rgba(0, 0, 0, 0.9);
		}
		
		.modalImage1{
			margin: auto;
			display: block;
			width: 47%;
			float: left;			
			margin-left: 1%;
			height: 99% !important;	
			background-color:white;	
			overflow: auto;			
		}
		
		.modalImageMain {
			display: block;
			width: 100%;
			height: 65%;	
			float: left;	
			/*max-width: 700px;		
			margin-left: 8%;
			min-height: 680px;*/
		}
		
		.modelImageParts {
			float: left;
			width: 50%;
			height: 30%;
			border: 2px solid transparent;
		}
			
		.caption {
			display: block;
			background-color: white;
			float: left;
			width: 50%;
			height: 99%;
			text-align: left;
			color: #000;
			margin-right: 10px;
			padding-left: 5px;
			font-family: 'Raleway';
			overflow: auto;
			
			/*max-width: 700px;
			min-height: 480px;*/
		}
		
		.property-site-logo-div{
			float: left;
			font-size: 35px;
			color: #393260;
			width: 50%;
			font-weight: bold;			
		}
		
		.property-title-bar{
			float: left;
			padding-top: 10;
			font-size: 20px;
			color: #7474d3;
			align-items: center;
			cursor: pointer;
		}
		

		
		/* If the screen size is 769px or less, set the menu bar fixed */
		@media only screen and (max-device-width: 769px) {
			/*menu bar*/
			.modalImage1 {
				width: 98% !important; 			
				margin-right: 1%;
			}
			
			.modelImageParts {
				width: 100% !important;			
				margin-right: 1%; 
			}
			
			.caption {
				width: 98% !important;			
				margin-right: 1%; 			
				margin-left: 1%;  
			}
		}
		
		/*for heart icon*/
		.hdp__sc-1dupnse-2{
			/*float: left;*/
			color: rgb(0, 106, 255);
			stroke: rgb(0, 106, 255);
			fill: currentcolor;
			/*height: 1em;
			width: 1em;*/
			margin-top: 3.3%;
			margin-right: 1%;
		}
		
		.hdp__sc-1dupnse-3{
			/*display: flex;*/
			align-items: center;
			cursor: pointer;
			height: 100%;
			color: rgb(0, 106, 255);
		}
		
		.frfoXM {
			color: rgb(42, 42, 51);
			-webkit-font-smoothing: antialiased;
			text-transform: none;
			font-family: 'Raleway';			
			margin: 0px;
			font-weight: 700;
			/*font-size: 36px;*/
			font-size: 28px;
			line-height: 40px;
		}
		
		.frfoXM1 {
			color: rgb(42, 42, 51);
			-webkit-font-smoothing: antialiased;
			text-transform: none;
			font-family: 'Raleway';			
			margin: 0px;
			font-weight: 700;
			/*font-size: 36px;*/
			font-size: 20px;
			line-height: 50px;
		}
		
		.eqgHgX{
			color: rgb(42, 42, 51);
			-webkit-font-smoothing: antialiased;
			text-transform: none;
			font-family: 'Raleway';
			font-weight: 700;
			font-size: 16px;
			line-height: 24px;
			margin: 0px;
			margin-right: 30px;
		}
		.bqcSTm{
			font-size: 15px;
			line-height: 1.5;
			color:rgb(42, 42, 51);
			font-weight: 600;
		}
		.lmOXzr {
			font-weight: 400;
			color:rgb(42, 42, 51);
		}
		.aswJyD{
			color: rgb(42, 42, 51);
			-webkit-font-smoothing: antialiased;
			text-transform: none;
			font-family: 'Raleway';
			font-weight: 400;
			font-size: 16px;
			line-height: 35px;
			margin: 0px;
		}
		.igqBDZ {
			border-style: solid;
			border-width: 0px 1px 0px 0px;
			border-color: rgb(209, 209, 213);
			margin-right: 8px;
			padding-right: 8px;
		}
		/*For scroll bar*/
		#style-3::-webkit-scrollbar-track
		{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: #F5F5F5;
		}

		#style-3::-webkit-scrollbar
		{
			width: 6px;
			background-color: #F5F5F5;
		}

		#style-3::-webkit-scrollbar-thumb
		{
			background-color: #000000;
		}
		
		#style-7::-webkit-scrollbar-track
		{
			-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
			background-color: #F5F5F5;
			border-radius: 10px;
		}

		#style-7::-webkit-scrollbar
		{
			/*width: 10px;*/
			width: 5px;
			background-color: #F5F5F5;
		}

		#style-7::-webkit-scrollbar-thumb
		{
			/*border-radius: 10px;*/
			border-radius: 2px;
			background-image: -webkit-gradient(linear,
											   left bottom,
											   left top,
											   color-stop(0.44, rgb(122,153,217)),
											   color-stop(0.72, rgb(73,125,189)),
											   color-stop(0.86, rgb(28,58,148)));
		}
		
		
		/* -----------------------------------proloader--------------------------------- */
			.middle {
			  /*top: 50%;
			  left: 50%;
			  transform: translate(-50%, -50%);
			  position: absolute;
			  margin-top: 20px;*/
				height: 1px;
			}
			.bar {
			 /* width: 10px;
			  height: 70px;*/
			  width : 5px;
			  height : 30px;
			  background: #fff;
			  display: inline-block;
			  transform-origin: bottom center;
			  border-top-right-radius: 20px;
			  border-top-left-radius: 20px;
			  /*   box-shadow:5px 10px 20px inset rgba(255,23,25.2); */
			  animation: loader 1.2s linear infinite;
			}
			.bar1 {
			  animation-delay: 0.1s;
			}
			.bar2 {
			  animation-delay: 0.2s;
			}
			.bar3 {
			  animation-delay: 0.3s;
			}
			.bar4 {
			  animation-delay: 0.4s;
			}
			.bar5 {
			  animation-delay: 0.5s;
			}
			.bar6 {
			  animation-delay: 0.6s;
			}
			.bar7 {
			  animation-delay: 0.7s;
			}
			.bar8 {
			  animation-delay: 0.8s;
			}

			@keyframes loader {
			  0% {
				transform: scaleY(0.1);
				background: ;
			  }
			  50% {
				transform: scaleY(1);
				background: yellowgreen;
			  }
			  100% {
				transform: scaleY(0.1);
				background: transparent;
			  }
			}

.menuDisplayCss {
			display: none;
		}
		
		
		
		
		.img-magnifier-container {
		  position: relative;
		}

		.img-magnifier-glass {
		  position: absolute;
		  border: 3px solid #8a3033;
		  border-radius: 50%;
		  cursor: none;
		  /*Set the size of the magnifier glass:*/
		  width: 150px;
		  height: 150px;
		}

		/* Style the Image Used to Trigger the Modal */
		#myImg {
		  border-radius: 5px;
		  cursor: pointer;
		  transition: 0.3s;
		}

		#myImg:hover {opacity: 0.7;}

		/* The Modal (background) */
		.modal5 {
		  display: none; /* Hidden by default */
		  position: fixed; /* Stay in place */
		  z-index: 1; /* Sit on top */
		  padding-top: 100px; /* Location of the box */
		  left: 0;
		  top: 0;
		  width: 100%; /* Full width */
		  height: 100%; /* Full height */
		  overflow: auto; /* Enable scroll if needed */
		  background-color: rgb(0,0,0); /* Fallback color */
		  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
		}

		/* Modal Content (Image) */
		.modal-content5 {
		  margin: auto;
		  display: block;
		  /*width: 80%;
		  max-width: 700px;*/
		  max-width: 90vw;
		  height: 80vh;
		}

		/* Caption of Modal Image (Image Text) - Same Width as the Image */
		#caption5 {
		  margin: auto;
		  display: block;
		  width: 80%;
		  max-width: 950px;
		  text-align: center;
		  color: #ccc;
		  padding: 10px 0;
		  height: 150px;
		}

		/* Add Animation - Zoom in the Modal */
		.modal-content5, #caption5 {
		  animation-name: zoom;
		  animation-duration: 0.6s;
		}

		@keyframes zoom {
		  from {transform:scale(0)}
		  to {transform:scale(1)}
		}

		/* The Close Button */
		.close5 {
		  position: absolute;
		  top: 15px;
		  right: 35px;
		  color: #f1f1f1;
		  font-size: 40px;
		  font-weight: bold;
		  transition: 0.3s;
		}

		.close5:hover,
		.close5:focus {
		  color: #bbb;
		  text-decoration: none;
		  cursor: pointer;
		}

		/* 100% Image Width on Smaller Screens */
		@media only screen and (max-width: 700px){
		  .modal-content5 {
			width: 100%;
		  }
		}

		.estateemblem-tags {
		    box-sizing: border-box;
		    height: 0px;
		    overflow: hidden;
		}
		
		
		.control-label:after {
		  content:"*";
		  color:red;
		}