.vn-player {
  z-index: unset;
}

span.hidden {
  display: none;
}

#vn-player-contentMenu.bottom-button-type-1.open .menu {
  z-index: 4;
  position: absolute;
}

.vn-player .vn-ap>.marker>.label {
  z-index: 3;
}

.vn-player .vn-ap .flags {
  z-index: 3;
}

.vn-player .vn-ap.active { 
  z-index: 1;
}

@media only screen and (max-device-width: 321.99px) { 
  #vn-player-contentMenu.bottom-button-type-1 .menu-button .text {
    padding: 0.1em 0.5em;
  }

  .vn-player .vn-cnt-place>.cnt-box {
    max-height: 80vh;
  }

  #vn-player-contentMenu.bottom-button-type-1 .menu-button {
    font-size: 1em;
  }
}

@media (min-width: 322px) and (max-width: 371.99px) { 
  #vn-player-contentMenu.bottom-button-type-1 .menu-button .text {
    padding: 0.1em 0.5em;
  }

  .vn-player .vn-cnt-place>.cnt-box {
    max-height: 80vh;
  }

  #vn-player-contentMenu.bottom-button-type-1 .menu-button {
    font-size: 1.12em;
  }
}

@media (min-width: 372px) and (max-width: 421.99px) { 
  #vn-player-contentMenu.bottom-button-type-1 .menu-button .text {
    padding: 0.1em 0.5em;
  }

  .vn-player .vn-cnt-place>.cnt-box {
    max-height: 80vh;
  }

  #vn-player-contentMenu.bottom-button-type-1 .menu-button {
    font-size: 1.25em;
  }
}

@media (min-width: 422px) and (max-width: 499.99px) { 
  .vn-player .vn-cnt-place>.cnt-box {
    max-height: 80vh;
  }

  #vn-player-contentMenu.bottom-button-type-1 .menu-button {
    font-size: 1.4em;
  }
}

@media (min-width: 500px) and (max-width: 768px) { 
  .vn-player .vn-cnt-place>.cnt-box {
    max-height: 80vh;
  }
}