main,
	.property-listing,
	.property-card,
	.property-info,
    .property-info rating {
		display: flex;
		display: -webkit-flex;    
    }


	header {
		text-align: center;
		padding: 0px 0px 10px 0px;
	}
    
    
    

	main {
		flex-wrap: wrap;
		justify-content: space-between;
		/*background-color: #f3f3f3;
		max-width: 2048px;*/
		margin: auto;
	}

	.property-listing {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.property-card,
	.property-info {
		flex-direction:column;
		-webkit-flex-direction:column;
	}

	.property-card {
		background-color: white;
		border-radius: 5px;
		overflow: hidden;
		position: relative;
		margin: 10px 0px;
		width: calc(32% - 20px);
	}
    
    
    body#search .property-card {
        box-shadow: 0px 0px 25px #9992;
    }
	

	.property-card .go {
		background-color: #fcf4ff;
		border-radius: 10px;
		box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
		color: var(--indigo);
		font-weight: 600;
		height:30px;
		margin: 25% calc(50% - 50px) 30px calc(50% - 50px);
		opacity: 0;
		padding:5px 15px;
		position: absolute;
		text-align:center;
		transition-property: background border box-shadow;
		transition-duration: 0.3s;
		width:100px;
	}
		

	.property-card:hover .go {
		border-radius:4px;
		opacity: 1;
	}
	

	/*.property-card:hover .property-info h2,	
	.property-card:hover .property-info .price span,	
	.property-card:hover .go {
		color:#583264;
	}*/
	

	.property-card img {
		width: 100%;
		height: calc(200px + 1vw);
		object-fit: cover;
	}

	.property-info {
		flex: 1;
		-webkit-flex: 1;
		padding: 0px 20px 10px 20px;
        position: relative;
        width: 100%;
	}

	.property-info h4 {
		color:#556;
		font-size: 1em;
		font-weight: 500;
		margin-top:15px;
		margin-bottom: 5px;
		transition: color 0.3s;
	}
    
    .property-info rating {
        background-color: var(--blue-dark);
        border-radius: 3px;
        -webkit-align-items: center;
        align-items: center;
        color: var(--white);
        font-size: 0.9em;
        font-weight: 500;
        left: 11px;
        line-height: normal;
        padding: 3px 8px 0px 8px;
        position: absolute;
    }
    
    body#search .property-info rating {
        top: -2.2em;
    }
    
    .property-info rating svg {
        fill: var(--sky);
        height: 1em;
        margin-bottom: 4px;
        margin-right:2px;
    }

	.location {
		color: #767676;
		/*font-size: 14px;
		margin-bottom: 15px;*/
		font-size: calc(16px + 0.3vw);
		margin: auto 0px 5px 0px;
	}

	/*.description {
		margin: auto 0px 15px 0px;
		font-size: calc(16px + 0.3vw);
	}*/

	.price {
		border: 1px solid transparent;
        border-radius: 3px;
        color: #333;
		font-size: calc(16px + 0.3vw);
		font-weight: bold;
		margin: auto auto 0px -9px;
        padding: 2px 10px 1px 10px;
	}

	.price span:before {
		content: '£';
		color: #555;
		font-size: 14px;
		margin-right: 2px;
	}

	.price span:after {
		content: 'per night';
		color: #555;
		font-size: 14px;
        font-weight: 500;
		margin-left: 4px;
		margin-right: 2px;
	}
	
		
	
	#enquire.testimonials {
		background-color:var(--white);
	}


	@media screen and (max-width: 991px) {
		body#search main {
			padding: 5px 15px;
		}
		
		body#search .property-listing {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 0px 15px;
		}
		
		body#search .property-info {
			padding: 0px 10px 5px 10px;
		}
		
		body#search .property-info h4 {
			line-height: 2rem;
			margin-top: 10px;
		}
		
		body#search .property-info rating {
			background-color: var(--cs-red);		
		}
		
		body#search .property-info rating svg {
			fill: #fff;
		}
	}


	@media screen and (max-width: 768px) {
		.property-card {
			width: calc(50% - 20px);
		}
	}
	
	

	@media screen and (max-width: 480px) {
		.property-card {
			width: 100%;
		}
	}
	
	
	
	@media screen and (min-width:992px) {
	
		main {
			/*margin: auto auto 0px 0px;*/
            padding: 20px 8vw;
		}
        
        body#search .property-card {
            padding: 15px;
            transition-property: box-shadow;
            transition-duration: 0.3s;
        }
        
        body#search .property-card:hover {    
            box-shadow: 0px 0px 2px #9993;
            cursor: pointer;
            text-decoration: none;
        }
        
        body#search .property-card .price {
            transition-property: background border;
            transition-duration: 0.3s;
        }
        
        body#search .property-card:hover .price {
            border-color: #86c8f1;
        }	
	}
	
	
	@media screen and (min-width: 2049px) {
		
		.property-card img {
			height: calc(250px + 2vw);
		}
	}