/**
 * Frontend Styles for SP Google Maps
 * 
 * @package     SP Google Maps
 * @author      Kudratullah
 * @version     1.1.1
 * @since       SP Google Maps 1.0
 * @copyright   2017 SamePage Inc.
 * @license     GPL-2.0+ 
 */
.sp_maps_container{
	position:relative;
	display:block;
	margin:0 auto;
	padding: 0;
	float:left;
	width: 100%;
}
.google-maps-steetview,
.google-maps-basic{
	position: relative;display:block;float:left;
	margin: 10px 0; padding: 0;
	width: 100%;
	height:300px;
}

.google-maps-route-calc{
	position: relative;display:block;float:left;
	margin: 10px 0; padding: 0;
	width: 100%;
	
}
.google-maps-steetview .gm-iv-address {
	height: auto !important;
}
@media only screen and (min-width: 767px){
	.google-maps-steetview,
	.google-maps-basic{
		position: relative;display:block;float:left;
		margin: 10px 0; padding: 0;
		width: 50%;
		height:350px;
	}
}

.sp_maps_container:after,.sp_maps_container:before,
.cf:before,.cf:after {content:"";display:table;}
.sp_maps_container:after,
.cf:after {clear:both;}
.sp_maps_container,
.cf {zoom:1;}