.promo_video {
  padding-bottom: 10px;
}

.video-js {
  font-size: 11px !important;
  width: 640px;
  height: 360px;
  margin-right: auto;
  margin-left: auto;
  box-shadow: 0 15px 25px -2px rgba(0, 0, 0, 0.35);
}
.vjs-big-play-button {
  background-color: #00577a57 !important;
  border: none !important;
}

.video-js .vjs-control-bar {
background-color: #00577ac2 !important;
margin: 0 0 .5% .75% !important;
width: 98.5% !important;
border-radius: 6px !important;
}

.video-js .vjs-fullscreen-control {
display: none !important;
}

@media screen and (max-width: 991px) {
  .video_area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 767px) {
  .video_area {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .video-js {
    width: 480px;
    height: 270px;
  }
}

@media screen and (max-width: 479px) {
  .video_area {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .promo_video {
    padding-bottom: 0px;
  }

  .video-js {
    width: 320px;
    height: 180px;
    box-shadow: 0 10px 20px -2px rgba(0, 0, 0, 0.35);
  }
}