@font-face {
    font-family: 'SlimSansSerif';
    font-style: normal;
    font-weight: normal;
    src: local('SlimSansSerif'), url('SlimSansSerif.woff') format('woff');
    }













.sidenav {
  height: 100%;
  width: 0;
  position:fixed;
  z-index: 2;
  top: 0;
  right: 0;
  background-color: rgb(1,2,9,0.89);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 100px;
}

.sidenav a {
  padding: 0px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.3s;
    font-family:acumin-pro,arial;
    
}
.sidenav li{
 padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 16px;
  color: white;
  display: block;
  transition: 0.3s;
    font-family:acumin-pro,arial;   
    
}

.Container{
       max-width: 834px;
    min-width: 320px;
        margin: auto;
        
    }

   .kadertitle{
   width: 42%;
    height:auto;
    position: fixed;
    z-index: 1;
    margin-left: 25px;
    margin-top: 15px;
   
}

.topnav{
    height: 70px;
   width: 100%;
    position: fixed;
    background-color: #030513;
    margin: 0px;
    top:0;
    left: 0;
    display: block;
    z-index:-1;
    opacity: 0.9;
    
      
}

.foo{
    color: rgb(193, 154, 83);
    position:fixed;
    margin-left: 200px;
    margin-top: 15px;
}
.foo img{
    position:fixed;
    width: 28px;
    margin-left: 65px;
    margin-top: 15px;
}
.sidenav a:hover {
  color: #f1f1f1;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 10px;
    color:#f7cd46;
}
.synopsisback{
    
    
    width: 100%;
    height: auto;
    background-color: white;
    position: relative;
    z-index: -8;
}

.about h2{
    text-align: left;
    font-family:slimsansserif,arial;
    font-size: 22px;
    font-weight: 200;
    font-stretch:extra-condensed;
    padding: 0px 10px 0px 50px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    z-index: -3;
    
}

.synopsisback p{
    text-align: justify;
    font-family:acumin-pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    font-stretch: condensed;
   color:black;
    opacity: 0.75;
    position:relative;
 z-index: -4;
    
   
}

.trailer{
    width:100%;
    height: auto;
    padding-top: 0px;
}

.trailer h2{
    
   text-align: left;
    font-family: slimsansserif,arial;
    font-size: 22px;
    padding: 0px 40px 10px 43px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    margin-bottom:0px;
    z-index: -8;
}


.img-Kader{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
     margin-left: auto;
  margin-right: auto;
    display: flex;
    z-index: -4;
}

.techspecs p1{
    
   text-align: justify;
    font-family: slimsansserif,arial;
    font-size: 18px;
    padding: 22px 95px;
color:white;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 5px;
    z-index: -5;
}
.techspecs p2{
    
 text-align: justify;
    font-family:acumin-pro,arial;
    font-size: 18px;
    padding: 56px 95px;
color:white;
    opacity: 0.75;
    position: absolute; 
    z-index: -6;
}
.techspecs p3{
    
 text-align: justify;
    font-family:acumin-pro,arial;
    font-size: 13px;
    padding: 77px 95px;
color:white;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 2px;
    z-index: -6;
}
.techspecs p4{
    
 text-align:justify-all;
    font-family: acumin-pro,arial;
    font-size: 13px;
    padding: 98px 95px;
color:white;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 2px; 
    z-index: -6;
}
/*.bottom{
    width:100%;
    float:;
    color: aliceblue;*/
    
}
.wrapper{
    margin:0px auto;
    width: 60%;
    height: 230px;
   
}

.videowrapper{
    
   position: relative;
    padding-bottom: 56.25%;
    height: 200px;
   
    width: 210px;
border-bottom: 2px solid #3399cc;
    border-top: 2px solid #3399cc;
    
    border-right: 2px solid #3399cc;
  
    margin-left: 80px;
   
    
    }

.videowrapper iframe{
    position: absolute;
    left: 40%;
    right: auto;
    height: 100%;
    width: 130%;
    border: none;
    padding-top: 1%;
    
}

#recten{
  width:100%;
   stroke-width: 2px;
    
    
    
}
.Cast{width:100%;
height:auto;
}


.Cast h2{
    
   text-align: left;
    font-family: slimsansserif,arial;
    font-size: 14px;
    padding: 0px 40px 0px 43px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    margin-bottom:0px;
    z-index: -8;
    
}
.Castback p{
 font-family:acumin-pro,arial;
font-size: 14px;
   color:#b58d0b;
    opacity: 0.75;
    margin: 0px;
 font width: 50px;
    z-index: -8;
    position: relative;
    padding: 1px;
  
}

.Castback p2{color: black;}


.Castback{
    
    
    width: 100%;
    height: auto;
    background-color: white;
    position: relative;
    z-index: -8;
}
.Crew h2{
    
 text-align: left;
    font-family:slimsansserif ,arial;
    font-size: 22px;
    padding: 10px 10px 0px 43px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    margin-bottom:0px;
    z-index: -9;
    margin-top: 40px;
}
.Crewback p{
 font-family:acumin-pro,arial;
font-size: 14px;
   color:#b58d0b;
    opacity: 0.75;
    margin: 0px;
 font width: 50px;
    z-index: -8;
    position: relative;
    padding: 1px;
    
}

.Crewback p2{color: black;}

.Crewback{
    
   width: 100%;
    height: auto;
    background-color: white;
    position: relative;
  padding-top:8px;
    padding-bottom: 8px;
    z-index: -8;  
    
    
}

.Poster {width:100%;
height:auto;
}

.Poster h2{
    text-align: left;
    font-family: slimsansserif,arial;
    font-size: 22px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    margin-bottom:0px; 
    z-index: -11;

    
}

/*.parent{
    
    width:150px;
    height:250px;
    position: absolute;
    background-color:#111;
    padding-left:20px;}
*/

.rectengallery{

 display: flex;
flex-wrap: wrap;   
position: relative;
border-bottom: 2px solid #3399cc;
    border-top: 2px solid #3399cc;
    border-left: 2px solid #3399cc;
    height: 250px;
    width:auto;
    margin-left: 60px;
    
}

.rectengallery img {
    transition: 1s;
    flex: 2;
    display: flex;
    flex-wrap: wrap;
    float: left;
    padding:0px 0px 0px 15px;
    width:120px;
    height: auto;
    z-index: -79;
    margin-left: -40%;
    margin-top:10%;
    

    
}




a.lightboxasu img {
height: 400px;
    width:auto;
margin: 25px 5px 5px 40px;
    z-index: -12;
    position: relative ;
    display:block;
}



.lightboxasu-target {
position: fixed;
top: -100%;
width: 100%;
  left:-0%;
    right: 50%;  
    
background: rgba(17,17,17,.8);
width: 100%;
    height: 100%;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
    display:block;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightboxasu-target img {
margin: auto;
position: fixed;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px color darkgray;
box-shadow: 0px 0px 8px rgba(17,17,17,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightboxasu-close {
display: block;
width:40px;
height:40px;
box-sizing: border-box;
background:transparent;
color: darkgray;
text-decoration: none;
position: fixed;
top: 0px;
right: 0;
    margin: 0px 270px;
z-index: 2;
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightboxasu-close:before {
content: "";
display: block;
height: 30px;
width: 4px;
background: white;
position: absolute;
 margin-right: 25px;   
left: 20px;
top:6px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightboxasu-close:after {
content: "";
display: block;
height: 30px;
width: 4px;
background: white;
position: absolute;
    
left: 20px;
top:6px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightboxasu-target:target {
opacity: 1;
top: 0;
bottom: 0;
   z-index: 3; 
}

.lightboxasu-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightboxasu-target:target a.lightbox-close {
top: 0px;
}




.container {
    position: absolute;
     z-index: -14;
    height: 100%;
}
.imdb img{
    margin:70px 50px 50px 0px;
    width:40px;
    height: 20px;
    position: relative;
    z-index: -12;
    
}
.imdb h4{
   
    font-family: acumin-pro,arial;
    font-size: 12px;
    color:#f7cd46;
    position:absolute;
    z-index: -89;
    
   
}

.Gallerytitle h2{
    text-align: left;
    font-family: slimsansserif,arial;
    font-size:22px;
    padding: 10px 10px 0px 43px;
    color:#f7cd46;
    position:relative;
    flex-direction: column;
    margin-bottom:20px; 
    margin-top: 20px;
    z-index: -11;
    
}


 .lightbox .lb-image {max-width: 585px;max-height: 333px;}
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 








@media only screen and (min-device-width: 0px) and (max-width:299px) {

    .Container{display: none}
    
}







@media only screen and (min-device-width: 300px) and (max-width:359px) {
    
  .Container{
        max-width: 320px;}
    
     #mySidenav{padding-top: 60px;}
    
    #mySidenav.sidenav a{padding: 6px 8px 8px 32px;font-size: 16px;}
    
    #mySidenav.sidenav li{padding: 13px 8px 8px 32px;font-size: 16px;}
    
    #mySidenav.sidenav span {font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 25px;font-size: 30px;margin-left: 10px;}
   
    
    .techspecs p1 {font-size: 17px;padding: 10px 75px;}
    
   .techspecs p2 {font-size: 14px;padding: 33px 0px 0px 75px;}
    
    .techspecs p3 {font-size: 14px;padding: 51px 0px 0px 75px;}
    
    .techspecs p4 {font-size: 14px;padding: 68px 0px 0px 75px;}
    
     .topnav{
        height: 60px;}
    
    .img-Kader{padding-top: 60px;}
    
    .foo img{width: 24px;margin-left: 80px;margin-top: 13px;}
    
    .kadertitle{
        width: 40%;margin-left: 25px;}
    
    .about{ width: 100%; height: auto;margin-top: 95px; }
    
    .about h2{padding: 5px 10px 0px 25px;font-size: 17px;font-weight: 200;}
    
    .synopsisback p{padding:0px 10px 0px 10px;text-align: justify;font-size: 16px;margin-bottom: 5px;}
        
    .synopsisback{padding:10px 5px 5px 5px; }
    
    .trailer h2{padding: 0px 40px 10px 25px;font-size: 17px;margin-top: 15px;}
    
    
    
    .Castback {font-size: 14px;padding-bottom: 1%;padding-top: 1%;margin-top:3%;}
   
    .Cast h2 {font-size: 17px;padding: 0px 20px 0px 27px;margin-top: 15px;}
    
    .Castback ul{padding: 0px 0px 0px 20px;}
    
    .Castback ul p{font-size: 16px;padding: 5px 5px 0px 5px;}
    
    .Castback p {font-size: 14px;padding: 2px 25px 2px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 20px 0px 27px;margin:0px;}
    
    
    
    .Crewback ul{padding: 0px 0px 0px 15px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 0px 0px 0px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 0.5%;margin-top:3%;}
    
    .Crewback p {font-size: 14px;padding: 2px 30px 2px;}
    
    .Poster h2 {font-size: 17px;padding: 5px 20px 0px 18px;margin:10px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 2px 20px 0px 10px;margin:15px;}
    
     .lightboxasu{
    
    opacity: 1.0;
    
    height: 300px;
    width:auto;
margin: 0px 0px 0px 0px;
}


.lightboxasu:hover{
    
    opacity:0.7;
}
    
    
    
    a.lightboxasu img{margin: 15px 0px 5px 30px;height: 300px;
    width:auto;}
    
    
    .imdb h4 {font-size: 12px;margin-left:8px; padding: 20px 0px 50px 0px;display: inline-block;}

    
    .imdb img{margin:28px 5px 30px 40px;display: inline-block;width:35px;
    height: 17px;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     .wrapper {width: 100%;}  
    
    .rectengallery{ height: 230px;width:210px;margin-left: 110px;}
    
    .rectengallery img {margin-top: 15%; margin-left: -55%; padding:0px 0px 0px 15px; width:100px; height: auto;}
    
    a.lightboxasu-close:before {height: 25px;width: 4px;left:25px;top:10px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;left:25px;top:10px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
}
    
  





@media only screen and (min-device-width: 360px) and (max-device-width:374px) {
    
  .Container{
        max-width: 360px;}
    
   #mySidenav.sidenav a{padding: 10px 10px 8px 52px;font-size: 15px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 28px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 10px 8px 8px 52px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 15px;}
    
    .foo img{width: 24px;margin-left: 105px;margin-top: 10px;}
    
    .kadertitle{
        width: 37%;margin-left: 30px;margin-top: 15px;}
    
    .techspecs p1 {font-size: 17px;padding: 13px 95px;}
    
   .techspecs p2 {font-size: 14px;padding: 35px 0px 0px 95px;}
    
    .techspecs p3 {font-size: 14px;padding: 52px 0px 0px 95px;}
    
    .techspecs p4 {font-size: 14px;padding: 70px 0px 0px 95px;}
    
    .about{ width: 100%; height: auto;margin-top: 100px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 16px;font-weight: 200;}
    
   .synopsisback p { font-size: 15px;text-align: justify;} 
    
     .synopsisback{padding:10px 15px 2px 15px; }
    
     .trailer h2{font-size: 16px;padding: 0px 40px 10px 30px;}
    
    .Cast h2 {font-size: 16px;padding: 5px 20px 10px 30px;}
    
    .Poster h2 {font-size: 16px;padding: 0px 20px 0px 30px;margin-top: 15px;}
    
    .Crew h2 {font-size: 16px;padding: 0px 20px 10px 30px;margin-top: 25px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 0px 30px;}
    
a.lightboxasu img{margin: 15px 0px 0px 30px;}
    
    a.lightboxasu-close {margin: 20px 310px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;left:25px;top:7px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;left:25px;top:7px;}
    
    .Castback{padding-top: 5px;padding-bottom: 5px;}
    
    .Castback ul {padding: 0px 0px 0px 27px;margin:0px 0px 5px 0px;}
    
    .Castback ul p{font-size: 15px;}
    
    .Crewback{padding-top: 5px;padding-bottom: 5px;}
    
    .Crewback ul{padding: 0px 10px 0px 28px;margin-bottom: 5px;}
    
    .Crewback ul p{font-size: 15px;padding-top: 5px;}
    
    .rectengallery{ height: 250px;width:auto;margin-left: 100px;}
    
    .rectengallery img {margin-top: 9%; margin-left: -55%; padding:0px 0px 0px 15px; width:120px; height: auto;}
    
     .videowrapper{height: 220px;width: 240px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;left:80px;}
    
    .imdb h4 {font-size: 11px;margin-top: 35px; padding: 0px 0px 0px 5px;display: inline-block;}
    
    .imdb img{margin:30px 5px 100px 40px;display: inline-block;height: auto;width: 35px;}
    
    .wrapper {width: 100%;height: 210px;}  
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }
    





    
    
    
    
    
@media only screen and (min-device-width: 375px) and (max-device-width:389px) {
    
  .Container{
        max-width: 375px;}
    
     #mySidenav.sidenav a{padding: 5px 10px 8px 52px;font-size: 4.3vw;}
    
    #mySidenav.sidenav .closebtn {top: 10px;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 8px 8px 8px 52px;font-size: 4.3vw;}
        
      #mySidenav.sidenav span {font-size: 4.2vw;}  
        
    
    .foo img{width: 27px;margin-left: 125px;margin-top: 10px;}
        
    .kadertitle{width: 36%;height:auto;margin-left: 30px;margin-top:15px;}   
        
    .techspecs p1 {font-size: 4.7vw;padding: 15px 95px;}
    
   .techspecs p2 {font-size: 3.9vw;padding: 41px 0px 0px 95px;}
    
    .techspecs p3 {font-size: 3.9vw;padding: 60px 0px 0px 95px;}
    
    .techspecs p4 {font-size: 3.9vw;padding: 79px 0px 0px 95px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 4.5vw;font-weight: 200;}
        
    .synopsisback{text-align: justify;padding-top: 10px;padding-bottom: 8px;}
        
    .synopsisback p { font-size: 4.4vw; padding:0px 15px 0px 15px;text-align: justify;word-spacing:0px;margin-bottom: 5px;}
     
        
    .trailer h2{padding: 0px 40px 15px 35px;font-size: 4.4vw;}
        
       
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:3%;}
   
    .Cast h2 {font-size: 4.5vw;padding: 0px 20px 0px 35px;margin-top: 15px;}
    
    .Castback ul p{font-size: 4.2vw;padding: 3px 5px 0px 5px;}
    
    .Castback ul p2{font-size: 4.2vw;}
    
    .Castback p {padding: 2px 30px 2px;}
    
    .Castback ul{padding: 0px 0px 0px 30px;}
    
    .Crew h2 {font-size: 4.5vw;padding: 15px 20px 0px 23px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 5px 0px 28px;}
    
    .Crewback ul p{font-size: 4.2vw;padding: 5px 5px 0px 5px;text-justify:inter-word;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:1.5%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Crewback p2{
        
 font-size: 4.2vw;font width: 50px;font-weight: 500;
   
    
}
    
    .Poster h2 {font-size: 4.4vw;padding: 3px 20px 0px 35px;margin-top:8px;}
    
    .videowrapper{height: 115%;width: 260px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;left: 30%;}
    
     .wrapper {width: 410px;} 
    
     .lightboxasu{
    
    height: 400px;}
    
    
    a.lightboxasu img {height: 400px;width:auto;margin: 15px 15px 5px 35px;}
    
        a.lightboxasu-close {margin: 10px 310px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
    .Gallerytitle h2 {font-size: 4.4vw;padding: 3px 20px 5px 21px;margin:15px;}
    
    .rectengallery{ height: 290px;width:auto;margin-left: 100px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -53%; padding:0px 0px 0px 15px; width:135px; height: auto;}

    .imdb h4 {font-size: 3vw;margin-top: 40px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:35px 10px 40px 40px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}    

    
    
}


    
   
    
    
    
    @media only screen and (min-device-width: 390px) and (max-device-width:411px) {
    
  .Container{
        max-width: 390px;}
        
     #mySidenav{padding-top: 120px;}
        
     #mySidenav.sidenav a{padding: 15px 10px 8px 62px;font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 8px 8px 8px 62px;font-size: 17px;}
    
    #mySidenav.sidenav span {font-size: 17px;} 
        
       .foo img {width: 28px;margin-left: 130px;margin-top: 10px;} 
        
    .kadertitle{width: 36%;height:auto;margin-left: 30px;margin-top:15px;}   
        
    .techspecs p1 {font-size: 18px;padding: 15px 100px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 100px;}
    
    .techspecs p3 {font-size: 15px;padding: 58px 0px 0px 100px;}
    
    .techspecs p4 {font-size: 15px;padding: 75px 0px 0px 100px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 18px;font-weight: 200;}
        
    .synopsisback{text-align: justify;padding-top: 10px;padding-bottom: 3px;}
        
    .synopsisback p { font-size: 17px; padding:0px 15px 10px 15px;text-align: justify;word-spacing:0px;margin-bottom: 0px;}
     
        
    .trailer h2{padding: 0px 40px 15px 30px;font-size: 18px;}
        
        .videowrapper {height: 130%;width: 270px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;left:30%;}
        
        
      .wrapper {width: 100%;height: 190px;} 
        
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:3%;}
   
   .Cast h2 {font-size: 18px;padding: 50px 20px 0px 30px;}
    
    .Castback ul {font-size: 17px;padding: 3px 10px 0px 0px;}
        
        .Castback ul p2 {font-size: 17px;}
        
        .Castback ul p {font-size: 17px;}
    
    .Castback p {padding: 2px 30px 2px;}
    
    .Crew h2 {font-size: 18px;padding: 15px 20px 0px 20px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 5px 0px 25px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 5px;text-justify:inter-word;}
        
        .Crewback ul p2{font-size: 17px;} 
    
    .Crewback{padding-bottom: 1%;padding-top:1%;margin-top:2%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Poster h2 {font-size: 18px;padding: 10px 20px 0px 20px;margin:10px;}
        
         .lightboxasu{
    
    height: 400px;}
    
    
    a.lightboxasu img {height: 400px;width:auto;margin: 20px 15px 5px 30px;}
        
        a.lightboxasu-close {margin: -10px 20px;}
    
    
    .Gallerytitle h2 {font-size: 18px;padding: 5px 20px 0px 18px;margin:13px;}
    
    .rectengallery{ height: 290px;width:auto;margin-left: 110px;}
    
    .rectengallery img {margin-top: 4%; padding:10px 0px 0px 15px; width:135px; height: auto;}

    .imdb h4 {font-size: 13px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:45px 10px 40px 45px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
        
    a.lightboxasu-close:before {height: 25px;width: 4px;right: 300px;top:70px;}
        
     a.lightboxasu-close:after { height: 25px;width: 4px;right: 300px;top:70px;}    

    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
}    
        
    
   @media only screen and (min-device-width: 412px) and (max-device-width:427px) {
    
    .Container{
        max-width: 412px;}
       
       #mySidenav.sidenav{padding-top: 100px;}
       
       #mySidenav.sidenav a {padding: 15px 10px 8px 62px;font-size: 4.2vw;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li {padding: 8px 8px 8px 62px;font-size: 4.2vw;}
    
    #mySidenav.sidenav span {font-size: 4.2vw;}
    
    .sidenav a {font-size: 4.2vw;}

.foo img{width: 30px;margin-left: 150px;margin-top: 10px;}
       
       .kadertitle{width: 35%;height:auto;margin-left: 35px;margin-top:13px;}
       
       .techspecs p1 {font-size: 4.6vw;padding: 15px 115px;}
    
   .techspecs p2 {font-size: 3.8vw;padding: 44px 0px 0px 115px;}
    
    .techspecs p3 {font-size: 3.8vw;padding: 63px 0px 0px 115px;}
    
    .techspecs p4 {font-size: 3.8vw;padding: 83px 0px 0px 115px;}
       
       .about{ width: 100%; height: auto;margin-top: 115px; }
       
        .about h2 {padding: 0px 10px 0px 35px;font-size: 4.5vw;font-weight: 200;}
       
       .synopsisback{text-align: justify;padding-top: 10px;padding-bottom: 3px;}
        
    .synopsisback p { font-size: 4.1vw; padding:0px 17px 0px 15px;text-align: justify;word-spacing:0px;}
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 4.4vw;margin-top: 15px;}
       
        .videowrapper iframe{width: 130%;padding-top: 1%;left:30%;}
    
    .videowrapper {height: 245px;width: 260px;}
       
        .wrapper {width: 250px;;height: 190px;} 
    
    .Poster h2 {font-size: 4.4vw;padding: 10px 20px 0px 30px;margin:10px;}
    
        .Crew h2 {font-size: 4.5vw;padding: 15px 20px 0px 40px;margin:0px;}
    
    .Cast h2 {font-size: 4.5vw;padding: 50px 15px 5px 35px;}
       
       .Castback ul {font-size: 18px;padding: 0px 10px 0px 35px;margin-bottom: 5px;}
       
        .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
       
        .Castback ul p2 {font-size: 4.1vw;}
        
        .Castback ul p {font-size: 4.1vw;}
       
       .Crewback ul{padding: 0px 5px 0px 25px;}
       
       .Crewback ul p{font-size: 4.1vw;padding: 5px 5px 0px 15px;text-justify:inter-word;}
       
    
        .Crewback ul p2{font-size: 4.1vw;} 
    
    .Crewback{padding-bottom: 1%;padding-top:1%;margin-top:2%;}
       
       .Gallerytitle h2 {font-size: 4.5vw;padding: 0px 20px 5px 25px;margin:15px;}
       
       
       
       .imdb img{margin:40px 10px 60px 50px;width:43px;
    height: auto;} 
       
       .imdb h4 {font-size: 13px;margin-top: 48px; padding: 0px 0px 100px 10px;display: inline-block;}
       
        a.lightboxasu-close {margin: 10px 360px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
       
       .rectengallery{ height: 300px;width:auto;margin-left: 120px;}
    
    .rectengallery img {margin-top: 11%; margin-left: -55%; padding:0px 0px 0px 15px; width:135px; height: auto;}
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
       
    }
      

       
 
       



    
    
   @media only screen and (min-device-width: 428px) and (max-device-width:479px) {
    
     .Container{
        max-width: 428px;}
    
    #mySidenav.sidenav{padding-top: 130px;}
    
    #mySidenav.sidenav a{padding: 15px 10px 8px 72px;font-size: 18px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 72px;font-size: 18px;}
    
    #mySidenav.sidenav span {font-size: 18px;}

    
    .foo img{width: 29px;margin-left: 175px;margin-top: 20px;}
    
    .topnav{
        height: 80px;}
       
    .img-Kader{padding-top: 80px;}
        
       .kadertitle{width: 34%;height:auto;margin-left: 35px;margin-top:20px;}
       
       .techspecs p1 {font-size: 20px;padding: 15px 115px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 115px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 115px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 115px;}
       
       .about{ width: 100%; height: auto;margin-top: 120px; }
       
        .about h2 {padding: 0px 10px 0px 35px;font-size: 19px;font-weight: 200;}
       
       .synopsisback{text-align: justify;padding-top: 10px;padding-bottom: 0.5px;}
        
    .synopsisback p { font-size: 18px; padding:0px 17px 0px 15px;text-align: justify;word-spacing:0px;}
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 18px;margin-top: 15px;}
    
    .Poster h2 {font-size: 18px;padding: 10px 20px 0px 25px;margin:10px;}
       
        a.lightboxasu img {height: 400px;width:auto;margin: 20px 15px 5px 35px;}
    
        .Crew h2 {font-size: 19px;padding: 15px 20px 0px 33px;margin:0px;}
    
    .Cast h2 {font-size: 19px;padding: 70px 15px 0px 35px;}
       
       .Castback ul {font-size: 18px;padding: 5px 10px 0px 35px;}
       
        .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:2%;}
       
        .Castback ul p2 {font-size: 18px;}
        
        .Castback ul p {font-size: 18px;}
       
       .Crewback ul{padding: 3px 5px 0px 18px;}
       
       .Crewback ul p{font-size: 18px;padding: 5px 5px 0px 15px;text-justify:inter-word;}
       
    
        .Crewback ul p2{font-size: 18px;} 
    
    .Crewback{padding-bottom: 1%;padding-top:1%;margin-top:2%;}
       
       .Gallerytitle h2 {font-size: 19px;padding: 0px 20px 5px 20px;margin:15px;}
       
        .videowrapper iframe{width: 135%;padding-top: 1%;left:30%;}
    
    .videowrapper {height: 105%;width: 260px;}
       
       .wrapper {width: 105%;height: 180px;} 
       
       .imdb img{margin:45px 10px 60px 45px;width:43px;
    height: auto;} 
       
       .imdb h4 {font-size: 13px;margin-top: 53px; padding: 0px 0px 100px 10px;display: inline-block;}
       
        a.lightboxasu-close {margin: 10px 360px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
       
      .rectengallery{ height: 320px;width:auto;margin-left: 125px;}
    
     .rectengallery img {margin-top: 13%; margin-left: -50%; padding:0px 0px 0px 15px;width:140px; height: auto;}
     
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
    
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
     
     
       
    }
      



@media only screen and (min-device-width: 480px) {
    
    
     .Container{
        max-width: 100%;}
    
 #mySidenav.sidenav a{padding: 15px 10px 8px 72px;font-size: 19px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 18px 8px 8px 72px;font-size: 19px;}
    
    #mySidenav.sidenav span {font-size: 19px;}
    
    .foo img{width: 30px;margin-left: 220px;margin-top: 15px;}
    
    .kadertitle{width: 35%;margin-left: 40px;margin-top: 10px;}
    
    .techspecs p1 {font-size: 21px;padding: 15px 135px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 135px;}
    
    .techspecs p3 {font-size: 17px;padding: 68px 0px 0px 135px;}
    
    .techspecs p4 {font-size: 17px;padding: 88px 0px 0px 135px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 0px 10px 0px 45px;font-size: 20px;font-weight: 200;}
    
    .synopsisback p{padding:3px 15px 5px 15px;text-align:justify-all;margin-bottom: 0px;}
        
    .synopsisback p { font-size: 20px; }
    
    .synopsisback{padding:8px 8px 5px 5px; }
    
    .trailer h2{padding: 0px 40px 15px 45px;font-size: 20px;}
    
    .videowrapper iframe{ left:29%;}
    
    .videowrapper {height: 275px;width: 290px;}
    
    .videowrapper iframe {padding-top: 2%; width: 135%;}
    
     .wrapper {width: 80%;height: 190px;} 
    
     .Castback {padding-bottom: 0.5%;padding-top: 1.5%;margin-top:2%;}
   
    .Cast h2 {font-size: 20px;padding: 80px 20px 0px 45px;}
    
     .Castback ul{padding-left: 25px;}
    
    .Castback ul p{font-size: 20px;padding: 3px 5px 0px 20px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 20px}
    
     .Castback ul p2{
        
         font-size: 20px;font width: 50px;font-weight: 500;}
    
   .Crew h2 {font-size: 20px;padding: 15px 20px 0px 40px;margin-top:20px;margin-left: 0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 25px;margin-top: 0px;}
    
    .Crewback ul p{font-size: 20px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 1.5%;margin-top:2%;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 20px;}
    
        .Crewback ul p2{
        
 font-size: 20px;font width: 50px;font-weight: 500;}
    
    .Poster h2 {font-size: 20px;padding: 0px 20px 0px 45px;}
    
    .lightboxasu{
    
    height: 495px;} 
    
    a.lightboxasu img {height: auto;width:350px;margin: 20px 15px 5px 50px;}
    
     .Gallerytitle h2 {font-size: 20px;padding: 0px 20px 5px 36px;margin:15px;}
    
    .rectengallery{ height: 340px;width:auto;margin-left: 145px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -50%; padding:0px 0px 0px 25px; width:165px; height: auto;}

    .imdb h4 {font-size: 13.5px;margin-top: 53px; padding: 0px 0px 60px 5px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:45px 10px 60px 60px;display: inline-block;width: 45px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {margin: 45px 410px; }
    
    a.lightboxasu-close:before {height: 30px;width: 4px;}
    
    a.lightboxasu-close:after {height: 30px;width: 4px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
}
   


     
     
     
     

/* Singles*/



























/* ----------- iPad Pro 9----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 768px) and (max-width: 1024px)
  
    
   {
    

.Container{
        max-width: 768px;}
    
    
 #mySidenav.sidenav a{padding: 25px 10px 8px 140px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 45px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 16px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
       
       
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 170px;
    
    }      
       
       
    
    .foo img{width: 25px;margin-left: 500px;margin-top: 17px;}
    
    .topnav{height: 65px;}
    
    .kadertitle{width: 18%;margin-left: 45px;margin-top: 20px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 15px;padding: 64px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 300px;}
    

    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 17px;font-weight: 200;}
    
    .synopsisback p{padding:5px 25px 0px 25px;text-align:justify-all;word-spacing:1px;font-size: 16px; color:white;}
        
    .synopsisback{padding:8px 8px 10px 20px;background: rgba(114,114,114,0.1); }
    
    .trailer h2{padding: 5px 40px 15px 45px;font-size: 16.5px;}
    
   .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 125px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
       .wrapper{width: 75%;}
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:2%;background: rgba(114,114,114,0.1);}
   
    .Cast h2 {font-size: 17px;padding: 135px 20px 0px 45px;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;color:#f0ce60;}
    
    .Castback p {padding: 2px 30px 35px;}
    
    .Castback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;
   
    
}   
    
    .Poster h2 {font-size: 16.5px;padding: 0px 15px 0px 30px;margin:20px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 0px 0px 30px;margin:10px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 100px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:1%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
    .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;}

    a.lightboxasu img {height: auto;width:40%;margin: 20px 0px 5px 125px;}
    
    a.lightboxasu-close {margin: 20px 110px; }
    
    a.lightboxasu-close:before {height: 25px;width: 3px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;}
       
       .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
       
       .lightboxasu{
    
    height: 440px;} 
    
    .Gallerytitle h2 {font-size: 16px;padding: 10px 20px 15px 40px;margin:10px;}
    
    .rectengallery{ height: 370px;width:auto;margin-left: 310px;}
    
    .rectengallery img { margin-left: -60%; padding:0px 0px 0px 55px; width:205px; height: auto;margin-top: 19px;}

    .imdb h4 {font-size: 11px;margin-top: 48px; padding: 0px 0px 80px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:40px 10px 40px 60px;display: inline-block;width: 37px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     .lightbox .lb-image {max-width: 585px;max-height: 333px;}
  
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
    
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
    
}





@media only screen and (min-device-width: 810px)and (min-device-height:1080px){
    
    .Container{
        max-width: 810px;}
    
 #mySidenav.sidenav a{padding: 25px 10px 8px 140px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 20px 8px 8px 140px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
    .foo img{width: 27px;margin-left: 515px;margin-top: 20px;}
    
    .topnav{height: 80px;}
    
    .kadertitle{width: 145px;margin-left: 60px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 85%;
    max-height: auto;
    position: relative;
    padding-top: 80px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 20px 320px;}
    
   .techspecs p2 {font-size: 15px;padding: 46px 0px 0px 320px;}
    
    .techspecs p3 {font-size: 15px;padding: 65px 0px 0px 320px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 320px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 10px 10px 0px 60px;font-size: 17px;font-weight: 200;}
    
    .synopsisback p{padding:0px 25px 0px 55px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p{ font-size: 17px; color: white;}
    
    .synopsisback{padding:8px 8px 10px 5px; background: rgba(114,114,114,0.1)}
    
    .trailer h2{padding: 0px 40px 20px 60px;font-size: 16px;}
    
    .videowrapper iframe{ left:50%;}
    
    .videowrapper {height: 170%;margin-left: 0px;width: 500px;}
    
    .videowrapper iframe {padding-top: 0%; width: 100%;}
    
    .wrapper {width: 100px;height: 210px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:1.5%;background: rgba(114,114,114,0.1)}
   
    .Cast h2 {font-size: 17px;padding: 140px 20px 0px 60px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;color:#f0ce60;}
    
     .Castback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;
   
    
}   
    .Castback ul{padding: 0px 0px 0px 125px;}
    
    .Castback p {padding: 0px 35px 40px;}
    
    .Poster h2 {font-size: 16px;padding: 2px 15px 0px 45px;margin:20px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 20px 0px 40px;margin:10px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 75px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 7px 0px 65px;color:#f0ce60;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:0%;background: rgba(114,114,114,0.1)}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;
   
    
}
    
  .lightboxasu{
    
    height: 430px;} 
    
    a.lightboxasu img {height: auto;width:300px;margin: 20px 15px 5px 140px;}
    
    a.lightboxasu-close {margin: 40px 110px; }
    
    a.lightboxasu-close:before {height: 25px;width: 3px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;}
    
    .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 15px 45px;margin:20px;}
    
    .rectengallery{ height: 400px;width:480px;margin-left: 320px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -60%; padding:0px 0px 0px 55px; width:220px; height: auto;margin-top: 18px;}

    .imdb h4 {font-size: 11px;margin-top: 50px; padding: 0px 0px 170px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:45px 10px 40px 70px;display: inline-block;width: 38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
    
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
}





/* ----------- iPad Pro 11----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-height: 1194px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    

.Container{
        max-width: 810px;}
    
 #mySidenav.sidenav a{padding: 25px 10px 8px 150px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 50px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 20px 8px 8px 150px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
    .foo img{width: 25px;margin-left: 535px;margin-top: 20px;}
    
    .topnav{height: 80px;}
    
    .kadertitle{width: 145px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 80px;
    
}
    
    .techspecs p1 {font-size: 17px;padding: 15px 320px;}
    
   .techspecs p2 {font-size: 14px;padding: 40px 0px 0px 320px;}
    
    .techspecs p3 {font-size: 14px;padding: 58px 0px 0px 320px;}
    
    .techspecs p4 {font-size: 14px;padding: 76px 0px 0px 320px;}
    
    .about{ width: 100%; height: auto;margin-top: 120px; }
    
    .about h2{padding: 0px 10px 0px 50px;font-size: 16px;font-weight: 200;}
    
   .synopsisback p{padding:5px 25px 0px 45px;text-align:justify-all;word-spacing:-1px;}
        
   .synopsisback p{ font-size: 16px; }
    
    .synopsisback{padding:8px 8px 14px 5px; }
    
    .trailer h2{padding: 5px 40px 15px 50px;font-size: 16px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 165%;margin-left: 135px;width: 420px;}
    
    .videowrapper iframe {padding-top: 0%; width: 115%;}
      
      .wrapper {width: 170px;height: 205px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:2%;}
   
    .Cast h2 {font-size: 16.5px;padding: 130px 20px 0px 50px;}
    
    .Castback ul p{font-size: 15px;padding: 3px 5px 0px 13px;}
    
     .Castback ul p2{
        
 font-size: 15px;font width: 50px;font-weight: 500;}   
    
    .Castback p {padding: 0px 35px 40px;}
    
    .Poster h2 {font-size: 16px;padding: 5px 15px 0px 32px;margin:20px;}
    
    .Crew h2 {font-size: 16.5px;padding: 15px 20px 0px 35px;margin:10px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 115px;}
    
    .Crewback ul p{font-size: 15px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:1.5%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Crewback ul p2{
        
 font-size: 15px;font width: 50px;font-weight: 500;}
      
      
   .lightboxasu{
    
    height: 400px;}   
      
     .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
      
    
  
 a.lightboxasu img {height: auto;width:280px;margin: 20px 15px 5px 140px;}
    
    a.lightboxasu-close {margin: 40px 110px; }
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 15px 35px;margin:20px;}
    
    .rectengallery{ height: 410px;width:470px;margin-left: 330px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -60%; padding:0px 0px 0px 55px; width:230px; height: auto;margin-top: 17px;}

    .imdb h4 {font-size: 11px;margin-top: 47px; padding: 0px 0px 170px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:43px 10px 40px 50px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    .lightbox .lb-image {max-width: 585px;max-height: 333px;}
    
    
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
    
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
}







/*ipad  12*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px)and (orientation:landscape) {


.Container{
        max-width: 1000px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 65px;font-size: 27px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 160px;
    
    }

    .topnav{height: 70px;}
    .foo img{width: 27px;margin-left: 720px;margin-top: 20px;}

 .kadertitle{width: 145px;margin-left: 50px;margin-top: 20px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 420px;}
    
   .techspecs p2 {font-size: 16px;padding: 45px 0px 0px 420px;}
    
    .techspecs p3 {font-size: 16px;padding: 65px 0px 0px 420px;}
    
    .techspecs p4 {font-size: 16px;padding: 85px 0px 0px 420px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 20px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 5px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 17px;margin-top: 0px;}
    
       .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 100%;margin-left: 170px;width: 420px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px;height: 420px;} 
    
     .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;margin-top: -10px;}
   
    .Cast h2 {font-size: 17px;padding: 0px 20px 0px 45px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 20px 20px 0px 25px;margin-top:10px;margin-bottom:0px;}
    
    .Crew {padding: 0px 0px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: 5px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 13px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 820px;
max-width:620px;
   margin-left: 26%; 
    margin-top: 90px;
}

    
     a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 410px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}
    
    

    .imdb h4 {font-size: 12px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 55px;display: inline-block;width:38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 40px 40px;margin-right: 26%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }













































/*Macbook*/

@media only screen and  (min-height: 1440px) and (max-height: 1440px) and (min-width: 2304px) and (max-width: 2304px) {


.Container{
        max-width: 1100px;}
    
#mySidenav.sidenav a{padding: 35px 10px 8px 32px;font-size: 18px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 85px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 18px 8px 8px 32px;font-size: 18px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 18px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    
    .foo img{width: 31px;margin-left: 805px;margin-top: 20px;}
    
    .kadertitle{width: 170px;margin-left: 50px;margin-top: 15px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 20px;padding: 25px 480px;}
    
   .techspecs p2 {font-size: 16px;padding: 57px 0px 0px 480px;}
    
    .techspecs p3 {font-size: 16px;padding: 79px 0px 0px 480px;}
    
    .techspecs p4 {font-size: 16px;padding: 102px 0px 0px 480px;}
    
    .about{ width: 100%; height: auto;margin-top: 150px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 20px;font-weight: 200;margin-bottom: 5px;}
    
    .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 20px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 20px 40px 15px 45px;font-size: 20px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 450px;margin-left: 170px;width: 480px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px;height: 250px;} 
       
   .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 130px;margin-top: -10px;}
   
    .Cast h2 {font-size: 20px;padding: 200px 20px 0px 45px;}
    
    .Castback ul p{font-size: 18px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 18px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 20px;padding: 30px 20px 0px 30px;margin-top:30px;}
    
  
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 115px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 18px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 20px;padding: 13px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{  
    
    height: 385px;width: 30%;margin-left: 120px;} 
    
.lightboxasu-target:target img {
max-height: 1000px;
max-width:800px;
    margin-left: 35%; 
    margin-right: 50%;
    position: fixed;
    margin-top: 10%;
}
    
       
    a.lightboxasu img {height: auto;width:270px;;margin: -5px 15px 5px 25px;}
    
    .Gallerytitle h2 {font-size: 20px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 400px;width:450px;margin-left: 470px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:175px; height: auto;margin-top: 21px;}
    
    

    .imdb h4 {font-size: 13px;margin-top: 50px; padding: 3px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 50px;display: inline-block;width:43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    a.lightboxasu-close {margin: 100px;margin-right: 29%;position: fixed;}
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
       
      .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
      
      #mySidenav{z-index:8;}
      
      .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
      
      
    
    }












@media only screen and (min-device-width: 2305px) 
   {
 




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 35%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 41%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }








@media all and (min-width: 2001px) and (max-width: 2303px) 

    
    
    
 {
 



.Container{
max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 33%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 39%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
    
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }

   
    
    
    
    
    
    
    
    
    
    
    
    
@media all and (min-width: 1771px) and (max-width: 2000px) 

    
 {
 




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 34%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 35%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }

   
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    

@media all and (min-width: 1556px) and (max-width: 1770px) 

{
 




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 32%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 32%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    }








/* min-width double*/


     
@media all and (min-width: 1440px) and (max-width: 1555px) 
  {
 




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 30%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 32%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }
















/* ----------- Desktop MDPI ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1440px) and (max-width:1440px)
  and (min-height: 900px) and (max-height:900px)  {
 


.Container{
        max-width: 600px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 300px;font-size: 12px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 100px;font-size: 22px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 300px;font-size: 12px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 12px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 150px;
    
    }

    
    .foo img{width: 18px;margin-left: 380px;margin-top: 15px;}
    
    .kadertitle{width: 110px;margin-left: 5px;margin-top: 15px;}
    
    .img-Kader{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 55px;
    
}
      
      .topnav{height: 50px;}
    
    .techspecs p1 {font-size: 13px;padding: 15px 240px;}
    
   .techspecs p2 {font-size: 10px;padding: 35px 0px 0px 240px;}
    
    .techspecs p3 {font-size: 10px;padding: 49px 0px 0px 240px;}
    
    .techspecs p4 {font-size: 10px;padding: 64px 0px 0px 240px;}
    
    .about{ width: 100%; height: auto;margin-top: 85px; }
    
    .about h2{padding: 10px 5px 10px 0px;font-size: 12px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:0px 0px 10px 0px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p{ font-size: 12px; color: white;}
    
    .synopsisback{background: transparent;padding-top: 0px;padding-left: 0px;}
    
    .trailer h2{padding: 0px 40px 15px 0px;font-size: 12px;margin-top: 0px;}
    
    .videowrapper iframe{ left:40%;}
    
    .videowrapper {height: 250px;margin-left: 130px;width: 300px;}
    
    .videowrapper iframe {padding-top: 0%; width: 120%;}
    
    .wrapper {width: 170px;height: 200px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 5px 0px 0px 82px;}
   
    .Cast h2 {font-size: 12px;padding: 5px 20px 0px 0px;margin-top: 60px;}
    
    .Castback ul p{font-size: 12px;padding: 3px 5px 0px 0px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 12px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 12px;padding: 10px 0px 0px 0px;margin-top:10px;margin-left: 0px;}
    
    .Crew {padding: 0px 5px 5px 0px;margin:0px;}
    
    .Crewback ul{padding: 20px 10px 0px 55px;}
    
    .Crewback ul p{font-size: 12px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 12px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 12px;padding: 5px 20px 0px 0px;margin-top:6px;margin-left: 0px;}
    
   .lightboxasu{  
    
    height: 280px;width: 35%;margin-left: 80px;}  
      
    
  .lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 35%; 
    
}
.lightboxasu-target {left:-0%;
    right: 50%;}
    
    a.lightboxasu img {height: auto;width:200px;margin:-20px 15px 5px 0px;}
    
    .Gallerytitle h2 {font-size: 12px;padding: 5px 20px 5px 0px;margin:3px;}
    
    .rectengallery{ height: 270px;width:350px;margin-left: 180px;margin-top: 25px;padding-top: 0px;}
    
    .rectengallery a {padding: 6px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:125px; height: auto;margin-top: 8px;}
    
    

    .imdb h4 {font-size: 8px;margin-top: 35px; padding: 15px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 0px;display: inline-block;width:28px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
      
       a.lightboxasu-close {margin: 80px 40px;margin-right: 35%;position: fixed;}
    
    a.lightboxasu-close:before {height: 15px;width: 3px;}
    
    a.lightboxasu-close:after {height: 15px;width: 3px;}
      
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      
      #mySidenav{z-index:8;}
      
      
      .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
    
    
    }


























@media only screen and (min-device-width: 1367px) and (max-width: 1439px)
   {
 




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 27%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 34%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }









/* ----------- Desktop HIDPI ----------- */

@media only screen and (min-device-width: 1920px) and (max-device-height: 1080px)

{

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 100px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
       
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 380px;}
    
   .techspecs p2 {font-size: 13px;padding: 43px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 60px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 15px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 360px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 10px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 130px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 850px;
max-width:650px;
    margin-left: 34%; 
   margin-top:150px; 
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:6px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:33px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin-top: 90px;margin-right: 35%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }







@media only screen and (min-width: 1281px)and (max-width:1365px){


.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 26%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 30%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    }













@media only screen and (min-width: 1201px)and (max-width:1279px){
    
    
    
    .Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 135px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 21%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 34%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }
























@media only screen and (min-width: 1024px)and (max-width:1200px){

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 340px;margin-left: 170px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 110px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 15px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 15px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 21%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 15px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 25%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }



























/*ipad 11 */
@media only screen and (min-device-width: 1113px) and (max-device-width:1365px)and (orientation:landscape) {


.Container{
        max-width: 1000px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 65px;font-size: 27px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 80px;
    
}
    
 .topnav{height: 65px;}
    
    .foo img{width: 27px;margin-left: 720px;margin-top: 20px;}
    
    .kadertitle{width: 145px;margin-left: 50px;margin-top: 15px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 420px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 420px;}
    
    .techspecs p3 {font-size: 15px;padding: 64px 0px 0px 420px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 420px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 5px;}
    
     .synopsisback p{padding:10px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 17px;margin-top: 0px;}
    
        .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 100%;margin-left: 170px;width: 420px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px;height: 395px;} 
    
     .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 115px;margin-top: -10px;}
   
    .Cast h2 {font-size: 17px;padding: 5px 20px 0px 45px;margin-top: 15px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 20px 20px 0px 32px;margin-top:20px;margin-bottom:0px;}
    
    .Crew {padding: 0px 0px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 105px;margin-top: 5px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 13px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 700px;
max-width:500px;
   margin-left: 27%; 
    margin-top: 3%;
}

    
     a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 15px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 8px 20px 5px 45px;margin:8px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 410px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}
    
    

    .imdb h4 {font-size: 11.5px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 55px;display: inline-block;width:38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 20px 40px;margin-right: 24%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
     
     #mySidenav{z-index:8;}
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
     
     
    
    }











/*Laptop-Small size*/


@media only screen and (min-device-width: 1280px)and (max-device-height:800px){


.Container{
        max-width: 600px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 32px;font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 50px;font-size: 15px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 10px 8px 8px 32px;font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 100px;
    
    }
    .topnav{height: 60px;}
    
    .foo img{width: 18px;margin-left: 350px;margin-top: 15px;}
    
   .kadertitle{width: 90px;margin-left: 35px;margin-top: 20px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 12px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 10px;padding: 35px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 10px;padding: 49px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 10px;padding: 62px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 0px 10px 0px 45px;font-size: 10px;font-weight: 200;margin-bottom: 0px;}
    
     .synopsisback p{padding:0px 25px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p{ font-size: 11px; color: white;}
    
    .synopsisback{background: transparent;}
    
   .trailer h2{padding: 10px 40px 15px 45px;font-size: 10px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 235px;margin-left: 170px;width: 260px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
     .wrapper {width: 370px;height: 250px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: -10px;}
   
    .Cast h2 {font-size: 11px;padding: 0px 20px 0px 45px;margin-top: 0px;}
    
    .Castback ul p{font-size: 10.5px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 10.5px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 11px;padding: 70px 20px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 10px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 10.5px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 10.5px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 10px;padding: 0px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{  
    
    height: 250px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 34%; 
    margin-right: 60%;
    position: fixed;
    margin-top: 120px;
    
}
    
       
    a.lightboxasu img {height: auto;width:200px;;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 10px;padding: 0px 20px 5px 40px;margin:8px;}
    
   .rectengallery{ height: 260px;width:300px;margin-left: 230px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:120px; height: auto;margin-top: 13px;}
    
    

    .imdb h4 {font-size: 8px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 50px;display: inline-block;width:25px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   #mySidenav{z-index:8;}
    
    a.lightboxasu-close {margin-top: 70px;margin-right: 30%;position: fixed;}
    
    a.lightboxasu-close:before {height: 13px;width: 2px;}
    
    a.lightboxasu-close:after {height: 13px;width: 2px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      
      
      .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
    
    }









/*Laptop-Medium size*/


@media only screen and (min-device-width: 1366px)and (max-device-height:768px){


.Container{
        max-width: 600px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 32px;font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 50px;font-size: 15px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 10px 8px 8px 32px;font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 10px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 100px;
    
    }
     .topnav{height: 40px;}
    
    .foo img{width: 18px;margin-left: 350px;margin-top: 5px;}
    
   .kadertitle{width: 90px;margin-left: 35px;margin-top: 10px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 45px;
    
}
    
    .techspecs p1 {font-size: 12px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 9px;padding: 35px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 9px;padding: 48px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 9px;padding: 61px 0px 0px 250px;}
    
   .about{ width: 100%; height: auto;margin-top: 95px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 10px;font-weight: 200;margin-bottom: 5px;margin-top: -5px;}
    
    
     .synopsisback p{padding:8px 50px 0px 25px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p{ font-size: 11px; color: white;}
    
    .synopsisback{background: transparent;padding-top: 3px;}
    
    .trailer h2{padding: 10px 40px 15px 30px;font-size: 10px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 235px;margin-left: 160px;width: 260px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 150px;height: 200px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;margin-top: -10px;}
   
    .Cast h2 {font-size: 11px;padding: 50px 20px 0px 30px;}
    
    .Castback ul p{font-size: 10px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 10.5px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 11px;padding: 50px 20px 0px 25px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: 0px;}
    
    .Crewback ul p{font-size: 10px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 10.5px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 10px;padding: 5px 20px 0px 25px;margin:6px;}
    
     .lightboxasu{  
    
    height: 250px;width: 34%;margin-left: 115px;}
    
.lightboxasu-target:target img {
max-height: auto;
max-width:350px;
    margin-left: 35%; 
    margin-right: 55%;
    position: fixed;
    margin-top: 130px;
    
}
    
       
    a.lightboxasu img {height: auto;width:200px;margin: -25px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 10px;padding: 0px 20px 5px 25px;margin:8px;}
    
   .rectengallery{ height: 240px;width:300px;margin-left: 230px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:120px; height: auto;margin-top: 9px;}
    
    

    .imdb h4 {font-size: 8px;margin-top: 38px; padding: 10px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:42px 10px 40px 40px;display: inline-block;width:24px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 60px;margin-right: 37%;position: fixed;}
    
    a.lightboxasu-close:before {height: 13px;width: 2px;}
    
    a.lightboxasu-close:after {height: 13px;width: 2px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      
      #mySidenav{z-index:8;}
      
      .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
    
    }













/* ----------- iPad 12 Pro ----------- */
/* Portrait  */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px)and (min-device-height: 1366px) and (max-device-height: 1366px) and (orientation:portrait) {
    

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 180px;font-size: 17px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 80px;right: 100px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 180px;font-size: 17px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 17px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 300px;
    
    }

    
    .foo img{width: 27px;margin-left: 625px;margin-top: 20px;}
    
   .kadertitle{width: 150px;margin-left: 50px;margin-top: 25px;}
    
     .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 360px;}
    
   .techspecs p2 {font-size: 16px;padding: 45px 0px 0px 360px;}
    
    .techspecs p3 {font-size: 16px;padding: 65px 0px 0px 360px;}
    
    .techspecs p4 {font-size: 16px;padding: 85px 0px 0px 360px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 25px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 5px;}
    
    .synopsisback p{padding:10px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
   .synopsisback p{ font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;}
    
   .trailer h2{padding: 10px 40px 15px 45px;font-size: 17px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 390px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px; height: 410px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 130px;}
   
    .Cast h2 {font-size: 17.5px;padding: 0px 20px 0px 45px;margin-top: 0px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 40px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:10px;}
    
    .Crewback ul{padding: 0px 10px 0px 120px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0.5%;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 17px;padding: 15px 20px 0px 40px;margin-top:0px;margin-bottom: 0px;}
      
      
      .lightboxasu{
    
    height: 350px;} 
    
     .lightboxasu-target:target img {
max-height:900px;
max-width:1000px;
   margin-left: 20%;  
}
     

    
    a.lightboxasu img {height: auto;width:250px;margin: 0px 15px 5px 30px;}
      
     a.lightboxasu-close {margin: 10% 100px; }
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;} 
      
    
    .Gallerytitle h2 {font-size: 17px;padding: 8px 20px 5px 55px;margin:8px;}
    
    .rectengallery{ height: 390px;width:470px;margin-left: 400px;margin-top: 30px;}
    
    .rectengallery a {padding: 0px 0px 0px 40px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:2px 0px 0px 15px; width:190px; height: auto;margin-top: 13px;}
    
    

    .imdb h4 {font-size: 12px;margin-top: 45px; padding: 0px 0px 150px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 45px;display: inline-block;width:38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
      
    
     .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
     
     #mySidenav{z-index:8;}
     
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
   
    
    }





















/*ipad 9*/
@media only screen and (min-device-width: 936px) and (max-device-width:1024px)and (orientation:landscape) {

    .Container{max-width:950px;}
    
    
     #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 130px;padding-bottom: 60px;
    
    } 
    
#mySidenav.sidenav a{padding: 17px 10px 8px 140px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 45px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 16px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
    .foo img{width: 27px;margin-left: 670px;margin-top: 17px;}
    
    .topnav{height: 65px;}
    
   
    
     .kadertitle{width: 13%;margin-left: 45px;margin-top: 15px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
     .techspecs p1 {font-size: 18px;padding: 20px 390px;}
    
   .techspecs p2 {font-size: 15px;padding: 48px 0px 0px 390px;}
    
    .techspecs p3 {font-size: 15px;padding: 69px 0px 0px 390px;}
    
    .techspecs p4 {font-size: 15px;padding: 90px 0px 0px 390px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 17px;font-weight: 200;}
    
     .synopsisback p{padding:0px 0px 0px 10px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;padding:10px 40px 5px 35px;}
    
    .trailer h2{padding: 15px 40px 15px 45px;font-size: 17px;}
    
   .videowrapper iframe{ left:30%;}
    
    .wrapper{height: 200px;width: 600px;}
    
    .videowrapper {height:380px;margin-left: 175px;width: 450px;}
    
    .videowrapper iframe {padding-top: 0%; width: 125%;}
    
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:0%;background: transparent;}
   
    .Cast h2 {font-size: 17px;padding: 95px 20px 0px 45px;}
    
    .Castback ul{padding: 0px 0px 0px 130px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;color:#f0ce60;}
    
    .Castback p {padding: 2px 30px 35px;}
    
    .Castback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;
   
    
}   
    
    .Poster h2 {font-size: 17px;padding: 0px 15px 0px 42px;margin-top:10px;margin-bottom:0px;}
    
    .Crew h2 {font-size: 17px;padding: 60px 0px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 120px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:1%;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
    .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;}

   a.lightboxasu img {height: auto;width:250px;margin: 5px 35px 45px 5px;}
    
    a.lightboxasu-close {margin:1% 280px; }
    
    a.lightboxasu-close:before {height: 22px;width: 3px;}
    
    a.lightboxasu-close:after {height: 22px;width: 3px;}
       
        .lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 25%; 
    margin-top: 4%;
    
}
       
        .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;}  
    
   .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 15px 40px;margin:10px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 400px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}
    
    .imdb h4 {font-size: 11px;margin-top: 45px; padding: 0px 0px 140px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:40px 10px 40px 60px;display: inline-block;width: 35px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
    .lightbox .lb-image {max-width: 585px;max-height: 333px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
}















@media only screen and (min-device-width: 900px)and (max-width:1023px){

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 370px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-10px;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 14px;margin-top: 0px;}
    
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 340px;margin-left: 170px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 14px;padding: 0px 20px 0px 45px;margin-top: 110px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 50px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 13px 20px 0px 40px;margin:6px;}
    
   .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 800px;
max-width:600px;
    margin-left: 21%; 
    margin-top: 160px;
}
    
 
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 8px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 360px;width:420px;margin-left: 320px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:7px 0px 0px 15px; width:155px; height: auto;}
    
    
    
    
    
    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 21%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }












@media only screen and (min-device-width: 835px) and (max-width:899px) {


.Container{
        max-width: 835px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 140px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    
    .foo img{width: 23px;margin-left: 560px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
     .techspecs p1 {font-size: 16px;padding: 15px 330px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 330px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 330px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 330px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
      .synopsisback p{padding:8px 50px 0px 35px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 15px 40px 15px 43px;font-size: 14px;margin-top: 0px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 320px;margin-left: 170px;width: 340px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 50px;}
   
    .Cast h2 {font-size: 14px;padding: 90px 20px 0px 45px;margin-top: 0px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 70px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 50px 20px 0px 45px;margin:0px;}
    
   .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
 font-size: 13px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 13px 20px 0px 40px;margin:6px;}
    
    .lightboxasu{  
    
    height: 390px;width: 37%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 20%; 
    margin-top: 160px;
}
    

    
    a.lightboxasu img {height: auto;width:270px;margin:-10px 35px 45px 35px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 13px 20px 5px 45px;margin:8px;}
    
    .rectengallery{ height: 350px;width:400px;margin-left: 300px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:2.5px 0px 0px 15px; width:155px; height: auto;margin-top: 13%;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   #mySidenav{z-index:8;}
    
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 25%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
     .lightbox .lb-image {max-width: 479px;max-height: 272px;}
     
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
     
     
    
    }
































@media only screen and (min-device-width: 927px) and (max-device-width:935px)and (orientation:landscape) {

.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 25px;padding-bottom: 30px;
    
    }
    
    #mySidenav.sidenav a{padding: 5px 10px 3px 140px;font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 5px;right: 55px;font-size: 27px;margin-left: 40px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 3px 140px;font-size: 17px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
     #mySidenav.sidenav a {font-size: 17px;padding-top: 10px;}
    
    .foo img{width: 30px;margin-left: 480px;margin-top: 15px;z-index: 1;}
    
    
     .topnav{height: 65px;z-index: -1;}
    
    
        
    .kadertitle{width: 160px;margin-left: 40px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
   .techspecs p1 {font-size: 21px;padding: 15px 280px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 280px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 280px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 280px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 15px 5px 5px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:0px 40px 10px 35px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
    .videowrapper iframe{ left:35%;}
    
    .videowrapper {height: 345px;margin-left: 130px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 500px;}
    
    .wrapper {width: 200px;height: 300px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 125px;}
   
    .Cast h2 {font-size: 19px;padding: 60px 20px 5px 55px;margin-top: 0px;}
    
    .Castback ul p{font-size: 18px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 18px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;padding: 50px 20px 0px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 10px 10px 0px 115px;}
    
    .Crewback ul p{font-size: 18px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 30px 10px 50px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 5px 45px;margin:10px;}
    
    .rectengallery{ height: 320px;width:320px;margin-left: 310px;margin-top: 5px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:135px; height: auto;margin-top: 14%;}
    

   .imdb h4 {font-size: 12.5px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:43px 10px 40px 60px;display: inline-block;width:44px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
   
    .lightbox .lb-image {max-width: 479px;max-height: 272px;}
     
    
    .lightboxasu-target {display: none;}
    
    #mySidenav{z-index:8;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
    
    }






















@media only screen and (min-device-width: 811px) and (max-width:833px) {

.Container{
        max-width: 811px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 130px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 130px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }

    
    .foo img{width: 23px;margin-left: 540px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
   .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 330px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 330px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 330px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 330px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
      .synopsisback p{padding:8px 50px 0px 35px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 20px 40px 15px 43px;font-size: 14px;margin-top: 0px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 320px;margin-left: 170px;width: 340px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;}
   
    .Cast h2 {font-size: 14px;padding: 90px 20px 0px 40px;margin-top: 0px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 50px 20px 0px 45px;margin:0px;}
    
   .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
 font-size: 13px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 13px 20px 0px 40px;margin:6px;}
    
    .lightboxasu{  
    
    height: 390px;width: 37%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 20%; 
    margin-top: 160px;
}
    

    
    a.lightboxasu img {height: auto;width:270px;margin:-10px 35px 45px 35px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 13px 20px 5px 45px;margin:8px;}
    
    .rectengallery{ height: 350px;width:400px;margin-left: 300px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-4px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:2.5px 0px 0px 15px; width:155px; height: auto;margin-top: 13%;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    #mySidenav{z-index:8;}
    
    a.lightboxasu-close {margin: 80px 40px;margin-right: 24%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
     .lightbox .lb-image {max-width: 479px;max-height: 272px;}
     
     
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
    
    }























@media only screen and (min-device-width: 769px) and (max-width:809px) {
    
  
.Container{
        max-width: 769px;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
    
#mySidenav.sidenav a{padding: 20px 10px 8px 130px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 130px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}

    
    .foo img{width: 23px;margin-left: 500px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 45px;margin-top: 25px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 310px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 310px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 310px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 310px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:3px 50px 0px 35px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 15px 40px 15px 40px;font-size: 14px;margin-top: 0px;}
    
   .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 320px;margin-left: 170px;width: 340px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
  .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;}
   
    .Cast h2 {font-size: 14px;padding: 90px 20px 0px 40px;margin-top: 0px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 45px 20px 0px 40px;margin:0px;}
    
   .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: 0px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 13px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 13px 20px 0px 40px;margin:0px;}
    
      .lightboxasu{
    
    height: 350px;width: 37%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 20%; 
    margin-top:160px; 

}
    
    

    
    a.lightboxasu img {height: auto;width:250px;margin:-10px 35px 45px 35px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 5px 20px 5px 40px;margin:8px;}
    
    .rectengallery{ height: 340px;width:400px;margin-left: 250px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:155px; height: auto;margin-top: 13%;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 45px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:42px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    #mySidenav{z-index:8;}
    
     a.lightboxasu-close {margin: 80px 40px;margin-right:21%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}

}











@media only screen and (min-device-width: 601px) and (max-width:767px) {
    
  .Container{
        max-width: 601px;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
#mySidenav.sidenav a{padding: 15px 10px 8px 140px;font-size: 14px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 18px 8px 8px 140px;font-size: 14px;}
    
    #mySidenav.sidenav span {font-size: 14px;}
    
     #mySidenav.sidenav a {font-size: 14px;padding-top: 20px;}
    
    .foo img{width: 23px;margin-left: 360px;margin-top: 20px;}
    
    .kadertitle{width: 130px;margin-left: 20px;margin-top: 20px;}
    
     .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 225px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 225px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 225px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 225px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 20px;font-size: 14px;font-weight: 200;margin-bottom: 15px;}
    
    .synopsisback p{padding:8px 15px 0px 15px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p{ font-size: 14px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:8px 8px 5px 5px;}
    
    .trailer h2{padding: 3px 40px 15px 20px;font-size: 14px;margin-top: 15px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 300px;margin-left: 130px;width: 300px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    .Castback {padding-bottom: 2%;padding-top: 1.5%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 85px;}
   
    .Cast h2 {font-size: 14px;padding: 65px 20px 0px 20px;margin-top: 0px;}
    
    .Castback ul p{font-size: 14px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 14px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 50px 20px 0px 10px;margin-top:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 73px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
     .Crewback{padding-bottom: 1.5%;padding-top: 2%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 14px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 10px 20px 0px 15px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 13%; 
    margin-top: 160px;
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 15px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 5px 20px 5px 10px;margin:8px;}
    
    .rectengallery{ height: 340px;width:400px;margin-left: 200px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:145px; height: auto;}
    
    

    .imdb h4 {font-size: 9px;margin-top: 50px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 20px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    #mySidenav{z-index:8;}
    
      a.lightboxasu-close {margin: 90px 40px;margin-right: 13%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }

























/*Ipad 10*/
@media only screen and (min-device-width: 1025px) and (max-device-width:1112px) and (orientation:landscape) {

.Container{
        max-width: 950px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 100px;font-size: 25px;margin-left:0px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 220px;font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 16px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 80px;
    
    }

    .topnav{height: 70px;}
    
    .foo img{width: 27px;margin-left: 675px;margin-top: 20px;}
    
    .kadertitle{width: 145px;margin-left: 50px;margin-top: 20px;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 15px;padding: 64px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 25px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 13px;}
    
     .synopsisback p{padding:8px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 15px 40px 15px 45px;font-size: 17px;margin-top: 0px;}
    
       .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 100%;margin-left: 170px;width: 420px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
     .wrapper {width: 150px; height: 380px;} 
    
     .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;margin-top: -10px;}
   
    .Cast h2 {font-size: 17px;padding: 10px 20px 0px 45px;margin-top: 10px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 20px 20px 0px 35px;margin-top:20px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: 0px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 13px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{  
    
    height: 390px;width: 34%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 700px;
max-width:500px;
   margin-left: 27%; 
    margin-top: 3%;
}

    
     a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 8px 20px 5px 45px;margin:8px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 380px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}
    

    .imdb h4 {font-size: 11px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 55px;display: inline-block;width:38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 20px 40px;margin-right: 24%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
     .lightbox .lb-image {max-width: 745px;max-height: 422px;}
     #mySidenav{z-index:8;}
     
     
     .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
     
    
    }























@media only screen and (min-device-width: 669px) and (max-device-width:844px)and (orientation:landscape) {

  .Container{
        max-width: 669px;}  
    
 #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 40px;padding-bottom: 0px;
    
    }
    
    
#mySidenav.sidenav a{padding: 0px 10px 8px 112px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 45px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 8px 112px;font-size: 16px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
     #mySidenav.sidenav a {font-size: 16px;padding-top: 1px;}
    
    .foo img{width: 28px;margin-left: 420px;margin-top: 15px;z-index: 1;}
    

    
    .topnav{height: 65px;z-index: -1;}


.kadertitle{width: 145px;margin-left: 15px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 240px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 240px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 240px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 240px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 10px 5px 0px 20px;font-size: 18px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:5px 0px 10px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;padding-bottom: 1px;}
    
    .trailer h2{padding: 8px 40px 15px 20px;font-size: 17px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 135px;width: 60%;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 550px;height: 210px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 18px;padding: 120px 20px 5px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 15px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 18px;padding: 45px 20px 0px 10px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 1px 10px 0px 70px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 17px;padding: 10px 20px 0px 14px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 95px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 5px 20px 5px 8px;margin:10px;}
    
    .rectengallery{ height: 300px;width:320px;margin-left: 260px;}
    
    .rectengallery img {margin-top: 11%; margin-left: -70%; padding:-20px 0px 0px 15px; width:135px; height: auto;margin-bottom: 0px;}

     .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:43px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
    .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
     
    
    .lightboxasu-target {display: none;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
   
    
    }










/*Galaxy S21*/   
       
       
 @media
   only screen and (min-device-width: 800px) and (max-device-width:800px) and (orientation:landscape)
  { 


.Container{
        max-width: 669px;}  
    
 #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 10px;padding-bottom: 0px;
    
    }
    
    
#mySidenav.sidenav a{padding: 0px 10px 8px 112px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 45px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 8px 112px;font-size: 2vw;}
    
    #mySidenav.sidenav span {font-size: 2.1vw;}
    
     #mySidenav.sidenav a {font-size: 2vw;padding-top: 1px;}
    
    .foo img{width: 28px;margin-left: 420px;margin-top: 15px;z-index: 1;}
    

    
    .topnav{height: 65px;z-index: -1;}


.kadertitle{width: 145px;margin-left: 15px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 2.5vw;padding: 15px 240px;}
    
   .techspecs p2 {font-size: 2.1vw;padding: 43px 0px 0px 240px;}
    
    .techspecs p3 {font-size: 2.1vw;padding: 63px 0px 0px 240px;}
    
    .techspecs p4 {font-size: 2.1vw;padding: 83px 0px 0px 240px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 10px 5px 0px 20px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:5px 0px 10px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 2.3vw; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;padding-bottom: 1px;}
    
    .trailer h2{padding: 8px 40px 15px 20px;font-size: 16px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 135px;width: 60%;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 550px;height: 210px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 17px;padding: 120px 20px 5px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 15px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 45px 20px 0px 10px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 1px 10px 0px 70px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 10px 20px 0px 14px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 95px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 5px 20px 5px 8px;margin:10px;}
    
    .rectengallery{ height: 300px;width:320px;margin-left: 260px;}
    
    .rectengallery img {margin-top: 11%; margin-left: -70%; padding:-20px 0px 0px 15px; width:135px; height: auto;margin-bottom: 0px;}

     .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:43px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
    .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
     
    
    .lightboxasu-target {display: none;}
    
    #mySidenav{z-index:8;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
    
    }










@media only screen and (min-device-width: 845px) and (max-device-width:851px)and (orientation:landscape) {

 .Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 25px;padding-bottom: 10px;
    
    }
    
    #mySidenav.sidenav a{padding: 3px 10px 8px 140px;font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 15px;right: 40px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 8px 140px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 15px;}
    
     #mySidenav.sidenav a {font-size: 15px;padding-top: 1px;}
    
    
     .foo img{width: 28px;margin-left: 480px;margin-top: 15px;z-index: 1;}
    
    .kadertitle{width: 150px;margin-left: 50px;margin-top: 10px;z-index: 1;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
   .topnav{height: 60px;z-index: -1;} 
    
    
   .techspecs p1 {font-size: 20px;padding: 15px 290px;}
    
   .techspecs p2 {font-size: 16px;padding: 48px 0px 0px 290px;}
    
    .techspecs p3 {font-size: 16px;padding: 70px 0px 0px 290px;}
    
    .techspecs p4 {font-size: 16px;padding: 92px 0px 0px 290px;}
    
    .about{ width: 100%; height: auto;margin-top: 120px; }
    
    .about h2{padding: 15px 5px 0px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 5px 20px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:10px 40px 10px 30px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
      .videowrapper {height: 320px;margin-left: 135px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 450px;left:130px;}
    
     .wrapper {width: 300px;height: 255px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 19px;padding: 85px 20px 0px 50px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;padding: 45px 20px 0px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 117px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 0px 50px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 0px 50px;margin:10px;}
    
     .rectengallery{ height: 315px;width:335px;margin-left: 290px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:145px; height: auto;margin-top: 11%;}

   
    .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:43px 10px 40px 45px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}

    .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    
    .lightboxasu-target {display: none;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
    
    }




























/*Iphone 14 Pro*/

@media only screen and (min-device-width: 852px) and (max-device-width:852px) and (orientation:landscape){


.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 30px;padding-bottom: 0px;
    
    }
    
    #mySidenav.sidenav a{padding: 3px 10px 8px 140px;font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 15px;right: 40px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 8px 140px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
     #mySidenav.sidenav a {font-size: 15px;padding-top: 2px;}
    
     .foo img{width: 28px;margin-left: 480px;margin-top: 15px;z-index: 1;}
    
    .kadertitle{width: 150px;margin-left: 50px;margin-top: 10px;z-index: 1;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    
    .topnav{height: 65px;z-index: -1;}
    
   .techspecs p1 {font-size: 20px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 16px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 16px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 16px;padding: 92px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 120px; }
    
    .about h2{padding: 15px 5px 0px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 5px 20px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:10px 40px 10px 30px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
      .videowrapper {height: 330px;margin-left: 135px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 460px;left:110px;}
    
     .wrapper {width: 300px;height: 255px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 19px;padding: 95px 20px 5px 50px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;padding: 45px 20px 0px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 117px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 0px 50px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 5px 50px;margin:10px;}
    
    .rectengallery{ height: 330px;width:320px;margin-left: 310px;margin-top: 10px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:135px; height: auto;margin-top: 15%;}

   
    .imdb h4 {font-size: 12px;margin-top: 52px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:43px 10px 40px 45px;display: inline-block;width:43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}

    .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
    
    }































/*Galaxy Note 5*/

@media only screen and (min-device-width: 853px) and (max-device-width:853px) and (orientation:landscape)



{

.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 30px;padding-bottom: 10px;
    
    }
    
    .foo img{width: 33px;margin-left: 490px;margin-top: 20px;}
    
    #mySidenav.sidenav a{padding: 3px 10px 8px 140px;font-size: 18px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 70px;font-size: 30px;margin-left: 0px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 8px 140px;font-size: 18px;}
    
    #mySidenav.sidenav span {font-size: 18px;}
    
     #mySidenav.sidenav a {font-size: 18px;padding-top: 5px;}
    
    .topnav{height: 70px;}
    
 .kadertitle{width: 160px;margin-left: 20px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
   .techspecs p1 {font-size: 22px;padding: 15px 280px;}
    
   .techspecs p2 {font-size: 18px;padding: 48px 0px 0px 280px;}
    
    .techspecs p3 {font-size: 18px;padding: 70px 0px 0px 280px;}
    
    .techspecs p4 {font-size: 18px;padding: 91px 0px 0px 280px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 15px 5px 0px 25px;font-size: 20px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 20px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:5px 40px 15px 10px;}
    
    .trailer h2{padding: 15px 40px 15px 25px;font-size: 19px;margin-top: 5px;}
    
    .videowrapper {height: 10px;margin-left: 135px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 550px;left:90px;}
    
     .wrapper {width: 90%;height: 245px;} 
    
  .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .Cast h2 {font-size: 20px;padding: 155px 20px 5px 25px;margin-top: 0px;}
    
    .Castback ul p{font-size: 19px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 19px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 20px;padding: 45px 20px 0px 15px;margin:0px;}
    
    .Crew {padding: 5px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 97px;}
    
    .Crewback ul p{font-size: 19px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 19px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 19px;padding: 15px 20px 0px 20px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 125px;} 
    
.lightboxasu-target:target img {
max-height: 400px;
max-width:450px;
   margin-left: 30%; 
   margin-left: 29%;
    margin-top: 5px; 
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -5px 35px 45px -1px;}
    
    .Gallerytitle h2 {font-size: 20px;padding: 15px 20px 25px 15px;margin:8px;}
    
    .rectengallery{ height: 350px;width:370px;margin-left: 280px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:155px; height: auto;margin-top: 18px;}
    
    

    .imdb h4 {font-size: 14px;margin-top: 65px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:58px 10px 40px 30px;display: inline-block;width:45px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    
      a.lightboxasu-close {margin: 20px 40px;margin-right: 25%;position: fixed;}
    
    a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    
    .lightboxasu-target {display: block;}
    
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
   
    
    }






















/*S Galaxy S20 Plus*/

@media only screen and (min-device-width:854px) and  (max-device-width:854px) and (orientation:landscape){

.Container{
        max-width: 650px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 18px;padding-bottom: 10px;
    
    }
    
    .foo img{width: 26px;margin-left: 400px;margin-top: 15px;}
    
    #mySidenav.sidenav a{padding: 3px 10px 8px 140px;font-size: 15px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 70px;font-size: 27px;margin-left: 0px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 8px 140px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 15px;}
    
     #mySidenav.sidenav a {font-size: 15px;padding-top: 1px;}
    
.kadertitle{width: 140px;margin-left: 20px;margin-top: 15px;z-index: 1;}
    
    .topnav{height: 63px;}
    
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}

 .techspecs p1 {font-size: 18px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 15px;padding: 63px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 15px;padding: 83px 0px 0px 250px;}
    
    
     .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 20px 5px 0px 30px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 0px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:5px 40px 15px 30px;}
    
    .trailer h2{padding: 3px 40px 15px 30px;font-size: 16px;margin-top: 15px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 300px;margin-left: 130px;width: 320px;}
    
    .videowrapper iframe {padding-top: 0%; width: 420px;}
    
    .wrapper {width: 250px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .Cast h2 {font-size: 17px;padding: 70px 20px 5px 30px;margin-top: 0px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 105px 20px 0px 25px;margin:0px;}
    
    .Crew {padding: 5px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 100px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 15px 20px 0px 28px;margin:6px;}
    
     .lightboxasu{
    
    height: 320px;width: 40%;margin-left: 125px;} 
    
.lightboxasu-target:target img {
max-height: 440px;
max-width:450px;
   margin-left: 30%; 
    
    
}
    
.lightboxasu-target{display: none;}
    
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 0px -5px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 10px 20px 5px 30px;margin:8px;}
    
    .rectengallery{ height: 290px;width:300px;margin-left: 270px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:125px; height: auto;margin-top: 14%;}
    
    

    .imdb h4 {font-size: 12px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
      a.lightboxasu-close {margin: 20px 40px;margin-right: 25%;position: fixed;}
    
    a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      #mySidenav{z-index:8;}
      
      .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
    
    }


    
    
    
    
    
    
   














@media only screen and (min-device-width: 855px) and (max-device-width:926px)and (orientation:landscape) {

.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 20px;padding-bottom: 10px;
    
    }
    
    #mySidenav.sidenav a{padding: 5px 10px 0px 140px;font-size: 1.8vw;}
    
    #mySidenav.sidenav .closebtn {top: 5px;right: 55px;font-size: 27px;margin-left: 40px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 0px 140px;font-size: 1.8vw;}
    
    #mySidenav.sidenav span {font-size: 2vw;}
    
     #mySidenav.sidenav a {font-size: 1.8vw;padding-top: 10px;}
    
    .foo img{width: 30px;margin-left: 480px;margin-top: 15px;z-index: 1;position: absolute;}
    
    
     .topnav{height: 67px;z-index: -1;}
    
    
        
    .kadertitle{width: 155px;margin-left: 50px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
   .techspecs p1 {font-size: 20px;padding: 15px 280px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 280px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 280px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 280px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 15px 5px 5px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 5px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:10px 40px 7px 35px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
    .videowrapper iframe{ left:33%;}
    
    .videowrapper {height: 320px;margin-left: 130px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 470px;}
    
    .wrapper {width: 200px;height: 300px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 125px;}
   
    .Cast h2 {font-size: 19px;padding: 40px 20px 5px 55px;margin-top: 0px;}
    
    .Castback ul p{font-size: 18px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 18px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;padding: 50px 20px 0px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 115px;}
    
    .Crewback ul p{font-size: 18px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 30px 10px 50px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 5px 45px;margin:10px;}
    
   .rectengallery{ height: 320px;width:340px;margin-left: 300px;margin-top: 5px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:145px; height: auto;margin-top: 11%;}
    

   .imdb h4 {font-size: 12.5px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 60px;display: inline-block;width:44px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
   
    .lightbox .lb-image {max-width: 479px;max-height: 272px;}
     
    
    .lightboxasu-target {display: none;}
    
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}

#mySidenav{z-index:8;}
.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
    
    }















    
    













@media only screen and (min-device-width: 667px) and (max-device-width:668px)and (orientation:landscape) {

#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 35px;padding-bottom: 10px;
    
    }
    
    
#mySidenav.sidenav a{padding: 0px 10px 8px 112px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 35px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 8px 112px;font-size: 16px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
     #mySidenav.sidenav a {font-size: 16px;padding-top: 0px;}
    
    .foo img{width: 28px;margin-left: 350px;margin-top: 15px;z-index: 1;}
    

    
    .topnav{height: 60px;z-index: -1;}
    
    .kadertitle{width: 145px;margin-left: 15px;margin-top: 15px;z-index: 1;}
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 220px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 220px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 220px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 220px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 15px 5px 0px 20px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 0px;padding-bottom: 10px;}
    
    .trailer h2{padding: 8px 40px 15px 20px;font-size: 18px;margin-top: 5px;}
    
   .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 130%;margin-left: 135px;width: 330px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 250px;height: 220px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 19px;padding: 85px 20px 0px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 15px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;padding: 40px 20px 0px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 70px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 0px 14px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 95px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 18px;padding: 5px 20px 5px 8px;margin:10px;}
    
   .rectengallery{ height: 280px;width:275px;margin-left: 230px;}
    
    .rectengallery img {margin-top: 15%; margin-left: -70%; padding:-20px 0px 0px 15px; width:115px; height: auto;margin-bottom: 0px;}

   .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:43px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
   
     .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
     
    
    .lightboxasu-target {display: none;}
   
   
   .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
   
   
    
    }


    
    
    
    
    
    



@media only screen and (min-device-width: 601px) and (max-device-width:666px)and (orientation:landscape) {


  #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 15px;padding-bottom: 10px;
    
    }
    
    
#mySidenav.sidenav a{padding: 0px 10px 8px 112px;font-size: 15px;}
    
    #mySidenav.sidenav .closebtn {top: 10px;right: 35px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 8px 112px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 15px;}
    
     #mySidenav.sidenav a {font-size: 15px;padding-top: 0px;}
    
    .foo img{width: 25px;margin-left: 340px;margin-top: 10px;z-index: 1;}
    

    
    .topnav{height: 55px;z-index: -1;}

.kadertitle{width: 135px;margin-left: 30px;margin-top: 10px;z-index: 1;}
    
    .img-Kader{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 220px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 220px;}
    
    .techspecs p3 {font-size: 15px;padding: 58px 0px 0px 220px;}
    
    .techspecs p4 {font-size: 15px;padding: 76px 0px 0px 220px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 25px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 16px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 0px;padding-bottom: 10px;}
    
    .trailer h2{padding: 8px 40px 15px 25px;font-size: 16px;margin-top: 5px;}
    
   .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 270px;margin-left: 135px;width: 300px;}
    
    .videowrapper iframe {padding-top: 0%; width: 125%;}
    
    .wrapper {width: 450px;height: 265px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 90px;}
   
    .Cast h2 {font-size: 17px;padding: 15px 20px 0px 28px;margin-top: 0px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 15px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 35px 20px 0px 17px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 80px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 16px;padding: 10px 20px 0px 24px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 20px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 5px 20px 5px 17px;margin:10px;}
    
    .rectengallery{ height: 275px;width:275px;margin-left: 230px;}
    
    .rectengallery img {margin-top: 15%; margin-left: -70%; padding:-20px 0px 0px 15px; width:115px; height: auto;margin-bottom: 0px;}

    .imdb h4 {font-size: 11px;margin-top: 35px; padding: 3px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:30px 10px 40px 40px;display: inline-block;width:37px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
   
    .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
     
    
    .lightboxasu-target {display: none;}
    #mySidenav{z-index:8;}
    
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
   
    
    }


























   



@media only screen and (min-device-width: 481px) and (max-width:600px) {
    
.Container{
        max-width: 481px;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
    
#mySidenav.sidenav a{padding: 5px 10px 8px 72px;font-size: 14px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 18px 8px 8px 72px;font-size: 14px;}
    
    #mySidenav.sidenav span {font-size: 14px;}
    
     #mySidenav.sidenav a {font-size: 14px;padding-top: 20px;}
    
    .foo img{width: 23px;margin-left: 240px;margin-top: 20px;}
    
    .topnav{height: 65px;}
    
    .kadertitle{width: 120px;margin-left: 15px;margin-top: 20px;}
    
    .img-Kader{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 165px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 165px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 165px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 165px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 18px;font-size: 14px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);}
    
    .trailer h2{padding: 3px 40px 15px 18px;font-size: 14px;margin-top: 10px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 250px;margin-left: 130px;width: 250px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 170px;height:245px; }  
    
    .Castback {padding-bottom: 2%;padding-top: 1.5%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 75px;}
   
    .Cast h2 {font-size: 14px;padding: 20px 20px 0px 15px;margin-top: 0px;}
    
    .Castback ul p{font-size: 13px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 13px;color:#f0ce60;}
    
     .Castback p2{
        
         font-size: 13px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 40px 20px 0px 10px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 60px;}
    
    .Crewback ul p{font-size: 13px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback p2{
        
 font-size: 13px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 10px 20px 0px 11px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 5%; 
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 5px 20px 5px 10px;margin:10px;}
    
    .rectengallery{ height: 320px;width:auto;margin-left: 145px;}
    
    .rectengallery img {margin-top: 11%; margin-left: -70%; padding:0px 0px 0px 15px; width:145px; height: auto;}

    .imdb h4 {font-size: 10px;margin-top: 45px; padding: 0px 0px 100px 0px;display: inline-block;}
    .imdb img{margin:40px 10px 40px 20px;display: inline-block;width:30px;height: 15px;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
 a.lightboxasu-close {margin-top: 60px;margin-right: 5%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
   .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
   .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
#mySidenav{z-index:8;}

.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    }



@media only screen and (min-device-width: 481px) and (max-device-width:600px) and (orientation:landscape){
    
    
    .Container{
        max-width: 481px;}
    
    

   #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 20px;padding-bottom: 5px;
    
    }
    
    
#mySidenav.sidenav a{padding: 0px 10px 8px 82px;font-size: 15px;}
    
    #mySidenav.sidenav .closebtn {top: 5px;right: 25px;font-size: 25px;margin-left: 20px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 2px 82px;font-size: 15px;}
    
    #mySidenav.sidenav span {font-size: 15px;}
    
     #mySidenav.sidenav a {font-size: 15px;padding-top: 0px;}
    
    .foo img{width: 26px;margin-left: 250px;margin-top: 15px;}
    
    .topnav{height: 60px;z-index: -1;}

 .kadertitle{width: 145px;margin-left: 0px;margin-top: 10px;z-index: 1;}
    
    .img-Kader{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 175px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 175px;}
    
    .techspecs p3 {font-size: 15px;padding: 59px 0px 0px 175px;}
    
    .techspecs p4 {font-size: 15px;padding: 78px 0px 0px 175px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 18px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:8px 0px 0px 13px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 0px;padding-bottom: 10px;}
    
    .trailer h2{padding: 3px 40px 15px 18px;font-size: 17px;margin-top: 5px;}
    
    .videowrapper iframe{ left:40px;}
    
    .videowrapper {height: 250px;;margin-left: 130px;width: 250px;}
    
    .videowrapper iframe {padding-top: 0%; width: 390px;}
    
    .wrapper{width: 100px;height: 240px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 2%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 8px 70px;}
   
    .Cast h2 {font-size: 18px;padding: 50px 20px 0px 15px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 15px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 45px 20px 0px 10px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 60px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1.5%;padding-top: 1.5%;margin-top:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 17px;padding: 10px 20px 0px 11px;margin:4px;}
    

    .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 5px 20px 5px 10px;margin:10px;}
    
    .rectengallery{ height: 260px;width:260px;margin-left: 175px;}
    
    .rectengallery img {margin-top: 9%; margin-left: -70%; padding:-20px 0px 0px 15px; width:125px; height: auto;margin-bottom: 0px;}

    .imdb h4 {font-size: 13px;margin-top: 35px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:30px 10px 40px 20px;display: inline-block;width:43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;}  
    
     a.lightboxasu-close {display: none;}
    
    a.lightboxasu-close:before {display: none;}
    
    a.lightboxasu-close:after {display: none;}
    
    .lightbox .lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    #mySidenav{z-index:8;}
    .lightboxasu-target:target{ z-index: 7;}

a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}


.lightboxasu-target:target img{z-index: 5;}

.kadertitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
   
    
    }