#video-close {
            position: absolute;
    z-index: 999999;
    right: 20px;
    top: 45px;
    display:none;
    height: 60px;
    width: 60px;
    padding: 20px;
    cursor:pointer;
}



#video-close.show {
    display:block;
}
.custom-video-banner-con{
    border-radius: 0 400px 400px 0;
border: 12px solid #8CF585;
border-left:0;
overflow:hidden;
width:56%;
position:absolute;
top:0;
left:0;
      margin-top:-12px;
      transition:all 1s ease-in-out;
      transition-property: height, width, background;
      max-height:748px;
}

.custom-video-banner-con.playing, .custom-video-banner-con.playing .custom-banner-video{
    border:0;
    border-radius:0;
    width:100%!important;
    background:black;
    transition:all 1s ease-in-out;
    transform:translate(0%);
}

.custom-video-banner-con.playing .custom-banner-video{
    min-width:100%;
}

 .custom-banner-video{
      width:100vw!important;
      max-width:1440px!important;
      margin-left:-50%;
      transform:translate(-25%);
      transition:all 1s ease-in-out;
      margin-bottom:-8px!important;
  }
  
  .custom-banner-video:poster{
      width:100vw!important;
      min-width:100vw;
      margin-left:-50%;
      transform:translate(-25%);
      transition:all 1s ease-in-out;
  }

    @media screen and (min-width:1024px) {
      .custom-banner-video{
      max-height:748px;
  }
}



@media screen and (max-width:767px) {
  .custom-video-banner-con {
    margin-right:38px;
    margin-top:32px;
}
.custom-video-banner-con{
border: 5px solid #8CF585;
border-left:0;
}
  }
  
  @media screen and (max-width:1024px) {
    .custom-banner-video {
          min-height:519px;
          width:150vw;
          min-width:158vw;
          margin-top:-50%;
          transform: translate(-25%, -10%);
  }
  
        .custom-video-banner-con {
width:90%;
max-height:550px;

}

  .custom-video-banner-con {
    margin-right:85px;
    margin-top:50px;
}

@media screen and (max-width:767px) {
    
    .custom-video-banner-con {
    margin-top:30px;
}
}



.custom-video-banner-con{
border: 7px solid #8CF585;
border-left:0;
}
  }
  
  @media screen and (max-width:768px) {
    .custom-banner-video {
          min-height:70vw;
  }
  
          .custom-video-banner-con {
width:92%;
max-height:70vw;
}

  }