@media screen and (max-width: 481px) {
  #map {
    box-sizing: border-box; /* Include padding and border in the width */
    height: 460px !important;
    width: 78% !important;
    margin-left: 8%;
    margin-right: auto;
    float: none; /* Remove float */
    margin-top: 20px; /* Adjust top margin if needed */
    border: 0.5em solid rgb(0, 146, 70);
    border-radius: 15px;
  }
}
@media screen and (min-width: 482px) {
#map {
  box-sizing: border-box; /* Include padding and border in the width */
  height: 400px !important;
  width: 100% !important;
  margin-left: auto;
  margin-right: auto;
  float: none; /* Remove float */
  margin-top: 20px; /* Adjust top margin if needed */
  border: 0.5em solid rgb(0, 146, 70);
  border-radius: 15px;
}
}