.searchBoxBG {
	
	margin: 20px;
	border: 1px solid #66DB75;
	background-color: #B6EEBD;
	width: 100%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border-radius: 15px;
	box-sizing: border-box;
	
}


a.viewButton {
	
	display: block;
	font-size: 16px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 5px;
	color: white;
	background: #FF8814;
	text-align: center;
	width: 100%;
	font-weight: bold;
	border: 0;
	outline: none;
	border: 1px solid #bc4800;
	margin: auto;
	margin-top: 15px;
	width: 60%;
	margin-right: 0;
	
		
}

a.viewButton:hover {
	
	background: #FF7C35;
	cursor: pointer;
	text-decoration: none;
	
}

.distance {
	
	margin-right: 12px;
	font-size: 30pt;
	
}

.resultsFor {
	
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 30px;
	
	
}

.searchTopInput {
	
	font-size: 16px;
	padding: 10px;
	width: 90%;
	border: 1px solid #66DB75;
	
	
}

.topSearchContainer {

	display: flex;
	display: -webkit-flex; /* Safari */
	margin: auto;

}

.search1, .search2, .search3 {
	
	display: inline-block;
	
}

/* adjust the columns */

.leftCol {
	
	width: 25%;
	
}

.rightCol {
	
	width: 75%;
	
}

.leftmenuheader {
	margin-bottom: 0;
}

.leftMenuPanel {
	
	padding: 14px;
	padding-top: 20px;
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	border: 2px solid #ccc;
	border-top: 0;
	
}

/* search bubble styling */
	
.mostPopularBubble {
	
	flex-grow: 1;
	-webkit-flex-grow: 1;
	padding: 10px;
	border-radius: 18px;
	color: white;
	text-decoration: none;
	margin: 8px;
	display: block;
	width: auto;
	-webkit-transition: all .2s;
    transition: all .2s;

}

a.mostPopularBubbleLinks {
	
	text-decoration: none;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	text-align: center;
	
}

.mostPopularBubble:hover {

	background: rgba(1,1,1,1);
	transform: scale(1.1);
	color: white;
	text-decoration: none;

}
	

.search2 {
	
	width: 100%;
	overflow: hidden;
	
}

.searchTopButt {

	padding: 11px;
	margin-left: 20px;
					
}
						
.searchResultsContainer {

	display: flex;
	display: -webkit-flex; /* Safari */
	flex-direction: row;
	-webkit-flex-direction: row; /* Safari */

}

.searchResultsHR {

	width: 100%;
	border: 0;
	border-top: 5px solid #F2F2F2;
	margin-top: 20px;
	margin-bottom: 20px;
	
}

.searchResultsBox1 {
	
	width: 30%;
	text-align: left;
	margin: 6px;
	
}

.searchResultsBox1 img {
	
	border: 1px solid black;
	
}

.searchResultsBox2 {
	
	text-align: center;
	width: 10%;
	margin: 6px;

	
}

.searchResultsBox3 {
	
	text-align: center;
	width: 60%;
	text-align: left;
	margin: 6px;
	
}

.searchResultsImage {
	
	width: 100%;
	margin-bottom: 14px;
	
}

.searchResultsMiles {

	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	color: white;
	font-weight: bold;
	background: #5CD679;
	margin: 0;
	padding: 4px 0 10px 0;
	border-radius: 10px;
	width: 100%;
	
}

.siteName {
	
	font-size: 16pt;
	
}

.distance {
	
	font-size: 20pt;
	width: 100%;
	text-align: center;
	
}

.searchResultsTitle {

	margin-bottom: 10px;
	font-size: 17px;

}

.searchResultsTopMobileContainer {
	
	width: 100%;
	text-align: center;
	display: none;

}

.searchResultsTitleMobile {

	font-size: 18px;
	margin-bottom: 10px;

}

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

	a.viewButton {
		
		width: 100%;	
		
	}

	a.siteName {
	
		display: block;
		width: 100%;
		font-size: 14pt;
		text-align: center;
		margin-bottom: 10px;
	
	}

	.searchResultsMiles {
		
		flex-direction: row;
		-webkit-flex-direction: row;
		-webkit-justify-content: center;
		align-items: center;
		-webkit-align-items: center;;
		padding: 1px;
		margin: 0;
		background: white;
		color: #5CD679;
		border: 2px solid #5CD679;
		
		
	}
	
	.distance {
		
		width: auto;
		margin-right: 12px;
		font-size: 22pt;
		
	}

	a.desktopOnly {
		
		display: none;
		
	}
	
	a.desktopOnly {
		
		color: black;
		
	}
	
	.searchResultsContainer {
		
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		
	}

	.leftCol {
		
		width: 100%;
		
	}
	
	.rightCol {
		
		width: 100%;
		
	}

	.searchResultsTopMobileContainer {
	
		display: inline-block;
	
	}
	


	.searchResultsBox1 {
		
		width: 100%;
		margin-bottom: 10px;
		position: relative;
		
		/*display: none;*/
		
		
	}
	
	.searchResultsBox1 img {

		width: 90%;
		display: block;
		margin: auto;
		
		
	}
	
	.searchResultsBox2 {
		
		width: 100%;
		
		
	}
	
	.searchResultsBox3 {
		
		width: 100%;
		
	
	.searchResultsMiles {
	
		
	

	}
	
	.searchResultsTitle {

	
		
	}
	
	h1 {
		
		font-size: 15pt;
		margin-bottom: 20px;
		text-align: center;
		
	}
	
	.rightColWhiteBGStay {
		
		border-radius: 8px;
		padding: 10px;
		
		
	}
	
	
	}
	
	.resultsFor {
	
		font-size: 18pt;
		font-weight: bold;
		margin-top: 10px;
		margin-bottom: 20px;
		padding-bottom: 15px;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #ccc;
		
	}

	
}