.div_video_left {
      height: 800px;
      overflow: auto;
      /* puts the scrollbar to the left */
      direction: rtl;
      text-align: left;
  }
  
  .div_video_right {
      height: 800px;
      overflow: auto;
  }
  
  .td_video_left {
      padding-right: 5px;
      /* text-align: left; */
      width: 50%;
  }
  
  .td_video_right {
      padding-left: 5px;
      text-align: justify;
      /* width: 75%; */
  }
  
  @media only screen and (max-height: 700px) {
      /* For tablets: max-width: 1000px  */
      .div_video_left,
      .div_video_right {
          height: 600px;
      }
  }
  
  @media only screen and (max-height: 600px) {
      /* For mobile phones: max-width: 600px */
      .div_video_left,
      .div_video_right {
          height: 500px;
      }
      h1 {
          display: none;
      }
  }
  
  @media only screen and (max-height: 500px) {
      .div_video_left,
      .div_video_right {
          height: 400px;
      }
  }
  
  @media only screen and (max-height: 400px) {
      .div_video_left,
      .div_video_right {
          height: 300px;
      }
  }