/*
html, body {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
*/
#vmap {
    width: 100%;
    height: 100%;
    
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }

  /* Setup basic CSS for Label */
  .jqvmap-pin {
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial, sans-serif;
    cursor: default;
    pointer-events: none;
    color: white;
  }

  /* Hide Whichever Labels you want */

  #jqvmap1_ri_pin, #jqvmap1_dc_pin, #jqvmap1_de_pin, #jqvmap1_md_pin {
    display: none;
  }

  /* Reposition Labels that are not quite right ( labels are centered in shape, and sometimes need tweaking ) */
 

  #jqvmap1_ar_pin {
    margin-top: -1%;
    margin-left: -1%;
  }

  #jqvmap1_ak_pin {
    margin-top: -2%;
  }
  
  #jqvmap1_al_pin {
    margin-top:  -1%;
    margin-left: -1%;
  }

  #jqvmap1_ca_pin {
    margin-left: -2.5%;
  }

  #jqvmap1_ct_pin {
    margin-top: -0.25%;
    margin-left: 2%;
    color: black;
  }

  #jqvmap1_de_pin {
    margin-top: 1%;
    margin-left: 2%;
    color: black;
  }

  #jqvmap1_md_pin {
    margin-top: 1%;
    margin-left: 2%;
    color: black;
  }

  #jqvmap1_fl_pin {
    margin-left: 4%;
  }

  #jqvmap1_ga_pin {
    margin-top: -1%;
    margin-left: -1%;
  }

  #jqvmap1_ia_pin {
    margin-top: -1%;
    margin-left: -1%;

  }

  #jqvmap1_id_pin {
    margin-top: 3%;
    margin-left: -1%;
  }

  #jqvmap1_il_pin {
    margin-top: -1%;
    margin-left: -0.5%;
  }

  #jqvmap1_in_pin {
    margin-top: -1%;
    margin-left: -0.5%;
  }

  #jqvmap1_ks_pin {
    margin-top: -1%;
    margin-left: -1%;
  }

  #jqvmap1_ky_pin {
    margin-top: -1%;
    margin-left: 1%;
  }

  #jqvmap1_la_pin {
    margin-top: -0.75%;
    margin-left: -2.5%;
  }

  #jqvmap1_mi_pin {
    margin-top: 3%;
    margin-left: 2%;
  }

  #jqvmap1_ma_pin {
    margin-top: -0.3%;
    margin-left: 2.5%;
    color: black;
  }

  #jqvmap1_me_pin {
    margin-top: -1.25%;
    margin-left: -1%;
  }


  #jqvmap1_mo_pin {
    margin-top: -1%;
    margin-left: -1%;
  }

  #jqvmap1_mn_pin {
    margin-top: 1%;
    margin-left: -2.5%;
  }

  #jqvmap1_ms_pin {
    margin-top: -0.2%;
    margin-left: -0.7%;
  }

  #jqvmap1_nc_pin {
    margin-top: -1%;
    margin-left: 1%;
  }

  #jqvmap1_nh_pin {
    margin-top: 1%;
    margin-left: 2%;
    color: black;
  }

  #jqvmap1_nj_pin {
    margin-top: 0%;
    margin-left: 1.6%;
    color: black;
  }

  
  #jqvmap1_oh_pin {
    margin-top: -0.5%;
    margin-left: -1%;
    
  }

  #jqvmap1_ok_pin {
    margin-top: -1%;
    margin-left: 2%;
    
  }

  #jqvmap1_pa_pin {
    margin-top: -0.8%;
    margin-left: -1%;
    
  }

  #jqvmap1_sc_pin {
    margin-top: -0.8%;
    margin-left: 0.5%;
  }

  #jqvmap1_sd_pin {
    margin-top: -1%;
    margin-left: -1%;
  }

  #jqvmap1_tn_pin {
    margin-top: -0.6%;
    margin-left: -1%;
  }

  #jqvmap1_va_pin {
    margin-top: -0.8%;
    margin-left: 1%;

  }

  #jqvmap1_vt_pin {
    margin-top: -4%;
    margin-left: -1%;
    color:black;

  }

  #jqvmap1_wv_pin {
    margin-left: -1.8%;
    margin-top: 0.8%;
  }

  /* Add responsibe support to resize labels for difference screen sizes */
  /*
  @media only screen and (min-width: 320px) {
    .jqvmap-pin {
      font-size: 6px;
    }
  }

  @media only screen and (min-width: 480px) {
    .jqvmap-pin {
      font-size: 8px;
    }
  }

  @media only screen and (min-width: 640px) {
    .jqvmap-pin {
      font-size: 9px;
    }
  }

  @media only screen and (min-width: 800px) {
    .jqvmap-pin {
      font-size: 10px;
    }
  }

  @media only screen and (min-width: 1024px) {
    .jqvmap-pin {
      font-size: 12px;
    }
  }
*/
/*************MAP WIDTH****************/


/** X-Small devices (portrait phones, less than 576px)**/
@media (min-width: 1px) and (max-width: 575px) { 
  
        #vmap {

         width: 414px;
        }

        .jqvmap-pin {
          font-size: 6px;
        }

 }

/**  Small devices (landscape phones, less than 768px) **/
@media (min-width: 576px) and (max-width: 767px) {
  
      #vmap {

        width: 650px;
      }

      .jqvmap-pin {
        font-size: 8px;
      }

}

/**  Medium devices (tablets, less than 992px) **/
@media (min-width: 768px) and (max-width: 991px) {
  
        #vmap {

          width:800px;
        }

        .jqvmap-pin {
          font-size: 9px;
        }

        
}

/**  Large devices (desktops, less than 1200px) **/
@media (min-width: 992px) and (max-width: 1199px) {

        #vmap {

          width: 840px;
        }

        .jqvmap-pin {
          font-size: 12px;
        }

}

/**  X-Large devices (large desktops, less than 1400px) **/
@media (min-width: 1200px) and (max-width: 3000px) {
  
        #vmap {

          width: 850px;
          
        }

        .jqvmap-pin {
          font-size: 12px;
        }

}