Google maps responsive

maps.html

<div class="col-xs-12 col-sm-6 noPadding">
	<div class="google-maps">
		<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3396.510998242563!2d-60.72046160000001!3d-31.6472367!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x95b5a9b2da770ee3%3A0x7b08213d6592c6cd!2sGimnasio+Willie+Pep!5e0!3m2!1ses!2sar!4v1439437884500" width="700" height="720" frameborder="0" style="border:0" allowfullscreen></iframe>
	</div>
</div>

new_gist_file.css

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}