/* Set the size of the div element that contains the map */

#gmap_wrapper {
  width:100%;
  padding-top:56.25%;
  position: relative;
  margin:auto;
}

#map {
  padding-top: (465 / 1440 * 100%);
  height: 700px;
  /* The height is 400 pixels */
  width: 100%;
  /* The width is the width of the web page */
 
}

/* width 640px min*/
@media only screen and (max-width:  640px) { 
  #gmap_wrapper {
      width: 50%;
    height: auto;
  }
}