@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;
        
    }

   .Rakkastitle{
   width: 33%;
    height: auto;
    position: fixed;
    z-index: 1;
    margin-left: 20px;
    margin-top: 15px;
   
}

.topnav{
    height: 60px;
   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: 13px;
}
.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: 50px;
    color:#f7cd46;
}
.synopsisback{
    
    
    width: 100%;
    height: auto;
    background-color: white;
    position: relative;
   margin-top:0px;
    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,arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    font-stretch: condensed;
    
color:black;
    opacity: 0.75;
    position:relative;
    margin-top: 0px;
    z-index: -4;

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

.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-Rakkas{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
     margin-left: auto;
  margin-right: auto;
    display: flex;
    z-index: -4;
}


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






.techspecs p1{
    
   text-align: justify;
    font-family: slimsansserif,arial;
    font-size: 24px;
    padding: 22px 95px;
color:white;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 5px;
    z-index: -5;
    font-weight: 300;
}
.techspecs p2{
    
 text-align: justify;
    font-family:acumin-pro,arial;
    font-size: 18px;
    padding: 56px 95px;
color:rgba(255, 255, 255);
    opacity: 0.75;
    position: absolute; 
    z-index: -6;
}
.techspecs p3{
    
 text-align: justify;
    font-family:acumin-pro,arial;
    font-size: 18px;
    padding: 77px 95px;
color:#FFFFFF;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 2px;
    z-index: -6;
}
.techspecs p4{
    
 text-align:justify-all;
    font-family: acumin-pro,arial;
    font-size: 18px;
    padding: 98px 95px;
color:#FFFFFF;
    opacity: 0.75;
    position: absolute; 
   word-spacing: 2px; 
    z-index: -6;
}
/*.bottom{
    width:100%;
    float:;
    color: aliceblue;*/
    

.wrapper{
    margin:0px auto;
    width: 50%;
    height: 220px;
   
}

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

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


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


.Cast h2{
    
   text-align: left;
    font-family: slimsansserif,arial;
    font-size: 22px;
    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{
    
    
    width: 100%;
    height: auto;
    background-color: white;
    position: relative;
  padding-top:10px;
    margin-top: 10px;
    
    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;
    
}
.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{
    
   width: 100%;
    height: auto;
    background-color: white;
    position: relative;
  padding-top:8px;
    margin-top: 5px;
    
    z-index: -8;  
    
    
}

.Poster 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: -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: absolute;
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: absolute;
top: 0px;
right: 0;
    margin: 35px 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: 25px;
width: 3px;
background: #f7cd46;
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: 25px;
width: 3px;
background: #f7cd46;
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:215px 50px 50px 280px;
    width:40px;
    height: 20px;
    position:relative;
    z-index: -12;
    
}
.imdb h4{
    text-align: left;
    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;}
    





@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 80px;}
    
   .techspecs p2 {font-size: 14px;padding: 33px 0px 0px 80px;}
    
    .techspecs p3 {font-size: 14px;padding: 51px 0px 0px 80px;}
    
    .techspecs p4 {font-size: 14px;padding: 68px 0px 0px 80px;}
    
    .topnav{
        height: 60px;}
    
    .img-Rakkas{padding-top: 60px;}
    
    
    .foo img{width: 24px;margin-left: 80px;margin-top: 13px;}
    
    .Rakkastitle{width: 29%;height: auto;margin-left: 20px;margin-top: 15px;}
    
    .about{ width: 100%; height: auto;margin-top: 95px; }
    
    .about h2{padding: 5px 10px 0px 25px;font-size: 17px;font-weight: 200;}
    
    .text.synopsis{padding:5px 15px 3px 15px;text-align: justify;}
        
    .synopsisback p { font-size: 16px; padding: 8px 15px 8px 15px;}
    
    .synopsisback{padding:0px 8px 0px 8px; }
    
    .trailer h2{padding: 0px 40px 10px 25px;font-size: 17px;margin-top: 15px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;}
    
    .Castback {font-size: 14px;padding-bottom: 1%;padding-top: 2%;margin-top:3%;}
   
    .Cast h2 {font-size: 17px;padding: 0px 20px 0px 25px;margin-top: 15px;}
    
    .Castback ul{padding:  0px 0px 0px 25px;}
    
    .Castback ul p{font-size: 16px;padding:2px 5px 0px 2px;}
    
    .Castback p {font-size: 14px;padding: 2px 30px 2px;}
    
    .Castback p2{color:black;} 
    
    .Crew h2 {font-size: 17px;padding: 15px 20px 0px 18px;margin:0px;}
    
    .Crew {font-size: 14px;padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 20px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 10px 0px 8px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
    
    .Crewback p {font-size: 14px;padding: 2px 30px 2px;}
    
    .Crewback p2{color:black;}
    
    .Poster h2 {font-size: 17px;padding: 5px 20px 0px 18px;margin:10px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 2px 20px 0px 13px;margin:15px;}
    
    .imdb h4 {font-size: 12px;margin-top: 0px; padding: 35px 0px 50px 0px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    
    .lightboxasu{
    
    opacity: 1.0;
    
    height: 300px;
    width:auto;
margin: 0px 0px 0px 0px;
}


.lightboxasu:hover{
    
    opacity:0.7;
}
    
    .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 img{margin: 15px 0px 5px 28px;height: 300px;
    width:auto;}
    
    .imdb img{margin:30px 15px 15px 40px;display: inline-block;width:35px;
    height: 17px;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;}  
    
    .Rakkas-smallfont{
    display: none;}
    
    .correctedfont{display: none;}
    .img-Rakkas{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;}

.Rakkastitle{ 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: 13px;}
    
    .Rakkastitle{width: 25%;height: auto;margin-left: 23px;margin-top: 15px;}
    
    .techspecs p1 {font-size: 17px;padding: 13px 100px;}
    
   .techspecs p2 {font-size: 14px;padding: 35px 0px 0px 100px;}
    
    .techspecs p3 {font-size: 14px;padding: 52px 0px 0px 100px;}
    
    .techspecs p4 {font-size: 14px;padding: 70px 0px 0px 100px;}
    
.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: 4.5vw; padding: 8px 15px 8px 18px;}
    
    .trailer h2{font-size: 16px;padding: 0px 40px 10px 30px;}
    
    .Cast h2 {font-size: 16px;padding: 0px 20px 0px 30px;margin-top: 35px;}
    
    .Poster h2 {font-size: 16px;padding: 0px 20px 0px 35px;}
    
    .Crew h2 {font-size: 16px;padding: 0px 20px 10px 35px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 0px 35px;}
    
   
    
    .Castback {font-size: 14px;padding-bottom: 0.5%;padding-top: 1.5%;margin-top:2%;}
    
    .Castback ul p{font-size: 4.4vw;}
    
    .Castback ul p2{font-size: 4.4vw;color: black;}
    
    .Castback ul{margin-bottom: 5px;padding-left:30px;}
    
    .Crewback ul{padding: 0px 10px 0px 33px;margin: 0px 0px 5px 0px;}
    
     .Crewback{padding-bottom: 1%;padding-top: 2%;margin-top:1%;}
    
    .Crewback ul p{font-size: 4.4vw;}
    
    .Crewback ul p2{font-size: 4.4vw;color: black;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;left:-10px;top:-30px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:-10px;top:-30px;}
    
    .rectengallery{ height: 250px;width:auto;margin-left: 100px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -55%; padding:0px 0px 0px 15px; width:120px; height: auto;}
    
    .wrapper{width: 200px;height: 200px;}
    
    .videowrapper{height: 220px;width: 250px;}
    
    .videowrapper iframe{padding-top: 1%;width: 290px;left:30%;height: 210px;}
    
    
    
    a.lightboxasu img{margin: 15px 0px 5px 35px;width: 270px;height: auto;}
    
    .Rakkas-smallfont{
    display: none;}
    
   .correctedfont{display: none;} 
    
    .imdb h4 {font-size: 11px;margin-top: 35px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .imdb img{margin:30px 15px 15px 45px;display: inline-block;width:35px;
    height: 18px;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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: 28px;margin-left: 125px;margin-top: 11px;}
    
    .Rakkastitle{width: 24%;height: auto;margin-left: 20px;margin-top: 15px;}
    
    .techspecs p1 {font-size: 4.7vw;padding: 15px 100px;}
    
   .techspecs p2 {font-size: 3.9vw;padding: 41px 0px 0px 100px;}
    
    .techspecs p3 {font-size: 3.9vw;padding: 60px 0px 0px 100px;}
    
    .techspecs p4 {font-size: 3.9vw;padding: 79px 0px 0px 100px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 0px 10px 0px 25px;font-size: 4.5vw;font-weight: 200;}
    
   .videowrapper{height: 110%;width: 260px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;}
       
    .synopsisback p { font-size: 4.5vw; padding: 0px 15px 0px 18px;margin-bottom: 3px;text-align:justify-all;font-weight:500;}
    
    .synopsisback{padding:5px 8px 2px 5px; }
    
    .trailer h2{padding: 0px 40px 15px 25px;font-size: 4.4vw;}
    
    .Castback {padding-bottom: 1%;padding-top: 1.5%;margin-top:3%;}
   
    .Cast h2 {font-size: 4.5vw;padding: 15px 20px 0px 25px;}
    
    .Castback ul p{font-size: 4.2vw;padding: 3px 5px 0px 5px;}
    
    .Castback ul{padding: 0px 0px 0px 19px;}
    
     .Castback ul p2{font-size: 4.2vw;color: black;}
    
    .Castback p {padding: 2px 30px 2px;}
    
    .Crew h2 {font-size: 4.5vw;padding: 10px 20px 0px 15px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 20px;}
    
    .Crewback ul p{font-size: 4.2vw;padding: 3px 5px 0px 5px;}
    
    .Crewback p2{
        
 font-size: 4.2vw;font width: 50px;font-weight: 500;color: black;
   
    
}
    
    .Crewback{padding-bottom: 1%;padding-top: 1.5%;margin-top:1.5%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Poster h2 {font-size: 4.4vw;padding: 8px 20px 0px 15px;margin:8px;}
    
     .lightboxasu{
    
    height: 400px;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 10px 15px 5px 25px;}
    
    .Gallerytitle h2 {font-size: 4.4vw;padding: 2px 20px 5px 10px;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: 45px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:40px 10px 60px 40px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    .Rakkas-smallfont{
    display: none;}
    
     a.lightboxasu-close:before {height: 25px;width: 3px;left:-40px;top:20px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;left:-40px;top:20px;}
    
    .correctedfont{display: none;}
    .img-Rakkas{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;}

.Rakkastitle{ 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: 15px;}
        
    .Rakkastitle{width: 25%;height:auto;margin-left: 25px;margin-top:14px;}   
        
    .techspecs p1 {font-size: 18px;padding: 15px 105px;}

   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 105px;}
    
    .techspecs p3 {font-size: 15px;padding: 58px 0px 0px 105px;}
    
    .techspecs p4 {font-size: 15px;padding: 76px 0px 0px 105px;}

.about{ width: 100%; height: auto;margin-top: 110px;}
    
    .about h2{padding: 0px 10px 0px 25px;font-size: 18px;font-weight: 200;}
     
     .videowrapper {height: 117%;width: 250px;}
    
    .videowrapper iframe{padding-top: 1%;width: 340px;left:28%;}
       
    .synopsisback p { font-size: 17.5px; padding:2px 20px 3px 20px;text-align:justify-all;margin:0px 0px 0px 0px;}
    
    .synopsisback{padding:5px 8px 5px 5px; }
    
    .trailer h2{padding: 3px 40px 15px 25px;font-size: 18px;}
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
   
    .Cast h2 {font-size: 18px;padding: 30px 20px 3px 30px;}
    
    .Castback ul p{font-size: 17px;padding: 3px 5px 0px 5px;}
     
     .Castback ul{padding: 3px 0px 0px 25px;}
    
    .Castback p {padding: 2px 30px 2px;}
     
     .Castback ul p2{font-size: 17px;color:black;}
    
    .Crew h2 {font-size: 18px;padding: 13px 20px 0px 20px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 25px;}
    
    .Crewback ul p{font-size: 17px;padding: 3px 5px 0px 5px;}
     
     .Crewback ul p2{font-size: 17px;color: black;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:2%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Poster h2 {font-size: 18px;padding: 3px 20px 0px 20px;margin:10px;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 15px 15px 5px 30px;}
    
    .Gallerytitle h2 {font-size: 18px;padding: 0px 20px 5px 15px;margin:15px;}
    
    .rectengallery{ height: 290px;width:auto;margin-left: 110px;}
    
    .rectengallery img {margin-top: 4%; padding: 10px;width:135px;}

    .imdb h4 {font-size: 13px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:40px 10px 50px 50px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
     
     a.lightboxasu-close:before {height: 25px;width: 4px;left:-40px;top:-10px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;left:-40px;top:-10px;}
    
    .Rakkas-smallfont{
    display: none;}
     
     .correctedfont{display: none;}
     .img-Rakkas{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;}

.Rakkastitle{ 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;}

    .topnav{height: 63px;}
    
    
.foo img{width: 30px;margin-left: 150px;margin-top: 10px;}
    
 .Rakkastitle{width: 23%;height:auto;margin-left: 30px;margin-top:15px;}   
    
  .techspecs p1 {font-size: 4.6vw;padding: 15px 120px;}
    
   .techspecs p2 {font-size: 3.8vw;padding: 44px 0px 0px 120px;}
    
    .techspecs p3 {font-size: 3.8vw;padding: 63px 0px 0px 120px;}
    
    .techspecs p4 {font-size: 3.8vw;padding: 83px 0px 0px 120px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px;}
    
    .about h2{padding: 5px 10px 0px 35px;font-size: 4.5vw;font-weight: 200;}
    
      .synopsisback p { font-size: 4.3vw; padding:2px 20px 3px 26px;text-align:justify-all;margin:0px 0px 0px 0px;}
    
    .synopsisback{padding:5px 8px 5px 5px; }
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 4.4vw;margin-top: 15px;}
    
    .Poster h2 {font-size: 4.4vw;padding: 10px 20px 0px 30px;margin:10px;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 17px 15px 5px 35px;}
    
        .Crew h2 {font-size: 4.5vw;padding: 15px 20px 5px 35px;margin:0px;}
    
    .Cast h2 {font-size: 4.5vw;padding: 40px 15px 5px 38px;}
    
    .videowrapper iframe{width: 130%;padding-top: 1%;}
    
    .videowrapper {height: 120%;width: 260px;}
    
    .Castback {padding-bottom: 0%;padding-top: 1%;margin-top:1%;}
    
    .Castback ul{padding: 3px 0px 8px 8px;}
    
     .Castback ul p {padding: 2px 30px 2px;font-size: 4.1vw;}
     
     .Castback ul p2{font-size: 4.1vw;color: black;}
    
    .Crewback ul{padding: 0px 0px 13px 30px;}
    
    .Crewback ul p{font-size: 4.1vw;padding: 3px 5px 0px 5px;}
     
     .Crewback ul p2{font-size: 4.1vw;color: black;}
    
   .Gallerytitle h2 {font-size: 4.5vw;padding: 0px 20px 5px 22px;margin:15px;}
    
   .rectengallery{ height: 320px;width:auto;margin-left: 105px;}
    
    .rectengallery img {margin-top: 6%; padding: 10px;width:140px;margin-left: -45%; }
    
    a.lightboxasu-close:before {height: 25px;width: 3px;left:-80px;top:30px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;left:-80px;top:30px;}
    
    .imdb img{margin:40px 10px 50px 45px;display: inline-block;width:43px;
    height: auto;}
    
    .imdb h4 {font-size: 13px;margin-top: 45px; padding: 0px 0px 100px 3px;display: inline-block;}
    
    .Rakkas-smallfont{
    display: none;}
    
    .correctedfont{display: none;}
    .img-Rakkas{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;}

.Rakkastitle{ 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: 65px;}
    
     .img-Rakkas{padding-top: 70px;}
    
   .Rakkastitle{width: 24%;height:auto;margin-left: 30px;margin-top:13px;}   
    
  .techspecs p1 {font-size: 20px;padding: 15px 120px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 120px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 120px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 120px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px;}
    
    .about h2{padding: 0px 10px 0px 35px;font-size: 19px;font-weight: 200;}
    
      .synopsisback p { font-size: 19px; padding:2px 20px 3px 26px;text-align:justify-all;margin:0px 0px 0px 0px;}
    
    .synopsisback{padding:5px 8px 5px 5px; }
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 18px;margin-top: 15px;}
    
    .Poster h2 {font-size: 18px;padding: 10px 20px 0px 30px;margin:10px;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 17px 15px 5px 40px;}
    
        .Crew h2 {font-size: 19px;padding: 15px 20px 0px 40px;margin:0px;}
    
    .Cast h2 {font-size: 19px;padding: 40px 15px 5px 38px;}
    
    .videowrapper iframe{width: 135%;padding-top: 1%;}
    
    .videowrapper {height: 265px;width: 260px;}
    
    .Castback {padding-bottom: 0%;padding-top: 1%;margin-top:1%;}
    
    .Castback ul{padding: 3px 0px 8px 8px;}
    
     .Castback ul p {padding: 2px 30px 2px;font-size: 18px;}
     
     .Castback ul p2{font-size: 18px;color: black;}
    
    .Crewback ul{padding: 0px 0px 13px 35px;}
    
    .Crewback ul p{font-size: 18px;padding: 3px 5px 0px 5px;}
     
     .Crewback ul p2{font-size: 18px;color: black;}
    
   .Gallerytitle h2 {font-size: 19px;padding: 0px 20px 5px 26px;margin:15px;}
    
   .rectengallery{ height: 320px;width:auto;margin-left: 125px;}
    
     .rectengallery img {margin-top: 12%; margin-left: -50%; padding:0px 0px 0px 15px;width:140px; height: auto;}
    
    a.lightboxasu-close:before {height: 25px;width: 3px;left:-80px;top:10px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;left:-80px;top:10px;}
    
    .imdb img{margin:40px 10px 50px 45px;display: inline-block;width:43px;
    height: auto;}
    
    .imdb h4 {font-size: 13px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
    .Rakkas-smallfont{
    display: none;}
    
    .correctedfont{display: none;}
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
     .topnav{
        height: 70px;}
    
    .img-Rakkas{padding-top: 70px;}
    
    .Rakkastitle{width: 23%;margin-left: 35px;margin-top: 18px;}
    
   .techspecs p1 {font-size: 21px;padding: 15px 145px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 145px;}
    
    .techspecs p3 {font-size: 17px;padding: 68px 0px 0px 145px;}
    
    .techspecs p4 {font-size: 17px;padding: 88px 0px 0px 145px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 0px 10px 0px 45px;font-size: 20px;font-weight: 200;}
    
    .text.synopsis{padding:3px 25px 0px 25px;text-align:justify-all;word-spacing:-1px;}
        
   .synopsisback p { font-size: 20px; }
    
    .synopsisback{padding:8px 8px 5px 25px; text-align:justify-all;word-spacing:-1px;}
    
     .trailer h2{padding: 3px 40px 15px 45px;font-size: 20px;}
    
    .videowrapper iframe{ left:29%;}
    
    .videowrapper {height: 300px;width: 290px;}
    
    .videowrapper iframe {padding-top: 2%; width: 400px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:3%;}
    
     .Castback ul{padding: 0px 0px 0px 35px;margin-bottom: 5px;padding-left: 30px;}
   
    .Cast h2 {font-size: 20px;padding: 75px 20px 0px 45px;}
    
    .Castback ul p{font-size: 20px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 2px 35px 40px;font-size: 20px}
    
    .Castback ul p2{
        
         font-size: 20px;font width: 50px;font-weight: 500;color: black;}
    
    .Crew h2 {font-size: 20px;padding: 15px 20px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 18px;}
    
    .Crewback ul p{font-size: 20px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
    
    
    .Crewback p {padding: 2px 30px 2px;font-size: 20px;}
    
        .Crewback ul p2{
        
 font-size: 20px;font width: 50px;font-weight: 500;color: black}
    
   .Poster h2 {font-size: 20px;padding: 0px 20px 0px 45px;}
    
    .lightboxasu{
    
    height: 495px;} 
    
    
    a.lightboxasu img {height: auto;width:350px;margin: 20px 15px 5px 45px;}
    
    .Gallerytitle h2 {font-size: 20px;padding: 0px 20px 5px 30px;margin:15px;}
    
    .rectengallery{ height: 360px;width:auto;margin-left: 145px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -50%; padding:0px 0px 0px 15px; width:165px; height: auto;}

    .imdb h4 {font-size: 13.5px;margin-top: 45px; padding: 10px 0px 0px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:50px 10px 70px 60px;display: inline-block;width: 43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;} 
    
    a.lightboxasu-close:before {height: 27px;width: 4px;left:-100px;top:-20px;}
    
    a.lightboxasu-close:after {height: 27px;width: 4px;left:-100px;top:-20px;}
    
    .Rakkas-smallfont{
    display: none;}
    
    .correctedfont{display: none;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 13%;margin-left: 45px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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:3px 25px 0px 25px;text-align:justify-all;word-spacing:1px;font-size: 16px; color:white;}
        
    .synopsisback{padding:13px 8px 15px 20px;background: rgba(114,114,114,0.1); }
    
    .trailer h2{padding: 0px 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: 105px 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: 10px 0px 0px 30px;margin-top:10px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 95px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:1.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;}

    a.lightboxasu img {height: auto;width:40%;margin: 20px 0px 5px 120px;}
    
     a.lightboxasu-close {margin-top: 70px; right:-250px; }
    
   a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
       
       .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
       
       .lightboxasu{
    
    height: 440px;} 
    
    .Gallerytitle h2 {font-size: 16px;padding: 10px 20px 15px 45px;margin:10px;}
    
    .rectengallery{ height: 390px;width:auto;margin-left: 310px;}
    
    .rectengallery img { margin-left: -60%; padding:0px 0px 0px 55px; width:215px; height: auto;margin-top: 19px;}

    .imdb h4 {font-size: 11px;margin-top: 58px; padding: 0px 0px 80px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:50px 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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
}












@media only screen and (min-device-width: 810px){
    
    .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;}
    
    .Rakkastitle{width: 100px;margin-left: 60px;margin-top: 25px;}
    
    .correctedfont{
   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;margin-bottom: 5px;margin-top: 5px;}
        
    .synopsisback p{ font-size: 17px; color: white;}
    
    .synopsisback{padding:8px 8px 15px 5px; background: rgba(114,114,114,0.1)}
    
    .trailer h2{padding: 5px 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: 0.5%;margin-top:1.5%;background: rgba(114,114,114,0.1)}
   
    .Cast h2 {font-size: 17px;padding: 145px 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 43px;margin:20px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 20px 0px 50px;margin:5px;}
    
    .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-top: 90px; left:500px; }
    
   a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
    
    .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:235px; height: auto;margin-top: 15px;}

    .imdb h4 {font-size: 11px;margin-top: 55px; padding: 0px 0px 170px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:50px 10px 40px 70px;display: inline-block;width: 38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 100px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
   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:3px 25px 0px 45px;text-align:justify-all;word-spacing:-1px;}
        
   .synopsisback p{ font-size: 16px; }
    
    .synopsisback{padding:8px 8px 15px 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 30px;margin:10px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 115px;}
    
    .Crewback ul p{font-size: 15px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:0.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;
          margin-top:140px;
    margin-left: 17%;
}
      
    
  
 a.lightboxasu img {height: auto;width:280px;margin: 20px 15px 5px 140px;}
    
     a.lightboxasu-close {margin-top: 120px; right:-20px; }
    
    a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 15px 30px;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: 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 60px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
    .lightbox .lb-image {max-width: 585px;max-height: 333px;}
      
      
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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 0px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 0px;}
    
     .synopsisback p{padding:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 17.5px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 16px;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 115px;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;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 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 105px;margin-top: 10px;}
    
    .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: 820px;
max-width:620px;
   margin-left: 26%; 
    margin-top: 50px;
}
    

    
    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: 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: 60px 570px;right:-20px;}
    
    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;}
    
    

    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 115px;margin-left: 50px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   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: 140px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 20px;font-weight: 200;margin-bottom: 5px;}
    
    .synopsisback p{padding:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 20px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 20px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 470px;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: 215px 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:25px;}
    
  
    
    .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: 20px 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: 430px;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: 25px;}
    
    

    .imdb h4 {font-size: 13px;margin-top: 50px; padding: 3px 0px 100px 15px;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-top: 8%;margin-left: 52%;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;} 
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }

    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 36%;
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 42%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }

    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 41%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }
    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 40%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }

    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 31%; 
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 39%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }





/* min-width double*/


     



@media only screen 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;
    
    }

    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 38%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 70px;margin-left: 5px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   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: 95px; }
    
    .about h2{padding: 10px 5px 0px 0px;font-size: 12px;font-weight: 200;margin-bottom: 23px;}
      
     .synopsisback p{padding:0px 0px 0px 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: 260px;margin-left: 130px;width: 300px;}
    
    .videowrapper iframe {padding-top: 0%; width: 120%;}
    
    .wrapper {width: 170px;height: 250px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 8px 0px 0px 82px;}
   
    .Cast h2 {font-size: 12px;padding: 5px 20px 0px 0px;margin-top: 20px;}
    
    .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:30px;}
    
    .Crew {padding: 0px 5px 5px 5px;margin:0px;}
    
    .Crewback ul{padding: 0px 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:430px;
    margin-left: 35%; 
      
    
    
}

   .lightboxasu-target { left:-0%;
       right: 50%;}
      
      
      
    a.lightboxasu img {height: auto;width:200px;margin:-10px 15px 5px 0px;}
    
    .Gallerytitle h2 {font-size: 12px;padding: 5px 20px 5px 0px;margin:3px;}
    
    .rectengallery{ height: 290px;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: 11px;}
    
    

    .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: 90px 40px;margin-right: 30%;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;}

      
    .img-Rakkas{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;}

.Rakkastitle{ 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 220px;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 220px;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: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 28%; 
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 37%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }

    
    .foo img{width: 23px;margin-left: 625px;margin-top: 20px;}
    
   .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 10px;}
    
     .synopsisback p{padding:3px 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: 5px 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: 10px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 15px;padding: 0px 20px 0px 45px;margin-top: 140px;}
    
    .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: 40px 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:8px 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 50px;display: inline-block;width:33px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
     a.lightboxasu-close {margin-top: 90px;margin-right: 15%;position: fixed;margin-left: 48%;}
    
    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;}
    
    


       
       .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
       
       
    
    }














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


.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 220px;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 220px;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: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 25%; 
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 35%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }











@media only screen and (min-device-width: 1201px)and (max-width:1279px){
    
    
    
    .Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 220px;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 220px;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: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 5px 0px 0px 110px;}
   
    .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: 40px 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: 25%; 
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 35%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }





















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

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 220px;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 220px;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: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .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:0px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 10px 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: 40px 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: 23%;
    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:9px 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: 90px;margin-right: 15%;position: fixed;margin-left: 35%;}
    
    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;}
    
    


    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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: 20px 0px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 0px;}
    
     .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: 8px 40px 15px 45px;font-size: 16px;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;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: 20px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 105px;margin-top: 10px;}
    
    .Crewback ul p{font-size: 16px;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: 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: 40px;
}
    

    
    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: 60px 470px;margin-right: 7%;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;}
    
    

    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
   .Rakkastitle{width: 60px;margin-left: 35px;margin-top: 20px;}
    
    .correctedfont{
   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: 5px;}
    
     .synopsisback p{padding:0px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;margin-top: 0px;}
        
    .synopsisback p{ font-size: 11px; color: white;}
    
    .synopsisback{background: transparent;padding-bottom: 10px;}
    
   .trailer h2{padding: 0px 40px 15px 45px;font-size: 10px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 250px;margin-left: 170px;width: 260px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
     .wrapper {width: 370px;height: 260px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;margin-top: 0px;}
   
    .Cast h2 {font-size: 11px;padding: 5px 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: 60px 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: 14px;}
    
    

    .imdb h4 {font-size: 8px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 50px;display: inline-block;width:25px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    a.lightboxasu-close {margin-top: 90px;margin-right: 90%;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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
   .Rakkastitle{width: 65px;margin-left: 35px;margin-top: 10px;}
    
    .correctedfont{
   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: 105px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 10px;font-weight: 200;margin-bottom: 5px;margin-top: -5px;}
    
     .synopsisback p{padding:3px 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: 0px 40px 15px 30px;font-size: 10px;margin-top: 0px;}
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 245px;margin-left: 160px;width: 260px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 150px;height: 200px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;margin-top: 0px;}
   
    .Cast h2 {font-size: 11px;padding: 60px 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: 60px 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;margin-top: -5px;}
    
.lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 35%; 
    margin-right: 70%;
    position: fixed;
    margin-top: 80px;
    
}
    
       
    a.lightboxasu img {height: auto;width:200px;margin: -10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 10px;padding: 0px 20px 5px 25px;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: 38px; padding: 10px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:43px 10px 40px 40px;display: inline-block;width:24px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 80px;margin-left: 39%;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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
   .Rakkastitle{width: 100px;margin-left: 50px;margin-top: 25px;}
    
     .correctedfont{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
         display: block;
    
}
    
    .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: 0px;}
    
    .synopsisback p{padding:15px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
   .synopsisback p{ font-size: 17px; color: white;}
    
    .synopsisback{background: transparent;}
    
   .trailer h2{padding: 5px 40px 15px 45px;font-size: 17px;}
    
     .videowrapper iframe{ left:35%;}
    
    .videowrapper {height: 390px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px; height: 390px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 125px;}
   
    .Cast h2 {font-size: 17.5px;padding: 0px 20px 0px 45px;margin-top: 15px;}
    
    .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 30px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:10px;}
    
    .Crewback ul{padding: 0px 10px 0px 115px;}
    
    .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: 18%;  
}
     

    
    a.lightboxasu img {height: auto;width:250px;margin: 0px 15px 5px 25px;}
      
     a.lightboxasu-close {margin: 10% 390px; }
    
    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 47px;margin:8px;}
    
    .rectengallery{ height: 410px;width:500px;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;padding-top: 4px;}
    
    

    .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;}
       
       #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;}

.Rakkastitle{ 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;}
    
.Rakkastitle{width: 95px;margin-left: 50px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 20px 370px;}
    
   .techspecs p2 {font-size: 15px;padding: 48px 0px 0px 370px;}
    
    .techspecs p3 {font-size: 15px;padding: 69px 0px 0px 370px;}
    
    .techspecs p4 {font-size: 15px;padding: 90px 0px 0px 370px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 20px 10px 0px 45px;font-size: 17px;font-weight: 200;}
    
     .synopsisback p{padding:10px 0px 10px 40px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 16px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: transparent;padding-top: 0px;}
    
    .trailer h2{padding: 0px 40px 15px 45px;font-size: 17px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .wrapper{height: 200px;width: 600px;}
    
    .videowrapper {height:390px;margin-left: 175px;width: 450px;}
    
    .videowrapper iframe {padding-top: 0%; width: 125%;}
    
    
     .Castback {padding-bottom: 1%;padding-top: 0%;background: transparent;margin-top: 10px;}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 17px;padding: 210px 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 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 110px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .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: 17px;padding: 10px 20px 10px 45px;margin:6px;}
    

       .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 25%; 
    margin-top: 4%;
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -15px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 5px 20px 25px 45px;margin:8px;}
    
   .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 100px 10px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 60px;display: inline-block;width:35px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
    
      a.lightboxasu-close  {margin:5% 340px; }
    
    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;}
    
   


    
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;
    
    }

    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   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: 40px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 380px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 14px;font-weight: 200;margin-bottom: 10px;}
    
     .synopsisback p{padding:3px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 15px; color: white;}
    
    .synopsisback{background: transparent;margin-top:-15px;}
    
    .trailer h2{padding: 0px 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: 40px 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: 150px;
    
}
    
 
    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:9px 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: 90px;margin-right: 5%;position: fixed;margin-left: 35%;}
    
    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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 340px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 340px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 340px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 340px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 14px;font-weight: 200;margin-bottom: 3px;}
    
     .synopsisback p{padding:10px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
     .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 0px 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: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;}
   
    .Cast h2 {font-size: 14px;padding: 110px 20px 0px 45px;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: 40px 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: 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: 35%;margin-left: 115px;} 
    
.lightboxasu-target:target img {
max-height: 700px;
max-width:500px;
    margin-left: 21%; 
    margin-top: 150px;
}
    

    
    a.lightboxasu img {height: auto;width:270px;margin:-10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 13px 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:9px 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: 90px;margin-right: 5%;position: fixed;margin-left: 30%;}
    
     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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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: 20px;z-index: 1;}
    
    
     .topnav{height: 65px;z-index: -1;}
    

.Rakkastitle{width: 100px;margin-left: 40px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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: 0px 10px 10px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 10px 43px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 345px;margin-left: 130px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 480px;}
    
    .wrapper {width: 200px;height: 300px;} 
    
     .Castback {padding-bottom: 1%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 19px;padding: 60px 20px 5px 50px;margin-top: 0px;}
    
    .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: 19px;padding: 35px 20px 0px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 110px;}
    
    .Crewback ul p{font-size: 18px;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: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 10px 45px;margin:6px;}
    

       .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 13%; 
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 25px 45px;margin:8px;}
    
    .rectengallery{ height: 350px;width:340px;margin-left: 290px;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: 14%;}
    
    

    .imdb h4 {font-size: 13px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 60px;display: inline-block;width:44px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
      a.lightboxasu-close {margin: 90px 40px;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 {display: none;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 90px;margin-left: 50px;margin-top: 25px;}
    
   .correctedfont{
   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 45px;font-size: 14px;font-weight: 200;margin-bottom: 3px;}
    
     .synopsisback p{padding:10px 50px 0px 38px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p{ font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 0px 40px 15px 45px;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: 35px 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: 10px 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: 23%; 
    margin-top: 150px;
}
    

    
    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: 19px;}
    
    

    .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: 90px;margin-right: 0%;position: fixed;margin-left: 30%;}
    
    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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 85px;margin-left: 45px;margin-top: 25px;}
    
    .correctedfont{
   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: 3px;}
    
     .synopsisback p{padding:10px 50px 0px 35px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 14px; color: white;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 0px 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: 85px 20px 0px 42px;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: -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:0px;}
    
      .lightboxasu{
    
    height: 350px;width: 37%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 22%; 
margin-top: 150px;
}
    
    

    
    a.lightboxasu img {height: auto;width:250px;margin:-10px 35px 45px 35px;}
    
    .Gallerytitle h2 {font-size: 14px;padding: 5px 20px 5px 40px;margin:2px;}
    
    .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: 20px;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 45px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:40px 10px 40px 45px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
      a.lightboxasu-close {margin: 90px;margin-right: 5%;position: fixed;margin-left: 26%;}
    
    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;}
      
      #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;}

.Rakkastitle{ 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;}
    
    .Rakkastitle{width: 85px;margin-left: 20px;margin-top: 25px;}
    
     .correctedfont{
         display: block;
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 230px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 230px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 230px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 230px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 10px 20px;font-size: 14px;font-weight: 200;margin-bottom: 11px;}
    
    .synopsisback p{padding:3px 0px 10px 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: 40px 20px 0px 10px;margin: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%;padding-top: 2.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: 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: 150px;
}
    

    
    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;margin-top: 13%;}
    
    

    .imdb h4 {font-size: 9px;margin-top: 47px; padding: 0px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:42px 10px 40px 20px;display: inline-block;width:30px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
      a.lightboxasu-close {margin: 90px;margin-right: 5%;position: fixed;margin-left: 20%;}
    
    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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}

.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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: 105px; }
    
    .about h2{padding: 25px 0px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 0px;}
    
     .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: 8px 40px 15px 45px;font-size: 16px;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: 5px 20px 0px 45px;margin-top: 20px;}
    
    .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 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: 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 42px;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: 50px 420px;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: 745px;max-height: 422px;}
    
    

    .img-Rakkas{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;}

.Rakkastitle{ 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: 60px;z-index: -1;}
    

.Rakkastitle{width: 100px;margin-left: 15px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .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 15px;font-size: 18px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 10px 10px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;}
    
    .trailer h2{padding: 5px 40px 15px 15px;font-size: 17px;margin-top: 10px;}
    
     .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);margin-top: 10px;}
    
    .Castback ul{padding: 0px 0px 5px 90px;}
   
    .Cast h2 {font-size: 18px;padding: 120px 0px 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: 18px;padding: 35px 20px 0px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 80px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;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 14px;margin:4px;}
    

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

     .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:45px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
     a.lightboxasu-close {margin-top: 140px;right: 300px;position: fixed;}
    
     a.lightboxasu-close:before {height: 20px;width: 3px;left:200px;top:-40px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:200px;top:-40px;}
    
    .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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    #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: 60px;z-index: -1;}
    

.Rakkastitle{width: 90px;margin-left: 15px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .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 15px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 10px 10px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 2.3vw; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;}
    
    .trailer h2{padding: 5px 40px 15px 15px;font-size: 16px;margin-top: 10px;}
    
     .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);margin-top: 10px;}
    
    .Castback ul{padding: 0px 0px 5px 90px;}
   
    .Cast h2 {font-size: 17px;padding: 120px 0px 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: 17px;padding: 35px 20px 0px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 80px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;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: 16px;padding: 10px 20px 0px 14px;margin:4px;}
    

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

     .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:45px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
     a.lightboxasu-close {margin-top: 140px;right: 300px;position: fixed;}
    
     a.lightboxasu-close:before {height: 20px;width: 3px;left:200px;top:-40px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:200px;top:-40px;}
    
    .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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;}
    
    .topnav{height: 65px;z-index: -1;}
    

.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
   .techspecs p1 {font-size: 20px;padding: 15px 280px;}
    
   .techspecs p2 {font-size: 16px;padding: 48px 0px 0px 280px;}
    
    .techspecs p3 {font-size: 16px;padding: 70px 0px 0px 280px;}
    
    .techspecs p4 {font-size: 16px;padding: 92px 0px 0px 280px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 0px 10px 0px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 0px 10px 42px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 15px;}
    
    .trailer h2{padding: 8px 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 5px 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;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
     .Crew h2 {font-size: 19px;padding: 35px 20px 0px 50px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 3px 10px 0px 120px;}
    
    .Crewback ul p{font-size: 17px;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: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 0px 50px;margin:6px;}
    

       .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 13%; 
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 0px 50px;margin:8px;}
    
    .rectengallery{ height: 320px;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 {margin: 90px 40px;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;}
    
   #mySidenav{z-index:8; }


    .lightboxasu-target {display: none;}
    
    .img-Rakkas{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;}


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

.Rakkastitle{ 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;}
    
    .topnav{height: 65px;z-index: -1;}
    

.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
   .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: 130px; }
    
    .about h2{padding: 0px 10px 0px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:5px 0px 20px 42px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:10px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 5px;}
    
    .trailer h2{padding: 8px 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 5px 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;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 17px;font width: 50px;font-weight: 500;color: white;}
    
     .Crew h2 {font-size: 19px;padding: 35px 20px 0px 50px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 3px 10px 0px 120px;}
    
    .Crewback ul p{font-size: 17px;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: 17px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 0px 50px;margin:6px;}
    

       .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 13%; 
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 5px 20px 25px 50px;margin:8px;}
    
    .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: 50px; 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 {margin: 90px 40px;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;}
    
   
#mySidenav{z-index:8; }

    .lightboxasu-target {display: none;}
    
    .img-Rakkas{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;}


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

.Rakkastitle{ 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;z-index: -1;}
    

.Rakkastitle{width: 115px;margin-left: 20px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   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 30px;font-size: 20px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 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:10px 40px 15px 20px;}
    
    .trailer h2{padding: 15px 40px 15px 30px;font-size: 19px;margin-top: 5px;}
    
    .videowrapper {height: 350px;margin-left: 135px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 550px;left:70px;}
    
     .wrapper {width: 90%;height: 215px;} 
    
  .Castback {padding-bottom: 1%;padding-top: 1.5%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .Cast h2 {font-size: 20px;padding: 185px 20px 5px 28px;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 20px;margin:0px;}
    
    .Crew {padding: 5px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 100px;}
    
    .Crewback ul p{font-size: 19px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2%;margin-top:1.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 25px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 125px;} 
    
.lightboxasu-target:target img {
max-height: 400px;
max-width:450px;
   margin-left: 29%;
    margin-top: 5px;
   
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -1px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 20px;padding: 15px 20px 25px 20px;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: 60px; padding: 0px 0px 100px 5px;display: inline-block;}
    
   .imdb img{margin:55px 10px 40px 30px;display: inline-block;width:45px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
      #mySidenav{z-index:8; }
    
    
      a.lightboxasu-close {margin: 40px 170px;margin-right: 60%;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: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;}

.Rakkastitle{ 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;}
    
.topnav{height: 65px;z-index: -1;}
    

.Rakkastitle{width: 95px;margin-left: 20px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   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: 15px 5px 0px 30px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
     .synopsisback p{padding:0px 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:3px 40px 5px 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: 300px;}
    
    .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 5px 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: 100px 20px 0px 25px;margin:0px;}
    
    .Crew {padding: 5px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 3px 10px 0px 100px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2.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: 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: auto;
max-width:250px;
   margin-left: 30%; 
    
    margin-top: 5px;
    
    
}
    
    .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: 260px;}
    
    .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: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:45px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    a.lightboxasu-close {margin-top: 70px;margin-left:-150px;} 
    
    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;}

.Rakkastitle{ 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: 20px;z-index: 1;}
    
    
     .topnav{height: 70px;z-index: -1;}
    

.Rakkastitle{width: 100px;margin-left: 50px;margin-top: 17px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
   .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: 5px 10px 0px 50px;font-size: 19px;font-weight: 200;margin-bottom: 25px;}
    
     .synopsisback p{padding:0px 0px 10px 43px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 8px;}
    
    .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: 1%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 19px;padding: 40px 20px 5px 50px;margin-top: 0px;}
    
    .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: 19px;padding: 35px 20px 5px 45px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 110px;}
    
    .Crewback ul p{font-size: 18px;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: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 18px;padding: 10px 20px 10px 45px;margin:6px;}
    

       .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 13%; 
    
}
    

    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px -5px;}
    
    .Gallerytitle h2 {font-size: 18px;padding: 5px 20px 25px 45px;margin:8px;}
    
    .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: 13px;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 {margin: 90px 40px;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 {display: none;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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: 65px;z-index: -1;}
    
.Rakkastitle{width: 105px;margin-left: 15px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 210px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 210px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 210px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 210px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 15px 5px 0px 15px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .synopsisback{padding: 8px 8px 5px 15px;}
    
     .synopsisback p{padding:0px 0px 10px 0px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 18px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 15px;}
    
    .trailer h2{padding: 15px 40px 15px 15px;font-size: 18px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 130%;margin-left: 135px;width: 320px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 250px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;background: rgba(114,114,114,0.1);margin-top: 10px;}
    
    .Castback ul{padding: 5px 0px 5px 90px;}
   
    .Cast h2 {font-size: 19px;padding: 95px 0px 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: 35px 20px 0px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 80px;}
    
    .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: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 3%; 
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -10px 35px 45px 20px;}
    
    .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:0px 0px 0px 15px; width:115px; height: auto;}

    .imdb h4 {font-size: 12px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:45px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {margin-top: 140px;right: 300px;position: fixed;}
    
     a.lightboxasu-close:before {height: 20px;width: 3px;left:200px;top:-40px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:200px;top:-40px;}
    
    .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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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: 15px;z-index: 1;}
    

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

.Rakkastitle{width: 90px;margin-left: 30px;margin-top: 15px;}
    
    .correctedfont{
        display: block;
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 210px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 210px;}
    
    .techspecs p3 {font-size: 15px;padding: 58px 0px 0px 210px;}
    
    .techspecs p4 {font-size: 15px;padding: 76px 0px 0px 210px;}
    
    .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{padding: 8px 8px 5px 25px;}
    
     .synopsisback p{padding:0px 0px 10px 0px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 16px; color: white;padding-bottom:5px; }
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-top: 15px;}
    
    .trailer h2{padding: 5px 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: 0.5%;background: rgba(114,114,114,0.1);margin-top: 10px;}
    
    .Castback ul{padding: 0px 0px 5px 90px;}
   
    .Cast h2 {font-size: 17px;padding: 15px 0px 0px 28px;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: 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: 15px;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 {
max-height: 650px;
max-width:450px;
    margin-left: 3%; 
    
}
    
    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: 14%; margin-left: -70%; padding:0px 0px 0px 15px; width:115px; height: auto;}

    .imdb h4 {font-size: 11px;margin-top: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
    .imdb img{margin:38px 10px 40px 40px;display: inline-block;width:37px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {margin-top: 140px;right: 300px;position: fixed;}
    
     a.lightboxasu-close:before {height: 20px;width: 3px;left:200px;top:-40px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:200px;top:-40px;}
    
    .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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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: 230px;margin-top: 20px;}
    
    .topnav{height: 65px;}
    
    .Rakkastitle{width: 85px;margin-left: 15px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   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: 20px;}
    
     .synopsisback p{padding:0px 0px 10px 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: 5px 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%;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: 30px 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: 3%;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%; 
   margin-top: 150px; 
}
    
    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: 90px;margin-right: 0%;position: fixed;margin-left: 10%;}
    
     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;}
    
    .img-Rakkas{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;}

.Rakkastitle{ 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;z-index: 1;}
    

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


.Rakkastitle{width: 100px;margin-left: 0px;margin-top: 20px;}
    
    .correctedfont{
        display: block;
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 165px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 165px;}
    
    .techspecs p3 {font-size: 15px;padding: 59px 0px 0px 165px;}
    
    .techspecs p4 {font-size: 15px;padding: 78px 0px 0px 165px;}
    
    .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{padding: 8px 8px 5px 20px;}
    
     .synopsisback p{padding:5px 0px 5px 0px;text-align:justify-all;word-spacing:-1px;}
        
    .synopsisback p { font-size: 17px; color: white;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding-bottom: 2px;}
    
    .trailer h2{padding: 5px 40px 15px 18px;font-size: 17px;margin-top: 5px;}
    
   .videowrapper iframe{ left:40px;}
    
    .videowrapper {height: 275px;;margin-left: 130px;width: 250px;}
    
    .videowrapper iframe {padding-top: 0%; width: 380px;}
    
    .wrapper{width: 100px;height: 250px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 10px 75px;}
   
    .Cast h2 {font-size: 18px;padding: 40px 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: 50px 20px 5px 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: 20px 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: 0px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 5px 10px;margin:10px;}
    
    .rectengallery{ height: 280px;width:240px;margin-left: 175px;}
    
    .rectengallery img {margin-top: 15%; margin-left: -70%; padding:0px 0px 0px 15px; width:115px; 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;}
    
     
    
     a.lightboxasu-close {margin-top: 140px;right: 300px;position: fixed;}
    
     a.lightboxasu-close:before {height: 20px;width: 3px;left:200px;top:-40px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;left:200px;top:-40px;}
    
    .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    .img-Rakkas{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;}

.Rakkastitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }