#videoDiv {width: 100%; height: 360px; position: relative;}
#videoBlock {width: 100%; height: 100%;  display: flex;  justify-content: center; align-items: center;}


.section-banner video {
    width: 100%;
    max-height: 830px;
    object-fit: cover;
  }
    @media only screen and (min-width: 996px) and (max-width: 1012px){
      .section-banner video {
        height: 400px;
      }
    }
    @media only screen and (min-width: 1000px) and (max-width: 1279px){
      .section-banner video {
        width: 1014px;
        height: 668px;
        object-fit: cover;
      }
    }
    @media only screen and (max-width: 780px){
      .section-banner video {
        width: 758px;
        height: 395px;
        object-fit: cover;
      }
    }
    @media only screen and (max-width: 670px){
      .section-banner video {
        width: 657px;
        height: 342px;
        object-fit: cover;
      }
    }
    @media only screen and (max-width: 570px){
      .section-banner video {
        width: 558px;
        height: 291px;
        object-fit: cover;
      }
    }
    @media only screen and (max-width: 500px) and (min-width: 300px) {
        .section-banner video {
            height: 300px;
        }
    }