.map-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.map-container iframe {
    width: 100% !important;
    height: 640px !important;
}
@media (max-width: 992px) {
    .map-container {
    padding: 0 10px !important;
  }
} 
@media (max-width: 768px) {
.map-container iframe {
    width: 100% !important;
    height: 440px !important;
}
}