.video-js .vjs-time-control{
  padding-left: 0em !important;
  padding-right: 0em !important;
  min-width: 1em !important;

}
.video-js .vjs-control-bar { font-size: 150% }
.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.65em;
}

.video-js .vjs-big-play-button, .vjs-default-skin .vjs-big-play-button {
  left: 50%;
  top: 50%;
  margin-left: -1.5em;
  /* margin-top: -1.7em; */

}


.video-js .video-js:focus .vjs-big-play-button:focus, .vjs-default-skin .vjs-big-play-button:focus {
  outline: none !important;
}
/* make the player count up*/
.video-js .vjs-time-control{display:block;}
.video-js .vjs-remaining-time{display: none;}



@media only screen and (max-width: 768px) {
  .video-js .vjs-time-control{
    padding-left: 0em !important;
    padding-right: 0em !important;
  }
  .video-js .vjs-control-bar { font-size: 150% }
  .vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
    opacity: 1;
    background-color: #393D47 !important;
    margin-top: -1.7em;
  }
  .video-js .vjs-volume-panel{
    display:none;
  }
  .video-js .vjs-duration{display: none;}
  .video-js .vjs-time-divider{display: none;}

  .video-js.video-js:hover .vjs-big-play-button,.video-js.video.js .vjs-big-play-button:focus {
    opacity: 1;
  }
  .video-js.vjs-playing.vjs-user-active .vjs-big-play-button {
    display: none;
  }

}

.video-js:focus-visible {
  outline: none !important;
  outline-style: none ;
  box-shadow: none;
  border-color: transparent;
}


.video-js.vjs-vtt-thumbnails{
  display:block;
}.video-js 
.vjs-vtt-thumbnail-display{
  border:1px solid #fff;
  position:absolute;
  transition:transform .1s, opacity .2s;
  bottom:15%;
  pointer-events:none;
  box-shadow:0 0 7px rgba(0,0,0,0.6);
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-big-play-button,
.vjs-flat-skin .vjs-fullscreen-control,
.vjs-flat-skin .vjs-subtitles-button,
.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button { /*Remove comma from end*/
  border: none !important;
  box-shadow: none !important;
}
.video-js:focus {
  outline: none !important;
}
  .video-js .vjs-progress-control {  
    position: absolute;
    bottom: 46px;
    left: 0;
    right: 0;
    width: 100%;
    height: 30px;
    /*background-color: rgba(43,51,63,0.7);*/
  }
  .video-js  .vjs-progress-holder {
    margin-left: 0px;
    margin-right: 0px;
  }
  .video-js .vjs-play-progress {
    background: #ff0000 !important;
  } 

  .video-js .vjs-playback-rate{
    position: absolute;
    bottom: 0; right: 80px; 
  }
  .video-js .vjs-picture-in-picture-control{
    position: absolute;
    bottom: 0; right: 40px;
  }
  .video-js .vjs-fullscreen-control {
    position: absolute;
    bottom: 0; right: 0;
  }

  .video-js.vjs-user-active .vjs-progress-control .vjs-mouse-display {
    margin-top: 21px !important;
  }
  
  .video-js div.vjs-subs-caps-button{
    position: absolute;
    bottom: 0; 
    right: 130px;
    border: 0px solid red;
    width: 2em !important;
  }

  .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-big-play-button,
.vjs-flat-skin .vjs-fullscreen-control,
.vjs-flat-skin .vjs-subtitles-button,
.video-js.vjs-default-skin.vjs-paused .vjs-big-play-button { /*Remove comma from end*/
border: none !important;
box-shadow: none !important;
}

.vjs-text-track-display{
 height: 100%;
}