#map {
    position: relative; width: 92%; height: 0; padding-top: 86%;
    iframe {
        position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    }
}

@media screen and (max-width:768px) { 
  #map {
    width: 100%;
  }
}