.VideoBannerWrap {
   max-width: 1560px;
   height: auto;
   width: 100%;
padding: 20px 0 10px 0;
}



.VideoPlayer {
   float: left;
display: block;
   aspect-ratio: 16 / 9;
 /*  width: calc( 100% - 250px); if banner is there */
 width: 100%;
   height: 100%;
   max-width: 1560px;
}

.VideoBanner {
   float: right;
   min-width: 50px;
   height: auto;
}

.VideoBanner img {
   width: 100% !important;
   height: auto !important;
   display: block;
   object-fit: contain;}



.video-btm-banner {
   clear: both;
   width: 100%;
   max-height: 281px;
   padding:0;
   margin: 0 0 12px 0;
}
.video-btm-banner img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

@media (min-width: 960px) {

   .VideoBannerWrap {
padding: 0px 10% 10px 10%;
   }

 }/* min width 960px */

@media (max-width: 960px) {
   .VideoBanner {
      display: none !important;

   }

   .info>.name {
      font-size: 1.25rem;
   }

   .info>.date {
      font-size: 0.875rem;
   }

   .VideoPlayer {
      min-width: 100% !important;
      aspect-ratio: 16 / 9;

   }
}