.video-component__desktop {
  display: block;
}

@media (max-width: 1199.98px) {
  .video-component__desktop {
    display: none;
  }
}

.video-component__desktop img {
  max-width: 100%;
}

.video-component__mobile {
  display: none;
}

@media (max-width: 1199.98px) {
  .video-component__mobile {
    display: block;
  }
}

.video-component__mobile img {
  max-width: 100%;
}

.video-component__mobile .bg-image {
  background-size: cover;
  height: 562px;
  background-position: center;
  max-height: 100vh;
  object-fit: cover;
}

.video-component .video-js {
  width: 100%;
  height: 80vh;
  display: flex;
  justify-content: center;
}

.video-component .video-js [class*="icon-"]::before {
  font-family: 'VideoJS';
}

.video-component .video-js .vjs-control-bar {
  font-size: 12px !important;
}

.video-component .video-js .vjs-control-bar .vjs-current-time, .video-component .video-js .vjs-control-bar .vjs-time-divider, .video-component .video-js .vjs-control-bar .vjs-duration {
  display: flex !important;
}

.video-component .video-js .vjs-control-bar .vjs-subs-caps-button, .video-component .video-js .vjs-control-bar .vjs-audio-button {
  display: block !important;
}

.video-component .video-js .vjs-progress-control {
  height: 0.5em;
  top: -0.5em;
}

@media (max-width: 1199.98px) {
  .video-component .video-js {
    height: 50vh;
  }
  .video-component .video-js .vjs-control-bar {
    font-size: 10px;
  }
  .video-component .video-js .vjs-current-time, .video-component .video-js .vjs-duration {
    padding: 0;
  }
}

.video-component .video-js .vjs-play-progress {
  background-color: #ffffff;
}

.video-component .video-js .vjs-next-button {
  display: none;
}

.video-component .video-js .vjs-volume-level {
  background-color: #ffffff;
}

.video-component .vjs-subs-caps-button .vjs-menu .vjs-menu-content .vjs-menu-item .vjs-subtitles-menu-item,
.video-component .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected,
.video-component .vjs-subs-caps-button .vjs-menu .vjs-menu-content .vjs-menu-item .vjs-subtitles-menu-item:hover,
.video-component .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected:hover {
  background-color: #ffffff !important;
  color: #1c1c1c !important;
}

.video-component .vjs-subs-caps-button, .video-component .vjs-audio-button {
  display: block !important;
}