I´m creating a info DIV like bootstrap´s modal. Here is my example, try to resize the result space.
<https://jsfiddle.net/p1csbjy9/2/> 

This is the CSS code:

```
@media (min-width: 300px) and (max-width: 670px) {
  #infoWindow {
    min-height: 200px;
    background-color: #eee;
    position: fixed;
    bottom: 5%;
    border-radius: 10px;
    border: 1px solid #ccc;
    z-index: 10;
    left: 0;
    padding: 1%;
  }
}

#infoWindow {
  min-height: 200px;
  background-color: #eee;
  position: fixed;
  bottom: 5%;
  border-radius: 10px;
  border: 1px solid #ccc;
  z-index: 10;
  left: 33%;
  padding: 1%;
  max-height: 300px;
  overflow-y: auto;
}

```

The problem is, when I resize the window to mobile the DIV goes out of window. On desktop size all is fine.

What is wrong? maybe this is not the best way to do a modal, your suggestions are welcome.