@media screen and (max-width: 499px) {
  #markerCounter {
    left: 30%;
    right: 30%;
    padding: 3px 0;
  }

  md-sidenav,
  md-sidenav.md-locked-open,
  md-sidenav.md-closed.md-locked-open-add-active {
     min-width: 200px !important;
     width: 84vw !important;
     max-width: 400px !important;
}
}