@media screen and (max-width: 992px) {
  .video-bg{
    width: 100%;
    min-height: 100vh;
    z-index: 1;
  }
  .vide-page{
    height: 100%;
    background: linear-gradient(45deg, #6554C0 0%, #0065FF99 32.29%, #06c1ee 100%);
  }
  .page-three-item{
    height: auto;
    margin: 25px 0px !important;
  }
  .page-three-item-sinlge-left img {
    height: auto;
    margin-bottom: 20px;
  }
  .page-three-right-area {
    position: relative;
    width: 100%;
    height: auto;
  }
} 

@media screen and (max-width: 768px) {
  .skip-btn a{
    width: 100%;
  }
  .logo img{
    width: 100%;
  }
  .page-three-item-contne {
    border-radius: 10px;
    height: 100%;
  }
  .page-three-item-single-right h1 {
    margin-top: 20px;
  }
  
 .tems{
  width: 100%;
  height: 150px;
  display:none;
 }
}