#property_search_form {
	background-color:#f8f8f8;
}
#newbuild_search_form {
	background:#f8f8f8;;
}

#newbuild_search_form form {	
	padding:1rem 2rem;
	max-width:950px;
	margin:0 auto;
}

#property_search_form ol,
#newbuild_search_form ol {
	color:#000;
	text-align:left;
	margin:0;
	padding:0 0 30px 0;
	display:grid;
	grid-gap:10px 20px;
}
	#property_search_form ol {
		grid-template-columns:repeat(2, 1fr);
		grid-template-rows:repeat(4, auto);
		grid-template-areas:
			"s_loc s_loc"
			"s_min s_max"
			"s_bed s_typ"
			"s_sub s_sub"
		;
	}
	#newbuild_search_form {
		
	}
	
	#property_search_form ol li,
	#newbuild_search_form ol li {
		list-style-type: none;
		margin:0;
		padding:0;
	}
	#property_search_form label,
	#newbuild_search_form label {
		display:block;
		font-size:1.1rem;
		padding:5px 0;
	}
	#property_search_form input[type=text],
	#property_search_form input[type=number],
	#property_search_form select,
	#newbuild_search_form input[type=text],
	#newbuild_search_form input[type=number],
	#newbuild_search_form select {
		font-family:lato;
		font-size:1.1rem;
		box-sizing:border-box;
		border:1px solid #aaaaaa;
		-webkit-border-radius:3px;
		border-radius:3px;
		padding:10px 5px;
		width:100%;
	}
	#property_search_form select,
	#newbuild_search_form select {
		font-family:lato;
		font-size:1.1rem;
		-webkit-appearance: none;
		background-image:url(/userfiles/design/Select-Arrow.png?r=2);
		background-position:right 7px center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	#property_search_form select.placeholder option,
	#newbuild_search_form select.placeholder option {
		color: black;
	}
		
	#property_search_form select.placeholder.empty,
	#newbuild_search_form select.placeholder.empty {
		color: gray;
	}
		
		
	#property_search_form ol>:nth-child(1) {
		grid-area:s_loc;
	}
	#property_search_form ol>:nth-child(2) {
		grid-area:s_min;
	}
	#property_search_form ol>:nth-child(3) {
		grid-area:s_max;
	}
	#property_search_form ol>:nth-child(4) {
		grid-area:s_bed;
	}	
	#property_search_form ol>:nth-child(5) {
		grid-area:s_typ;
	}		
	#property_search_form ol>:nth-child(6) {
		grid-area:s_sub;
		text-align:center;
	}
	
@media (min-width: 1600px) {

	#property_search_form ol {
		grid-template-columns:2fr 1fr 1fr 1fr 2fr 1fr;
		grid-template-rows:1fr;
		grid-template-areas:
			"s_loc s_min s_max s_bed s_typ s_sub"
		;
	}
	#newbuild_search_form ol {
		grid-template-columns:2fr 1fr 1fr;
	}
	
	#property_search_form ol>:nth-child(6) {
		text-align:right;
		align-content: end;
		display: grid;	
	}
	#newbuild_search_form ol>:nth-child(3) {
		text-align:left;
		align-content:end;
		display:grid;
	}
}