.container-video {
    position: relative;
    height: auto;
    overflow: hidden;
    opacity: 0.01;
    -webkit-animation: load 1.5s 0.8s ease-out forwards;
    animation: load 1.5s 0.8s ease-out forwards;
  
      }
      
#videof{
    height: 1080px;
}
#backserv{
    height: 900px;
}
#imageserv{
    width: 102%;
}
@media screen and  (max-width: 1550px){
   
    #videof{
        height: 872px;
    }
   
   
 }

 @media screen and  (max-width: 1500px){
   
    #videof{
        height: 844px;
    }
   
   
 }




@media screen and  (max-width: 1450px){
    .container-video{
        width: 111%;
        height: auto;
        position: relative;
     
        overflow: hidden;
        opacity: 0.01;
        -webkit-animation: load 1.5s 0.8s ease-out forwards;
        animation: load 1.5s 0.8s ease-out forwards;
    }
    #videof{
     height: 810px;
    }
    #backserv{
        width: 98%;
        height: 564px
    }
   
 }


 @media screen and  (max-width: 1400px){
   
    #videof{
        height: 788px;
    }
   
   
 }

 @media screen and  (max-width: 1350px){
   
    #videof{
        height: 759px;
    }
   
   
 }

 @media screen and  (max-width: 1300px){
   
    #videof{
        height: 730px;
    }
   
   
 }

 @media screen and  (max-width: 1250px){
   
    #videof{
        height: 703px;
    }
   
   
 }

 @media screen and  (max-width: 1200px){
   
    #videof{
        height: 675px;
    }
   
   
 }

 @media screen and  (max-width: 1150px){
   
    #videof{
        height: 647px;
    }
   
   
 }


 @media screen and  (max-width: 1100px){
   
    #videof{
        height: 614px;
    }
   
   
 }



 @media screen and  (max-width: 1050px){
   
    #videof{
        height: 590px;
    }
   
   
 }



 
@media screen and (max-width: 1024px){
    #videof{
        height: 576px;
    }
    #backserv{
        height: 374px;
    }
   
 }
 @media screen and (max-width:768px){
    #videof {
        height: 432px;
    }
    .container-video{
        height: 449px;
    }
 }

 @media screen and (max-width:550px){
    .container-video {
        height: 309px;
    }
     #videof{
        height: 309px;
     }
 }

 @media screen and (max-width:500px){
    .container-video {
        height: 282px;
    }
     #videof{
        height: 281px;
     }
 }

 @media screen and (max-width:475px){
    .container-video {
        height: 267px;
    }
     #videof{
        height: 268px;
     }
 }

 @media screen and (max-width:450px){
    .container-video {
        height: 253px;
    }
     #videof{
        height: 253px;
     }
 }

 @media screen and (max-width:425px){
    .container-video {
        height: 239px;
    }
     #videof{
        height: 239px;
     }
 }

 @media screen and (max-width:375px){
    .container-video {
        height: 210px;
    }
    #videof{
       height: 211px;
    }
}

@media screen and (max-width:320px){
    .container-video {
        height: 177px;
    }
    #videof{
        height: 181px;
    }
}