.video-container {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow: hidden;

}


video {
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
}

@media only screen and (orientation:portrait){
video {
    top:0%;  
    left: 50%;
    transform: translate(-50%, 0%);}
}
 


@media only screen and (orientation:landscape){
video {
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);}
}


#mobile-portrait, #mobile-landscape, 
#tablet, 
#desktop-portrait, #desktop-landscape
{display: none;}




/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (orientation:portrait) and (max-height:320px){.video-container {top:50px;}}   
@media only screen and (orientation:portrait) and (min-height:321px){.video-container {top:60px; left:0;}}   





/*----------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (orientation:portrait) and (min-height:320px) and (max-height:480px) {#mobile-portrait {display: block;}}

@media only screen and (orientation:portrait) and (min-height:481px) and (max-height:767px) {#mobile-portrait {display: block;}}

@media only screen and (orientation:portrait) and (min-height:768px) and (max-height:1439px) {#tablet {display: block;}}

@media only screen and (orientation:portrait) and (min-height:1440px) {#desktop-portrait {display: block;}}



@media only screen and (orientation:landscape) and (min-width:320px) and (max-width:800px) {#mobile-landscape {display: block;}}

@media only screen and (orientation:landscape) and (min-width:801px) and (max-width:1023px) {#mobile-landscape {display: block;}}

@media only screen and (orientation:landscape) and (min-width:1024px) and (max-width:1439px) {#tablet {display: block;} video {top:15%; transform: translate(-50%, -15%);}}

@media only screen and (orientation:landscape) and (min-width:1440px){#desktop-landscape {display: block;}}