/** search form **/

#hw-geo-main-form #edit-search-term-wrapper {
	float: left;
}
#hw-geo-main-form #edit-submit {
	margin-top: 28px;
	float: left;
}

/**	Map **/

#map_canvas {
	width: 100%;
	height: 600px;
}

.geo {
	width: 92% !important;
	margin: auto 4%;
}

.map_wrapper {
	width: 100%;
}

/** marker infoWindow **/

.infoWindow {
	list-style: none;
	padding: 14px;
	margin: 0;
	line-height: 19px;
}

.infoWindow .map_title {
	color: #8299ad;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 6px;
}

/** marker list **/

.map_list ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 19px;
}


.map_list .map_title {
	width: 100%;
	padding: 8px 12px;
	font-weight: bold;
	color: #fff;
	background-color: #8ba5ba;
	box-sizing: border-box;
}

.map_list .map_title a {
	color: #fff;
	text-decoration: none;
}

.map_list .map_title a:hover {
	color: #eaeaea;
}

.map_list .map_other {
	width: 100%;
	padding: 12px;
	color: #333;
	background-color: #eaeaea;
	box-sizing: border-box;
}

.marker_label {
	color: #647a8e;
	font-weight: bold;
}

/* sp style */

.map_list .sp_marker .map_title {
	background-color: #395268;
}


.infoWindow .sp_marker .map_title {
	color: #395268;
}


/** responsive styles **/

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

	.map_wrapper {
		width: 92%;
		margin: 4% auto;
	}

	#map_canvas {
		height: 250px;
		width: 100%;
	}

	.map_list li {
		width: 100%;
	}

}
@media screen and (min-width: 650px) and (max-width: 824px) {

	#map_canvas {
		height: 350px;
		width: 100%;
		margin: 2% auto;
	}

	.map_list li {
		width: 44%;
		float: left;
		margin: 3%;
	}

}
@media screen and (min-width: 825px) and (max-width: 1184px) {

	#map_canvas {
		height: 450px;
		width: 70%;
		float: left;
	}

	.map_list {
		height: 450px;
		width: 29%;
		float: left;
		margin-left: 6px;
		overflow-x: hidden;
		overflow-y: auto;
	}

}
@media screen and (min-width: 1185px) {

	#map_canvas {
		height: 600px;
		width: 75%;
		float: left;
	}

	.map_list {
		height: 600px;
		width: 23%;
		float: left;
		margin-left: 6px;
		overflow-x: hidden;
		overflow-y: auto;
	}

}