#scrollable-div {
	max-height: 350px;
	overflow-y: scroll;
}

#overlay-pic-rotate {
	min-height: 125px;
	max-height: 125px;
}

#rotation-img {
	max-height: 125px;
	max-width: 125px;
	margin: auto;
}

#property-overlay {
	position:absolute;
	width: 150px;
}

#property-thumbnail {
	max-width: 302px;
}

.map {
	width:100%; 
	height:350px;
	border-top:solid 1px #eee;
	border-bottom:solid 1px #eee;
}

/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.map img {
	max-width: none;
}

.map-box {
	height: 250px;
}

.map-box-space {
	margin-top: 15px;
}
.map-box-space1 {
	margin-top: 7px;
}

@media only screen and (min-width: 800px) {
	#scrollable-div {
		max-height: 600px;
		overflow-y: scroll;
	}
	
	#overlay-pic-rotate {
		min-height: 325px;
		max-height: 325px;
	}
	
	#rotation-img {
		max-height: 325px;
		max-width: none;
	}
}