@media screen and (max-width: 768px) {

    .container-fluid {

padding: 60px 50px;

}





.main-content{

height: 80vh;

width: 100%;

display: flex;

align-items: center;

justify-content: space-between;

overflow: hidden;

font-family: var(--priFont);

}

.main-content video{

position: absolute;

width: 100%;

background-attachment: fixed;

left: 0;

object-fit: cover;

pointer-events: auto;

}





  }









@media screen and (max-width: 480px) {

    .container-fluid {

      padding: 60px 50px;

    }

  

  

     .main-content{

    height: 80vh;

      width: 100%;

      display: flex;

      align-items: center;

      justify-content: space-between;

      overflow: hidden;

      font-family: var(--priFont);

    }

    .main-content video{

      position: absolute;

      width: 100%;

     background-attachment: fixed;

      left: 0;

      object-fit: cover;

      pointer-events: auto;

    }

  }