.iframe-lightbox .content-holder {
      width: 100vw !important;
      height: 100vh !important;
}
  
  
  
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .iframe-lightbox .content-holder {
         width: 40vw;
         top: 8vh;
         height: 84vh;
         transform: none;
         left: 30vw;
         padding: 0;
  }

  .iframe-lightbox .content {
         padding: 0;
         width: 100%;
         height: 100%;
  }
}
  
  @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .iframe-lightbox .content-holder {
         width: 60vw;
         top: 15vh;
         height: 70vh;
         transform: none;
         left: 20vw;
         padding: 0;
  }

  .iframe-lightbox .content {
         padding: 0;
         width: 100%;
         height: 100%;
  }
}


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .iframe-lightbox .content-holder {
         width: 40vw;
         top: 8vh;
         height: 84vh;
         transform: none;
         left: 30vw;
         padding: 0;
  }

  .iframe-lightbox .content {
         padding: 0;
         width: 100%;
         height: 100%;
  }
}