.hotspot{
  text-align: center;
  .car_hover{
    display: inline-block;
    position: relative;
    img{
      width: 100%;
    }
    img:nth-of-type(1){
      display: none;
      @media only screen and (min-width: 768px){
        display: block;
      }
    }
    img:nth-of-type(2){
      @media only screen and (min-width: 768px){
        display: none;
      }
    }
    .ihotspot{
      height: 20px;
      width: 20px;
      background: transparent;
      z-index: 10;
      position: absolute;
      background-image: url(../images/dot1-1.png);
      background-repeat: no-repeat;
      background-size: 95%;
      background-position: center;
      cursor: pointer;
      display: none;
      @media only screen and (min-width: 768px){
        display: block;
      }
      .one{
        z-index: 11;
        display: block;
        position: absolute;
        height: 211px;
        width: 319px;
        padding: 0 30px;
        background-image: url(../images/popup-bg.png);
        background-repeat: no-repeat;
        left: -1313%;
        top: -1043%;
        text-align: left;
        h2{
          font-size: 20pt;
          font-weight: bold;
        }
        p{
          font-size: 14pt;
          line-height: 120%;
        }
      }
    }
    .ihotspot:hover{
      background-image: url(../images/dot2-1.png);
    }
    #ihotspot1{
      top: 72%;
      left: 12.5%;
    }
    #ihotspot2{
      top: 47.3%;
      left: 18.7%;
    }
    #ihotspot3{
      top: 55%;
      left: 37%;
    }
    #ihotspot4{
      top: 60%;
      left: 75%;
      z-index: 20;
    }
    #ihotspot5{
      top: 15%;
      left: 66.5%;
    }
    #ihotspot6{
      top: 25.5%;
      left: 65.5%;
    }
    #ihotspot7{
      top: 35%;
      left: 81%;
    }
    #ihotspot8{
      top: 49%;
      left: 82.5%;
    }
    #ihotspot9{
      display: none;
      top: 40%;
      left: 49%;
    }
  }
}