#map {
  width: 100%;
  height: 600px;
  position: relative;
}

.list-zones__row {
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer;
  padding: 20px;
  position: relative;
}

.list-zones {
  max-height: 600px;
  min-width: 250px;
  overflow-y: auto;
}

ul {
  list-style: none;
}

#comunas {
  width: 40%;
}

.container_zonas {
  display: flex;
  max-width: 1200px;
  padding: 40px 40px 64px;
  width: 100%;
  position: relative;
  margin: 20px auto;
  background: white;
}

#container_map {
  width: 60%;
}

@media only screen and (max-width: 820px) {
  .container_zonas {
    display: flex;
    max-width: 1200px;
    padding: 40px 40px 64px;
    width: 100%;
    position: relative;
    margin: 20px auto;
    background: white;
    flex-direction: column;
  }

  #comunas {
    width: 100%;
  }

  #container_map {
    width: 100%;
  }
}