
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) { 
.video-container video {
    height: 60vh;
 
}
}

/* 2436x1125px at 458ppi */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) { 
        
        .video-container video {
    height: 60vh;

}
    }
    
    
    /* 2688x1242px at 458ppi */
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 3) { 
        
                .video-container video {
    height: 60vh;

}
        
    }
    
    
    /* For iPhone 12 pro  */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {

        
                 .video-container video {
    height: 60vh;
}
    }
    
    /* iPhone 13 mini */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3) {
        
               .video-container video {
    height: 60vh;
  
               }
    }
    
        /* iPhone 13 and iPhone 13 Pro */
@media only screen 
    and (device-width: 390px) 
    and (device-height: 844px) 
    and (-webkit-device-pixel-ratio: 3) {
        
               .video-container video {
    height: 60vh;
   
               }
    }
    
            /* iPhone 13 Pro Max */
@media only screen 
    and (device-width: 428px) 
    and (device-height: 926px) 
    and (-webkit-device-pixel-ratio: 3) {
        
               .video-container video {
    height: 60vh;

               }
    }
    
    
                /* iPhone 11 */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2)  {
        
               .video-container video {
    height: 60vh;

               }
    }
    
        
                /* iPhone 11 Pro */
@media only screen 
    and (device-width: 375px) 
    and (device-height: 812px) 
    and (-webkit-device-pixel-ratio: 3)   {
        
               .video-container video {
    height: 60vh;

               }
    }
    
    
                    /* iPhone 11 Pro Max */
@media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 3)   {
        
               .video-container video {
    height: 60vh;

               }
    }
    
    
    /* iPhone 11 SE */
 /*   @media only screen and (-webkit-min-device-pixel-ratio: 2),
                    only screen and (min--moz-device-pixel-ratio: 2),
                    only screen and (-o-min-device-pixel-ratio: 2/1),
                    only screen and (min-device-pixel-ratio: 2)
{ 
            .video-container video {
    height: 70vh;

               }
    
}*/