/* modify player for right side banner */

#pageContent {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 0px;
  padding-left: 0px;
}


.vjs-poster {
   display: none !important;
}
.media-wrapper {
    display: block;
    aspect-ratio: 16 / 9;
    width: calc(100% - 215px);
}

.video-billboard {
   text-align: right;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin: 0px 0 0 0;
   display: block;
   position: relative;
}


.video-billboard img {
   padding: 0;
   margin: 0;
   z-index: 1000;
   position: absolute;
   top: 0px;
   right: 0;
   display: inline-block;
   max-width: 218px !important;
   min-height: 440px !important;
   height: 100% !important;
}


    @media only screen and (min-width: 740px) and (max-width: 1000px) {
    /*  and (orientation:portrait) { */
      /* For portrait layouts only */
         .video-billboard img { width: 100%; max-width: 21.5% !important; height: auto !important; min-height: auto !important; padding-right: 20px; visibility: visible; }
    }
/*
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
       For landscape layouts only
    }
*/

@media only screen and (max-width: 740px) {

/*
   [id^="mep_"] {
      width: 100% !important;
      height: 100% !important;
      min-height: initial !important;
      aspect-ratio: 16 / 9 !important;
   }
*/

     [id^="video_"] {
width: 100% !important;
      height: 100% !important;
      min-height: initial !important;
      aspect-ratio: 16 / 9 !important;
   }

.media-wrapper {
    display: block;
    aspect-ratio: 16 / 9;
    width: calc(100% - 0px);
}


   .video-billboard,
   .video-billboard img {
      width: 0px;
      height: 0px;
      display: block !important
      visibility: visible !important;
   }

}

/* end modify player for right side banner */

/* Date Alignment under Video For Desktop & Mobile  */

.VideoWrap > .info > .date{

	    max-width: 35%;
}

@media only screen and (max-width: 740px) {
.VideoWrap > .info > .date{

	    max-width: 48%;
}
}
/* End Date Alignment under Video For Desktop & Mobile  */