@media (max-width: 790px) {
  .google-maps {
        position: relative;
        padding-bottom: 75%;
        width: 100% !important;
        height: 327px;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
  }


 @media (min-width: 800px) {
    .google-maps {
        position: relative;
        width: 100% !important;
        height: 300px;
        overflow: hidden;
    }
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
  }