.bayilerimiz { 
  height: 2000px; width: 100%; position: relative;
}

@media screen and (max-width: 767px) {
  .bayilerimiz { height: 490px; }
  .bayilerimiz .container { height: 490px; }

  #vmap { display: block; width: 100%; height: 100%; margin-top: -50px;  }
  .vmap-mask { display: block; pointer-events:none; background-size: auto 100%; position: absolute; top: 40px; bottom: 150px; left: 0; right: 0; margin:auto; }
  .jqvmap-label { font-family: 'pnbold', Helvetica, Arial, sans-serif; position: absolute; display: none; border-radius: 6px; background: #000; color: #FFF; font-size: 21px; padding: 6px 0; margin: auto; width: 120px; text-align: center; margin-left: 75px; margin-top: -15px; pointer-events:none; }
  .jqvmap-label:after { bottom: -10px; margin: auto; left: 0; right: 0; display: block; content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #000 transparent transparent transparent; }  
}

@media screen and (min-width: 768px) {
  .bayilerimiz { height: 490px; }
  .bayilerimiz .container { height: 490px; }

  #vmap { display: block; width: 100%; height: 100%; margin-top: -50px;  }
  .vmap-mask { display: block; pointer-events:none; background-size: auto 100%; position: absolute; top: 40px; bottom: 150px; left: 0; right: 0; margin:auto; }
  .jqvmap-label { font-family: 'pnbold', Helvetica, Arial, sans-serif; position: absolute; display: none; border-radius: 6px; background: #000; color: #FFF; font-size: 21px; padding: 6px 0; margin: auto; width: 120px; text-align: center; margin-left: 75px; margin-top: -15px; pointer-events:none; }
  .jqvmap-label:after { bottom: -10px; margin: auto; left: 0; right: 0; display: block; content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 11px 11px 0 11px; border-color: #000 transparent transparent transparent; }  
}

@media screen and (min-width: 1200px) {
  .bayilerimiz { height: 600px; }
  .vmap-mask {  bottom: 200px; }
}