@media screen and (max-width: 900px) {
  .map h1 {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 800px) {
  .map h1 {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 600px) {
  .map h1 {
    font-size: 1.4rem;
    margin-top:5%
  }
    .svg_popover > div{min-width: 160px; font-size:70%;}
    .forsale::before,.preorder::before,.sold::before,.reserve::before{
        width: 25px;
        height: 25px;
        background-size: contain;
        left: -10px;
        top: -3px;
    } 
    .call::before {
    width: 20px;
    height: 24px;
    }
}

@media screen and (max-width: 420px) {
  .head {
    width: 100%;
  }
  .map h1 {
    font-size: 1.4rem;
    margin-top:5%
  }
}
@media screen and (orientation: landscape) and (max-width: 840px){
    .map h1 {font-size: 1.2rem;}
    .svg_popover > div{min-width: 180px; font-size:75%;}
    .head{float: right;}
    .fixed-top .h_overlay{display:none}
}

@media screen and (orientation: landscape) and (max-width: 670px){
    .svg_popover > div{min-width: 160px; font-size:70%;}
}