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



   .Deadcarstitle{
   width: 40%;
    height: auto;
    position: fixed;
    z-index: 1;
    margin-left: 30px;
    margin-top: 23px;
   
}

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

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

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 10px;
    color:#f7cd46;
}
.synopsisback{
    
    
    width: 100%;
    height: auto;
    background-color: ghostwhite;
    position: relative;
    padding-top: 8px;
    padding-bottom: 8px;
    z-index: -8;
}
.text synopsis p{
    text-align: justify;
    font-family:acumin-pro,arial;
    font-size: 16px;
    font-style: normal;
    font width: 50px;
    font-stretch: condensed;
    color:black;
    opacity: 0.75;
    position:relative;
    margin: 0px;
    z-index: -4;
    padding: 0px 0px 0px 0px;
    

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




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

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


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

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

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

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

.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 p2{
 font-family:acumin-pro,arial;
font-size: 14px;
   color:black;
    opacity: 1;
    margin: 0px;
 font width: 50px;
    z-index: -8;
    position: relative;
    padding: 1px;
  
}

.Castback{
    
    
    width: 100%;
    height: auto;
    background-color: white;
    position: relative;
  padding-top:8px;
    padding-bottom:8px;
   
    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;
   
    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 p2{
 font-family:acumin-pro,arial;
font-size: 22px;
   color:black;
    opacity: 1;
    margin: 0px;
 font width: 50px;
    z-index: -8;
    position: relative;
    padding: 1px;
    font-weight: 500;
   
    
}


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


.Poster h2{
    text-align: left;
    font-family: SlimSansSerif,arial;
    font-size: 22px;
    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: 270px;
    width: auto;
    margin-left: 60px;
    
    
}

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

    
}


a.lightboxasu img {
height: 400px;
    width:auto;
margin: 15px 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;
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: 0px 10px;
    

}

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

a.lightboxasu-close:before {
content: "";
display: block;
height: 25px;
width: 4px;
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: 4px;
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;
    margin-left: 0;
    margin-right: auto;
}

.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:50px 50px 50px 0px;
    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:relative;
    
   
}

.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; 
    z-index: -11;
    
}



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

    .Container{display: none}
    
}



@media all and (min-device-width: 300px) and (max-width:359px) {
    
  .Container{
        max-width: 320px;}
    
    #mySidenav{padding-top: 60px;z-index:8; }
    
    #mySidenav.sidenav a{padding: 6px 8px 8px 32px;font-size: 16px;}
    
    #mySidenav.sidenav li{padding: 13px 8px 8px 32px;font-size: 16px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav span {font-size: 17px;}
    
    .techspecs p1 {font-size: 17px;padding: 10px 95px;}
    
   .techspecs p2 {font-size: 14px;padding: 33px 0px 0px 95px;}
    
    .techspecs p3 {font-size: 14px;padding: 51px 0px 0px 95px;}
    
    .techspecs p4 {font-size: 14px;padding: 68px 0px 0px 95px;}
    
    .topnav{
        height: 65px;z-index: 2;}
    
    .img-152deadcars{padding-top: 65px;}
    
     .Deadcarstitle{
   width: 37%;
    margin-left: 30px;
    margin-top: 23px;
         z-index: 4;
   
}
    .foo{ z-index: 3;}
    
    
    .foo img{width: 24px;margin-left: 80px;margin-top: 13px;}

    
    .about{ width: 100%; height: auto;margin-top: 93px; }
    
    .about h2{padding: 5px 10px 0px 30px;font-size: 17px;font-weight: 200;}
    
    .text.synopsis{padding:8px 15px 0px 15px;text-align: justify;word-spacing: -1px;}
        
    .text.synopsis p { font-size: 16px; margin-bottom: 5px;}
    
    .synopsisback{padding:3px 0px 2px 0px; }
    
    .trailer h2{padding: 0px 40px 10px 30px;font-size: 17px;margin-top: 15px;}
    
    .Castback {font-size: 14px;padding-bottom: 1%;padding-top: 1%;margin-top:3%;}
   
    .Cast h2 {font-size: 17px;padding: 0px 20px 0px 30px;margin-top: 15px;}
    
    .Castback ul p{font-size: 16px;padding: 5px 5px 0px 5px;}
    
    .Castback ul{padding: 0px 0px 0px 25px;}
    
    .Castback p {font-size: 14px;padding: 2px 30px 2px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 20px 0px 20px;margin:0px;}
    
    .Crew {font-size: 14px;padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 10px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 5px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
    
    .Crewback p {font-size: 14px;padding: 2px 30px 2px;}
    
    .Crewback p2{
        
 font-size: 15px;font width: 50px;font-weight: 500;
   
    
}
  .Castback p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;
   
    
}  
    .Poster h2 {font-size: 17px;padding: 10px 20px 0px 30px;margin-top: 10px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 2px 20px 0px 20px;margin:15px;}
    
    .imdb h4 {font-size: 12px;margin-top: 40px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    
    .imdb img{margin:20px 10px 30px 40px;display: inline-block;width:35px;
    height: 17px;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;}  
    
    .lightboxasu{
    
    opacity: 1.0;
    
    height: 300px;
    width:auto;
margin: 0px 0px 0px 0px;
}


.lightboxasu:hover{
    
    opacity:0.7;
}
    
    .lightboxasu-target:target{ z-index: 7;}
    
    .lightboxasu-target:target img{z-index: 5;}
    
    a.lightboxasu img{margin: 20px 0px 5px 30px;height: 300px;
    width:auto;}
    
    .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;}
    
    .videowrapper{z-index: 1;}
    
    a.lightboxasu-close:{z-index: 6;}
    
    a.lightboxasu-close:before {z-index: 6;}
    
    a.lightboxasu-close:after {z-index: 6;}
}













@media all 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;}
    
    .Deadcarstitle{
        width: 33%;margin-top: 21px;}
    
    .techspecs p1 {font-size: 17px;padding: 10px 110px;}
    
   .techspecs p2 {font-size: 14px;padding: 35px 0px 0px 110px;}
    
    .techspecs p3 {font-size: 14px;padding: 52px 0px 0px 110px;}
    
    .techspecs p4 {font-size: 14px;padding: 70px 0px 0px 110px;}
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 16px;font-weight: 200;}
    
    .about{ width: 100%; height: auto;margin-top: 100px; }
    
    .text.synopsis{padding:3px 10px 3px 15px;text-align: justify;word-spacing: 0px;}
        
    .text.synopsis p { font-size: 4.3vw; margin-bottom: 5px;}
    
    .synopsisback{padding-bottom:0px; }
    
    .trailer h2{padding: 0px 40px 10px 30px;font-size: 16px;}
    
    .Cast h2 {font-size: 16px;padding: 15px 20px 0px 30px;}
    
    .Poster h2 {font-size: 16px;padding: 0px 20px 0px 35px;margin-top: 15px;}
    
    a.lightboxasu img{margin: 15px 0px 5px 35px;}
    
    .wrapper{width: 200px;height: 200px;}
    
    .videowrapper{height: 220px;width: 250px;}
    
    .videowrapper iframe{padding-top: 1%;width: 290px;left:30%;height: 210px;}
    
    .Crew h2 {font-size: 16px;padding: 15px 20px 10px 35px;margin:0px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 1%;margin-top:1%;}
    
    .Crewback ul{padding: 0px 0px 0px 33px;margin-bottom: 5px;}
    
    .Crewback ul p{font-size: 4.4vw;padding-top: 3px;}
    
    .Crewback ul p2{font-size: 4.4vw;}
    
    .Castback ul {padding: 0px 0px 0px 28px;margin:0px 0px 5px 0px;}
    
    .Castback ul p{font-size: 4.4vw;padding: 3px 5px 0px 3px;}
    
    .Castback ul p2{font-size: 4.4vw;padding: 3px 5px 0px 3px;}
    
    .Castback{margin-top: 10px;}
    
    .Castback p {padding: 0px 30px 0px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 0px 20px;margin:15px;}
    
    .rectengallery{ height: 250px;width:auto;margin-left: 100px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
    .rectengallery img {margin-top: 10%; margin-left: -55%; padding:0px 0px 0px 15px; width:120px; height: auto;}
      
    .imdb h4 {font-size: 11px;margin-top: 40px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .imdb img{margin:5px 10px 10px 45px;display: inline-block; width:35px;
    height: 18px;}
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    
}

    
@media all and (min-device-width: 375px) and (max-device-width:389px) {
    
  .Container{
        max-width: 375px;}
    
     #mySidenav.sidenav a{padding: 5px 10px 8px 52px;font-size: 4.3vw;}
    
    #mySidenav.sidenav .closebtn {top: 10px;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 8px 8px 8px 52px;font-size: 4.3vw;}
    
    #mySidenav.sidenav span {font-size: 4.2vw;}
    
    .foo img{width: 27px;margin-left: 125px;margin-top: 15px;}
    
    .techspecs p1 {font-size: 4.7vw;padding: 15px 120px;}
    
   .techspecs p2 {font-size: 3.9vw;padding: 41px 0px 0px 120px;}
    
    .techspecs p3 {font-size: 3.9vw;padding: 60px 0px 0px 120px;}
    
    .techspecs p4 {font-size: 3.9vw;padding: 79px 0px 0px 120px;}
    
    .Deadcarstitle{
        width: 35%;margin-top: 21px;margin-left: 27px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 0px 10px 0px 30px;font-size: 4.5vw;font-weight: 200;}
    
    .text.synopsis{padding:0px 10px 0px 10px;text-align:justify;word-spacing:0px;}
        
    .text.synopsis p { font-size: 4.3vw; padding: 0px 0px 0px 0px;margin-bottom: 3px;}
    
    .synopsisback{padding:8px 8px 5px 5px; }
    
    .trailer h2{padding: 0px 40px 15px 30px;font-size: 4.4vw;margin-top: 13px;}
    
    .videowrapper{height: 115%;width: 260px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;}
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:1%;}
   
    .Cast h2 {font-size: 4.5vw;padding: 25px 20px 5px 35px;}
    
    .Castback ul {padding: 0px 0px 0px 30px;margin:0px 0px 5px 0px;}
    
    .Castback ul p{font-size: 4.2vw;padding: 3px 5px 0px 5px;}
    
    .Castback ul p2{font-size: 4.2vw;}
    
    .Castback p {padding: 2px 30px 2px;}
    
    .Crew h2 {font-size: 4.5vw;padding: 15px 10px 0px 25px;margin:0px;}
    
    .Crew {padding: 0px 10px 0px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 28px;}
    
    .Crewback ul p{font-size: 4.2vw;padding: 5px 5px 0px 5px;}
    
    .Crewback{padding-bottom: 0.5%;padding-top: 0.5%;margin-top:3%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Crewback p2{
        
 font-size: 4.2vw;font width: 50px;font-weight: 500;
   
    
}
    .Castback p2{
        
 font-size: 4.2vw;font width: 50px;font-weight: 500;
   
    
}  
    .Poster h2 {font-size: 4.4vw;padding: 0px 20px 0px 35px;margin:10}
    
    .lightboxasu{
    
    height: 400px;}
    
    
    
    a.lightboxasu img {height: 400px;width:auto;margin: 10px 15px 5px 35px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
    .Gallerytitle h2 {font-size: 4.4vw;padding: 0px 20px 5px 20px;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:50px 0px 25px 0px; padding: 0px 0px 50px 2px;display: inline-block;}
    
    
    
    .imdb img{margin:10px 10px 20px 40px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;} 
    
    .imdb{margin:0px 0px 0px 0px;}
    
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
}



    

@media all 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;}
    
    .sidenav a {font-size: 14px;}
    
    .foo img {width: 28px;margin-left: 130px;margin-top: 15px;}
    
     .Deadcarstitle {width: 34%;margin-left: 32px;margin-top: 18px;}
    
    .techspecs p1 {font-size: 19px;padding: 15px 130px;}
    
   .techspecs p2 {font-size: 15px;padding: 42px 0px 0px 130px;}
    
    .techspecs p3 {font-size: 15px;padding: 61px 0px 0px 130px;}
    
    .techspecs p4 {font-size: 15px;padding: 80px 0px 0px 130px;}
    
    .about {width: 100%; height: auto;margin-top: 110px; }
    
    .about h2 {padding: 0px 10px 0px 30px;font-size: 18px;font-weight: 200;}
    
    .text.synopsis {padding:3px 10px 0px 10px;text-align:justify;word-spacing:-2px;}
        
    .text.synopsis p { font-size: 17px; }
    
    .synopsisback {padding:5px 8px 1px 5px; }
    
    .trailer h2 {padding: 5px 40px 15px 30px;font-size: 18px;margin-top: 12px;}
    
    .videowrapper {height: 120%;width: 270px;}
    
    .videowrapper iframe{padding-top: 1%;width: 125%;}
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:2%;}
   
    .Cast h2 {font-size: 18px;padding: 35px 15px 5px 30px;}
    
    .Castback ul p {font-size: 17px;padding: 3px 5px 0px 5px;}
    
    .Castback ul p2 {font-size: 17px;}
    
    .Castback ul {padding: 0px 0px 0px 25px;margin:0px 0px 5px 0px;}
    
    .Castback p {padding: 2px 30px 2px;}
    
    .Castback p2{font-size: 17px;}
    
    .Crew h2 {font-size: 18px;padding: 13px 20px 0px 22px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul {padding: 0px 10px 0px 27px;margin:0px 0px 0px 0px;}
    
    .Crewback ul p {font-size: 17px;padding: 5px 5px 0px 5px;}
    
    .Crewback ul p2 {font-size: 17px;}
    
    .Crewback {padding-bottom: 2%;padding-top: 0.5%;margin-top:2%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Poster h2 {font-size: 18px;padding: 0px 20px 0px 30px;margin:10;}
    
     .lightboxasu{
    
    height: 400px;}
    
    
    a.lightboxasu img {height: 400px;width:auto;margin: 15px 15px 5px 30px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
    .Gallerytitle h2 {font-size: 18px;padding: 0px 20px 5px 18px;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 0px;display: inline-block;}
    
    .imdb img{margin:35px 15px 40px 45px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;}  
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    
    
}




@media all and (min-device-width: 412px) and (max-device-width:427px) {
    
    .Container{
        max-width: 412px;}
    
    #mySidenav.sidenav{padding-top: 100px;}
    
   #mySidenav.sidenav a {padding: 15px 10px 8px 62px;font-size: 4.2vw;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 30px;margin-left: 10px;}
    
    #mySidenav.sidenav li {padding: 8px 8px 8px 62px;font-size: 4.2vw;}
    
    #mySidenav.sidenav span {font-size: 4.2vw;}
    
    .sidenav a {font-size: 4.2vw;}
    
    .Deadcarstitle {width: 34%;margin-left: 32px;margin-top: 18px;}
    

.foo img{width: 30px;margin-left: 150px;margin-top: 13px;}
    
   .imdb img{margin:40px 10px 40px 30px;display: inline-block;} 
    
     .techspecs p1 {font-size: 4.6vw;padding: 15px 130px;}
    
   .techspecs p2 {font-size: 3.8vw;padding: 44px 0px 0px 130px;}
    
    .techspecs p3 {font-size: 3.8vw;padding: 63px 0px 0px 130px;}
    
    .techspecs p4 {font-size: 3.8vw;padding: 83px 0px 0px 130px;}
    
    .text.synopsis {padding:3px 10px 0px 15px;text-align:justify;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 4.1vw; margin-bottom: 5px;}
    
    .about h2 {padding: 95px 10px 0px 35px;font-size: 4.5vw;font-weight: 200;}
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 4.4vw;margin-top: 15px;}
    
    .Poster h2 {font-size: 4.4vw;padding: 2px 20px 0px 38px;margin:10;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 20px 15px 5px 35px;}
    
        .Crew h2 {font-size: 4.5vw;padding: 15px 20px 0px 36px;margin:0px;}
    
    .Cast h2 {font-size: 4.5vw;padding: 40px 15px 5px 35px;}
    
    .Castback ul p {font-size: 4.1vw;padding: 3px 5px 0px 5px;}
    
    .Castback ul{padding-left: 30px;margin-bottom: 5px;}
    
    .Castback ul p2 {font-size: 4.1vw;}
    
    .Crewback {padding-bottom: 3%;padding-top: 1%;margin-top:2%;}
    
    .Crewback ul {padding: 0px 10px 0px 30px;margin:0px 0px 0px 0px;}
    
    .Crewback ul p {font-size: 4.1vw;padding: 5px 5px 0px 5px;}
    
    .Crewback ul p2 {font-size: 4.1vw;}
    
   .rectengallery{ height: 320px;width:auto;margin-left: 105px;}
    
    .rectengallery img {margin-top: 6%; padding: 10px;width:140px;margin-left: -45%; }
    
    .Gallerytitle h2 {font-size: 4.5vw;padding: 0px 20px 5px 23px;margin:15px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
    .videowrapper iframe{width: 130%;padding-top: 1%;}
    
    .videowrapper {height: 120%;width: 260px;}
    
    
    .imdb h4 {font-size: 13px;margin-top: 25px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .imdb img{margin:35px 15px 40px 45px;display: inline-block;width:43px;
    height: auto;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
}



    






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

    
    .foo img{width: 29px;margin-left: 175px;margin-top: 20px;}
    
    .topnav{
        height: 80px;}
    
    .Deadcarstitle {width: 150px;margin-left: 32px;margin-top:23px;}
    
    
    .img-152deadcars{
   
        padding-top: 75px;}
    
   .techspecs p1 {font-size: 20px;padding: 15px 140px;}
    
   .techspecs p2 {font-size: 16px;padding: 42px 0px 0px 140px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 140px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 140px;} 
    
    .text.synopsis {padding:3px 15px 0px 15px;text-align:justify;word-spacing:-2px;}
        
    .text.synopsis p { font-size: 18px; margin-bottom: 5px;}
    
    .about h2 {padding: 100px 10px 0px 35px;font-size: 19px;font-weight: 200;}
    
    .trailer h2 {padding: 0px 40px 15px 35px;font-size: 18px;margin-top: 15px;}
    
    .Poster h2 {font-size: 18px;padding: 2px 20px 0px 35px;margin:10;}
    
    a.lightboxasu img {height: 400px;width:auto;margin: 20px 15px 5px 35px;}
    
        .Crew h2 {font-size: 19px;padding: 15px 20px 0px 36px;margin:0px;}
    
    .Cast h2 {font-size: 19px;padding: 45px 15px 8px 35px;}
    
    .Castback ul p {font-size: 18px;padding: 3px 5px 0px 5px;}
    
    .Castback ul{padding-left: 30px;margin-bottom: 5px;}
    
    .Castback ul p2 {font-size: 18px;}
    
    .Crewback {padding-bottom: 3%;padding-top: 1%;margin-top:2%;}
    
    .Crewback ul {padding: 0px 10px 0px 30px;margin:0px 0px 0px 0px;}
    
    .Crewback ul p {font-size: 18px;padding: 5px 5px 0px 5px;}
    
    .Crewback ul p2 {font-size: 18px;}
    
    .rectengallery{ height: 320px;width:auto;margin-left: 125px;}
    
     .rectengallery img {margin-top: 13%; margin-left: -50%; padding:0px 0px 0px 15px;width:140px; height: auto;}
    
    .Gallerytitle h2 {font-size: 19px;padding: 0px 20px 5px 23px;margin:15px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 25px;width: 4px;}
    
    a.lightboxasu-close:after {height: 25px;width: 4px;}
    
   .videowrapper iframe{width: 135%;padding-top: 1%;}
    
    .videowrapper {height: 265px;width: 260px;}
    
    
    .imdb h4 {font-size: 13px;margin-top: 65px; padding: 0px 0px 50px 0px;display: inline-block;}
    
    .imdb img{margin:28px 15px 40px 45px;display: inline-block;width:43px;
    height: auto;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
}













@media all 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;}
    
    .Deadcarstitle{width: 31%;margin-left: 45px;margin-top: 20px;}
    
    .techspecs p1 {font-size: 21px;padding: 15px 155px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 155px;}

    .techspecs p3 {font-size: 17px;padding: 68px 0px 0px 155px;}
    
    .techspecs p4 {font-size: 17px;padding: 88px 0px 0px 155px;}
    
    .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 15px 0px 15px;text-align:justify;}
        
    .text.synopsis p { font-size: 20px; padding:0px 0px 0px 0px;margin-bottom: 8px;}
    
    .synopsisback{padding:8px 1px 1px 5px; }
    
    .trailer h2{padding: 1px 40px 15px 45px;font-size: 20px;}
    
    .videowrapper iframe{ left:29%;}
    
    .videowrapper {height: 135%;width: 290px;}
    
    .videowrapper iframe {padding-top: 2%; width: 135%;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:2%;}
   
    .Cast h2 {font-size: 20px;padding: 70px 20px 0px 45px;}
    
    .Castback ul{padding-left: 35px;}
    
    .Castback ul p{font-size: 20px;padding: 5px 5px 0px 13px;}
    
    
    
    .Castback p {padding: 0px 35px 40px;font-size: 19px}
    
     .Castback ul p2{
        
         font-size: 20px;font width: 50px;font-weight: 500;}
    
    .Crew h2 {font-size: 20px;padding: 15px 20px 0px 40px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding:0px 10px 0px 25px;}
    
    .Crewback ul p{font-size: 20px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom:0.5%;padding-top: 1%;margin-top:2%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
        .Crewback ul p2{
        
 font-size: 20px;font width: 50px;font-weight: 500;}
    
   .Poster h2 {font-size: 20px;padding: 0px 20px 0px 50px;}
    
   .lightboxasu{
    
    height: 495px;} 
    
    a.lightboxasu img {height: auto;width:350px;margin: 20px 15px 5px 50px;}
    
    a.lightboxasu-close {margin: 3% 10px; }
    
    a.lightboxasu-close:before {height: 30px;width: 4px;}
    
    a.lightboxasu-close:after {height: 30px;width: 4px;}
    
    .Gallerytitle h2 {font-size: 20px;padding: 0px 20px 5px 35px;margin:15px;}
    
    .rectengallery{ height: 360px;width:auto;margin-left: 145px;}
    
    .rectengallery img {margin-top: 11%; margin-left: -50%; padding:0px 0px 0px 15px; width:165px; height: auto;}

    .imdb h4 {font-size: 13.5px;margin-top: 55px; padding: 0px 0px 100px 0px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:30px 10px 40px 55px;display: inline-block;width: 48px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    .wrapper {width: 100%;}  
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
     }





















/* ----------- iPad Pro 9 - ipad mini 4----------- */
/* 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: 0;right: 25px;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;}
    
    .Deadcarstitle{width: 18%;margin-left: 45px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 310px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 310px;}
    
    .techspecs p3 {font-size: 15px;padding: 64px 0px 0px 310px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 310px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 17px;font-weight: 200;}
    
    .text.synopsis{padding:3px 25px 0px 25px;text-align:left;word-spacing:1px;}
        
    .text.synopsis p { font-size: 16px; color:gainsboro;}
    
    .synopsisback{padding:8px 8px 5px 20px;background: rgba(114,114,114,0.1); }
    
    .trailer h2{padding: 5px 40px 15px 45px;font-size: 16.5px;}
    
   .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 125px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
       .wrapper{width: 75%;}
    
    .Castback {padding-bottom: 1%;padding-top: 1%;margin-top:2%;background: rgba(114,114,114,0.1);}
   
    .Cast h2 {font-size: 17px;padding: 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 26px;margin:20px;}
    
    .Crew h2 {font-size: 17px;padding: 15px 0px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 90px;}
    
    .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: 5% 30px; }
    
    a.lightboxasu-close:before {height: 25px;width: 3px;}
    
    a.lightboxasu-close:after {height: 25px;width: 3px;}
       
       .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
       
       .lightboxasu{
    
    height: 440px;} 
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 15px 35px;margin:10px;}
    
   .rectengallery{ height: 370px;width:auto;margin-left: 310px;}
    
    .rectengallery img { margin-left: -60%; padding:0px 0px 0px 55px; width:205px; height: auto;margin-top: 19px;}

    .imdb h4 {font-size: 11px;margin-top: 65px; padding: 0px 0px 80px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:35px 10px 40px 60px;display: inline-block;width: 35px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
    .lightbox .lb-image {max-width: 585px;max-height: 333px;}
    
    
    
   #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;} 
    
    
    
}






















/*ipad 10*/

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

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

.Deadcarstitle{ 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) 
 {
    

.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;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   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;}
    
    .text.synopsis{padding:3px 25px 0px 45px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 16px; }
    
    .synopsisback{padding:8px 8px 5px 5px; }
    
    .trailer h2{padding: 5px 40px 15px 50px;font-size: 16px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 168%;margin-left: 135px;width: 420px;}
    
    .videowrapper iframe {padding-top: 0%; width: 115%;}
      
      .wrapper {width: 170px;height: 210px;}
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:2%;}
   
    .Cast h2 {font-size: 16.5px;padding: 140px 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 40px;margin:0px;}
    
    .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:1.5%;}
    
    .Crewback p {padding: 2px 30px 2px;}
    
    .Crewback ul p2{
        
 font-size: 15px;font width: 50px;font-weight: 500;}
      
      
   .lightboxasu{
    
    height: 400px;}   
      
     .lightboxasu-target:target img {
max-height: auto;
max-width:550px;
}
      
    
  
 a.lightboxasu img {height: auto;width:280px;margin: 20px 15px 5px 140px;}
    
    a.lightboxasu-close {margin: 10% 100px; }
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 0px 20px 15px 35px;margin:20px;}
    
    .rectengallery{ height: 410px;width:470px;margin-left: 330px;}
    
    .rectengallery img {margin-left: -60%; padding:0px 0px 0px 55px; width:230px; height: auto;margin-top: 18px;}

    .imdb h4 {font-size: 11px;margin-top: 45px; padding: 0px 0px 140px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:35px 10px 40px 50px;display: inline-block;}
    
    .imdb{display: inline-block;z-index: -40;}
    
      
    
     .lightbox .lb-image {max-width: 585px;max-height: 333px;}
     
     
     #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ 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;}
    
    .Deadcarstitle{width: 140px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   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: 66px 0px 0px 420px;}
    
    .techspecs p4 {font-size: 16px;padding: 85px 0px 0px 420px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 20px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom:5px;}
    
    .text.synopsis{padding:3px 50px 0px 25px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 17px; color: lightgrey;}
    
    .synopsisback{background: transparent;padding: 8px 8px 5px 20px;}
    
    .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 35px;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: 800px;
max-width:600px;
   margin-left: 28%; 
    margin-top: 100px;
}
    

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

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

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    }




















































































































/*Macbook*/

@media all 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;}
    
    .Deadcarstitle{width: 165px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 20px;padding: 25px 500px;color: white;}
    
   .techspecs p2 {font-size: 16px;padding: 57px 0px 0px 500px;color: white;}
    
    .techspecs p3 {font-size: 16px;padding: 79px 0px 0px 500px;color: white;}
    
    .techspecs p4 {font-size: 16px;padding: 102px 0px 0px 500px;color: white;}
    
    .about{ width: 100%; height: auto;margin-top: 140px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 20px;font-weight: 200;margin-bottom: 5px;}
    
    .text.synopsis{padding:3px 50px 0px 40px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 20px; color: lightgrey;}
    
    .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: 20px 20px 0px 30px;margin-top:30px;}
    
  
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 115px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 18px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 18px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 20px;padding: 13px 20px 0px 40px;margin:6px;}
    
    .lightboxasu{  
    
    height: 100%;width: 90%;margin-left: 120px;} 
    
.lightboxasu-target:target img {
max-height: 1000px;
max-width:800px;
    margin-left: 35%; 
    margin-right: 50%;
    position: fixed;
    
}
   
       
    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:190px; height: auto;margin-top: 22px;}
    
    

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

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
    
    }

















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




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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 38%; 
    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: 35px; 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 40px;margin-right: 38%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }











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




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }
.topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 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;}
    
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    
    }





















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




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }
.topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 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;}
    
    
    #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    }






















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




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }
.topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 31%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }


























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




.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 25px 10px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 15px 8px 8px 32px;font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav span {font-size: 14px;transition: 1s;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 20%;
        transition: 1s;padding-top: 200px;
    
    }
.topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 27%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    
    }














/* ----------- Desktop MDPI ----------- */
/* Portrait and Landscape */
@media all 
  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;}
    
    .Deadcarstitle{width: 100px;margin-left: 5px;margin-top: 15px;}
    
    .img-152deadcars{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 55px;
    
}
      
      .topnav{height: 50px;}
    
    .techspecs p1 {font-size: 13px;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: 64px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 95px; }
    
    .about h2{padding: 10px 5px 0px 0px;font-size: 12px;font-weight: 200;margin-bottom: 20px;}
    
    .text.synopsis{padding:0px 0px 0px 0px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 12px; color: lightgrey;}
    
    .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%;background: transparent;}
    
    .Castback ul{padding: 5px 0px 0px 82px;margin-top: 0px;}
   
    .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: 5px 0px 0px 0px;margin-top:20px;}
    
    .Crew {padding: 0px 5px 5px 5px;margin:0px;}
    
    .Crewback ul{padding: 20px 10px 0px 55px;}
    
    .Crewback ul p{font-size: 12px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 12px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 12px;padding: 5px 20px 0px 0px;margin-top:6px;margin-left: 0px;margin-bottom: 0px;}
    
   .lightboxasu{  
    
    height: 285px;width: 35%;margin-left: 80px;}  
      
    
  .lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 35%; 
    
}

    
    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: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:35px 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;}
      
      
      
      #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
      
    
    
    }





























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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 27%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    
    
    
    }










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

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




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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 43px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 60px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 15px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 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%; 
    
}
    
 
    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: 45px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:35px 10px 40px 45px;display: inline-block;width:33px;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: 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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    }









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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 25%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    }






























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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
      .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 370px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;} 
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 25%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    }





































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

.Container{
        max-width: 900px;}
    
#mySidenav.sidenav a{padding: 20px 10px 8px 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;
    
    }

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 15px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 40px 15px 45px;font-size: 15px;margin-top: 0px;}
    
    
     .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 340px;margin-left: 170px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 230px;height: 250px;}
    
    
    
    .Castback {padding-bottom: 0.5%;padding-top: 0%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .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: 21%; 
    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: 35px; 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-top: 90px;position: fixed;margin-right: 25%;}
    
    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;}

.Deadcarstitle{ 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;}
    
    .Deadcarstitle{width: 130px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   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 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom:5px;}
    
    .text.synopsis{padding:10px 50px 0px 25px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 16px; color: lightgrey;}
    
    .synopsisback{background: transparent;padding: 8px 8px 5px 20px;}
    
    .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: 25px 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: 28%; 
    margin-top: 40px;
}
    

    
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 45px 15px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 8px 20px 5px 50px;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: 15px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:35px 10px 40px 55px;display: inline-block;width:38px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 20px 40px;margin-right: 24%;position: fixed;}
    
    a.lightboxasu-close:before {height: 20px;width: 3px;}
    
    a.lightboxasu-close:after {height: 20px;width: 3px;}
    
    .lightbox .lb-image {max-width: 745px;max-height: 422px;}
    
    
    #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;}

.Deadcarstitle{ 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;}
    
   .Deadcarstitle{width: 90px;margin-left: 35px;margin-top: 20px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 12px;padding: 15px 260px;}
    
   .techspecs p2 {font-size: 10px;padding: 35px 0px 0px 260px;}
    
    .techspecs p3 {font-size: 10px;padding: 49px 0px 0px 260px;}
    
    .techspecs p4 {font-size: 10px;padding: 63px 0px 0px 260px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 0px 10px 0px 45px;font-size: 10px;font-weight: 200;margin-bottom: 5px;}
    
    .text.synopsis{padding:3px 30px 0px 25px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 11px; color: lightgrey;}
    
    .synopsisback{background: transparent;}
    
   .trailer h2{padding: 5px 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 105px;margin-top: -10px;}
   
    .Cast h2 {font-size: 11px;padding: 0px 20px 0px 45px;margin-top: 0px;}
    
    .Castback ul p{font-size: 10.5px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 10.5px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 11px;padding: 50px 20px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 10px 10px 0px 95px;margin-top: 0px;}
    
    .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;margin-top: -5px;}
    
.lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 34%; 
    margin-right: 80%;
    position: fixed;
    margin-top: 100px;
    
}
    
       
    a.lightboxasu img {height: auto;width:200px;;margin:-10px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 10px;padding: 0px 20px 5px 40px;margin:8px;}
    
   .rectengallery{ height: 260px;width:300px;margin-left: 230px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:120px; height: auto;margin-top: 13px;}
    
    

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

.Deadcarstitle{ 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;}
    
   .Deadcarstitle{width: 90px;margin-left: 35px;margin-top: 10px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 40px;
    
}
    
    .techspecs p1 {font-size: 12px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 9px;padding: 35px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 9px;padding: 48px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 9px;padding: 61px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 95px; }
    
    .about h2{padding: 5px 10px 0px 30px;font-size: 10px;font-weight: 200;margin-bottom: 5px;margin-top: 10px;}
    
    .text.synopsis{padding:3px 15px 0px 10px;text-align:left;word-spacing:0px;}
        
    .text.synopsis p { font-size: 11px; color: lightgrey;}
    
    .synopsisback{background: transparent;padding-top: 3px;}
    
   .trailer h2{padding: 0px 40px 15px 30px;font-size: 10px;margin-top: 5px;}
    
     .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: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 108px;margin-top: -10px;}
   
    .Cast h2 {font-size: 10px;padding: 60px 20px 0px 30px;}
    
    .Castback ul p{font-size: 10px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 12px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 10.5px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 10px;padding: 45px 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: 1px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 10.5px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 10px;padding: 5px 20px 0px 25px;margin:6px;}
    
     .lightboxasu{  
    
    height: 250px;width: 34%;margin-left: 115px;}
    
.lightboxasu-target:target img {
max-height: auto;
max-width:400px;
    margin-left: 35%; 
    margin-right: 60%;
    position: fixed;
    
}
    
       
    a.lightboxasu img {height: auto;width:200px;margin: -25px 35px 45px 5px;}
    
    .Gallerytitle h2 {font-size: 10px;padding: 0px 20px 5px 25px;margin:8px;}
    
   .rectengallery{ height: 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: 40px; padding: 10px 0px 100px 0px;display: inline-block;}
    
   .imdb img{margin:38px 10px 40px 40px;display: inline-block;width:24px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    a.lightboxasu-close {margin: 40px;margin-right: 33%;position: fixed;}
    
    a.lightboxasu-close:before {height: 13px;width: 2px;}
    
    a.lightboxasu-close:after {height: 13px;width: 2px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
      
      
      #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
      
      
    
    }















/* ----------- iPad 12 Pro ----------- */
/* Portrait  */
@media all 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;}
    
    .Deadcarstitle{width: 140px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 380px;}
    
   .techspecs p2 {font-size: 16px;padding: 45px 0px 0px 380px;}
    
    .techspecs p3 {font-size: 16px;padding: 65px 0px 0px 380px;}
    
    .techspecs p4 {font-size: 16px;padding: 85px 0px 0px 380px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 25px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 5px;}
    
    .text.synopsis{padding:6px 50px 0px 35px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 17px; color: lightgrey;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 10px 40px 15px 45px;font-size: 17px;}
    
    .videowrapper iframe{ left:25%;}
    
    .videowrapper {height: 390px;margin-left: 170px;width: 400px;}
    
    .videowrapper iframe {padding-top: 0%; width: 140%;}
    
    .wrapper {width: 170px; height: 410px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 125px;}
   
    .Cast h2 {font-size: 17.5px;padding: 0px 20px 0px 45px;margin-top: 0px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 40px 20px 0px 35px;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: 17%;  
}
     

    
    a.lightboxasu img {height: auto;width:250px;margin: 0px 15px 5px 25px;}
      
     a.lightboxasu-close {margin: 8% 110px; }
    
    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 50px;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:35px 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;}

.Deadcarstitle{ 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;}
    
    .Deadcarstitle{width: 13%;margin-left: 45px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 20px 410px;}
    
   .techspecs p2 {font-size: 15px;padding: 48px 0px 0px 410px;}
    
    .techspecs p3 {font-size: 15px;padding: 69px 0px 0px 410px;}
    
    .techspecs p4 {font-size: 15px;padding: 90px 0px 0px 410px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 20px 10px 0px 45px;font-size: 17px;font-weight: 200;}
    
    .text.synopsis{padding:3px 25px 0px 25px;text-align:left;word-spacing:1px;}
        
    .text.synopsis p { font-size: 17px; color:gainsboro;}
    
    .synopsisback{padding:8px 8px 5px 20px;background: transparent; }
    
    .trailer h2{padding: 5px 40px 15px 45px;font-size: 17px;}
    
   .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: 1%;margin-top:0%;background: transparent;}
   
    .Cast h2 {font-size: 17px;padding: 100px 20px 0px 48px;}
    
    .Castback ul{padding: 0px 0px 0px 115px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;color:#f0ce60;}
    
    .Castback p {padding: 2px 30px 35px;}
    
    .Castback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;
   
    
}   
    
    .Poster h2 {font-size: 17px;padding: 10px 20px 10px 45px;margin:6px;}
    
    .Crew h2 {font-size: 17px;padding: 5px 0px 0px 37px;margin-top:35px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 105px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 7px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.5%;margin-top:1%;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
    .Crewback ul p2{
        
 font-size: 16px;font width: 50px;font-weight: 500;color: white;}

    a.lightboxasu img {height: auto;width:250px;margin: -15px 35px 45px -5px;}
    
 a.lightboxasu-close {margin:2% 220px; }
    
    a.lightboxasu-close:before {height: 23px;width: 3px;}
    
    a.lightboxasu-close:after {height: 23px;width: 3px;}
       
       .lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
   margin-left: 25%; 
    margin-top: 4%;
    
}
       
        .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 140px;}  
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 15px 40px;margin:10px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 400px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}

    .imdb h4 {font-size: 11px;margin-top: 55px; padding: 10px 0px 140px 10px;display: inline-block;}
    
    .sidenav a {font-size: 14px;}
    
    .imdb img{margin:35px 10px 40px 60px;display: inline-block;width: 35px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
    .lightbox .lb-image {max-width: 585px;max-height: 333px;}
    
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
}
































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

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

    .topnav{height: 80px;}
    
    .foo img{width: 24px;margin-left: 625px;margin-top: 20px;}
    
    .Deadcarstitle{width: 125px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 30px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 15px; color: lightgrey;}
    
    .synopsisback{background: transparent;margin-top:-10px;padding: 8px 8px 5px 8px;}
    
    .trailer h2{padding: 8px 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;}
   
    .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: 35px; 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-top: 90px;position: fixed;margin-right: 19%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}  
    
    
    
    }



















@media all 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;}
    
    .Deadcarstitle{width: 120px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 350px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 350px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 350px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 350px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 45px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 40px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 14px; color: lightgrey;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 8px 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: 19%; 
    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: 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-top: 90px;position: fixed;margin-right: 23%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    
    
    }


















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



.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 25px;padding-bottom: 30px;
    
    }
    
    #mySidenav.sidenav a{padding: 5px 10px 3px 140px;font-size: 17px;}
    
    #mySidenav.sidenav .closebtn {top: 5px;right: 55px;font-size: 27px;margin-left: 40px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 3px 140px;font-size: 17px;}
    
    #mySidenav.sidenav span {font-size: 16px;}
    
     #mySidenav.sidenav a {font-size: 17px;padding-top: 10px;}
    
    .foo img{width: 30px;margin-left: 480px;margin-top: 15px;z-index: 1;position: absolute;}
    
    
     .topnav{height: 65px;z-index: -1;}
    
    
.Deadcarstitle{width: 150px;margin-left: 50px;margin-top: 20px;}
    
     .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 21px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 0px 10px 5px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:15px 0px 0px 20px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:0px 25px 5px 30px;}
    
    .trailer h2{padding: 15px 40px 15px 50px;font-size: 18px;margin-top: 5px;}
    
   .videowrapper iframe{ left:35%;}
    
    .videowrapper {height: 345px;margin-left: 130px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 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;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 18px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;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: 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 47px;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: 310px;margin-top: 5px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:0px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:145px; height: auto;margin-top: 14%;}
    
    

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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
      
      
      
      
    
    }


























@media all 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;}
    
    .Deadcarstitle{width: 120px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   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: 13px;}
    
    .text.synopsis{padding:3px 50px 0px 38px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 14px; color: lightgrey;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 8px 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: 40px 20px 0px 45px;margin:0px;}
    
   .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
     .Crewback ul{padding: 0px 10px 0px 95px;margin-top: -10px;}
    
    .Crewback ul p{font-size: 14px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 2%;padding-top: 0;margin-top:0;background: transparent;}
    
    .Crewback p {padding: 2px 30px 2px;font-size: 14px;color:#f0ce60;}
    
        .Crewback ul p2{
 font-size: 13px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 14px;padding: 13px 20px 0px 40px;margin:6px;}
    
    .lightboxasu{  
    
    height: 390px;width: 37%;margin-left: 85px;} 
    
.lightboxasu-target:target img {
max-height: 650px;
max-width:450px;
    margin-left: 20%; 
    margin-top: 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: 20px;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 35px; 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-top: 90px;position: fixed;margin-right: 28%;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
     
     
     
     
    
    }
































@media all 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;}
    
    .Deadcarstitle{width: 120px;margin-left: 45px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 85px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 320px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 320px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 320px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 320px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 14px;font-weight: 200;margin-bottom: 13px;}
    
    .text.synopsis{padding:3px 50px 0px 32px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 14px; color: lightgrey;}
    
    .synopsisback{background: transparent;}
    
    .trailer h2{padding: 8px 40px 15px 40px;font-size: 14px;margin-top: 0px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 320px;margin-left: 170px;width: 340px;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 230px;height: 250px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 0.5%;margin-top:0.5%;background: transparent;}
    
    .Castback ul{padding: 0px 0px 0px 105px;}
   
    .Cast h2 {font-size: 14px;padding: 90px 20px 0px 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: 20%; 
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:8px;}
    
    .rectengallery{ height: 340px;width:400px;margin-left: 250px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:-3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:155px; height: auto;margin-top: 19px;}
    
    

    .imdb h4 {font-size: 10px;margin-top: 35px; 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-top: 90px;position: fixed;margin-right: 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;}
      
      
     #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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;} 
      
      
      
      
    
    }

































@media all 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;}
    
    .Deadcarstitle{width: 115px;margin-left: 20px;margin-top: 25px;}
    
     .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 10px 0px 20px;font-size: 14px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:3px 0px 0px 15px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 14px; color: lightgrey;}
    
    .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: 5px;}
    
    .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: 19px;}
    
    

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

.Deadcarstitle{ 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;}
    
    .Deadcarstitle{width: 135px;margin-left: 50px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 400px;}
    
   .techspecs p2 {font-size: 15px;padding: 43px 0px 0px 400px;}
    
    .techspecs p3 {font-size: 15px;padding: 64px 0px 0px 400px;}
    
    .techspecs p4 {font-size: 15px;padding: 84px 0px 0px 400px;}
    
    .about{ width: 100%; height: auto;margin-top: 115px; }
    
    .about h2{padding: 25px 10px 0px 45px;font-size: 17px;font-weight: 200;margin-bottom: 5px;}
    
    .text.synopsis{padding:10px 50px 0px 25px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 17px; color: lightgrey;}
    
    .synopsisback{background: transparent;padding: 8px 8px 5px 20px;}
    
    .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: 25px 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 45px;margin:8px;}
    
    .rectengallery{ height: 360px;width:400px;margin-left: 380px;margin-top: 25px;}
    
    .rectengallery a {padding: 0px 0px 0px 20px;margin:3px 0px 0px 0px;}
    
    .rectengallery img { margin-left: -70%; padding:0px 0px 0px 15px; width:160px; height: auto;margin-top: 16px;}
    
    

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

.lightboxasu-target:target{ z-index: 7;}

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


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

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

    
    .topnav{height: 70px;z-index: -1;}
    
    .Deadcarstitle{width: 135px;margin-left: 15px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 15px 5px 0px 15px;font-size: 18px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 15px 0px 15px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding: 10px 0px 5px 0px;}
    
    .trailer h2{padding: 10px 40px 15px 15px;font-size: 17px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 135px;width: 60%;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 550px;height: 210px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 18px;padding: 125px 20px 5px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 2px 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: ghostwhite;}
    
    .Crew h2 {font-size: 18px;padding: 35px 20px 5px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 10px 10px 0px 65px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.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 14px;margin:4px;}
    

     .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 90px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -6px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 10px 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: 55px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:30px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {margin-top: 90px;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: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ 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 6px 112px;}
    
    #mySidenav.sidenav .closebtn {top: 20px;right: 45px;font-size: 25px;margin-left: 30px;}
    
    #mySidenav.sidenav li{padding: 0px 8px 6px 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: 20px;z-index: 1;}
    

    
    .topnav{height: 70px;z-index: -1;}
    
    .Deadcarstitle{width: 135px;margin-left: 15px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 2.5vw;padding: 15px 250px;}
    
   .techspecs p2 {font-size: 2.1vw;padding: 43px 0px 0px 250px;}
    
    .techspecs p3 {font-size: 2.1vw;padding: 63px 0px 0px 250px;}
    
    .techspecs p4 {font-size: 2.1vw;padding: 83px 0px 0px 250px;}
    
    .about{ width: 100%; height: auto;margin-top: 110px; }
    
    .about h2{padding: 15px 5px 0px 15px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 15px 0px 15px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 2.3vw; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding: 10px 0px 5px 0px;}
    
    .trailer h2{padding: 10px 40px 15px 15px;font-size: 16px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 200px;margin-left: 135px;width: 60%;}
    
    .videowrapper iframe {padding-top: 0%; width: 135%;}
    
    .wrapper {width: 550px;height: 210px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 17px;padding: 125px 20px 5px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 2px 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: ghostwhite;}
    
    .Crew h2 {font-size: 17px;padding: 35px 20px 5px 8px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 10px 10px 0px 65px;}
    
    .Crewback ul p{font-size: 17px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 0.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: 20px 20px 0px 14px;margin:4px;}
    

     .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 90px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -6px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 10px 20px 10px 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: 55px; padding: 0px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:30px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {margin-top: 90px;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: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ 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;}
    
    
    
.Deadcarstitle{width: 135px;margin-left: 40px;margin-top: 20px;}
    
     .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    
    .topnav{height: 60px;z-index: -1;}
    
    
    .techspecs p1 {font-size: 20px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 130px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:5px 35px 0px 30px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:10px 8px 8px 10px;}
    
    .trailer h2{padding: 3px 40px 15px 45px;font-size: 18px;margin-top: 15px;}
    
    .videowrapper {height: 320px;margin-left: 135px;width: 350px;}
    
    .videowrapper iframe {padding-top: 0%; width: 450px;left:130px;}
    
     .wrapper {width: 300px;height: 255px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 18.5px;padding: 85px 20px 0px 45px;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: 18.5px;padding: 35px 20px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 110px;}
    
    .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: 18px;padding: 10px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 130px;} 
    
.lightboxasu-target:target img {
max-height: 340px;
max-width:auto;
   margin-left: 13%; 
    margin-top: 0px;
}
    

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

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

.Deadcarstitle{ 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: 60px;z-index: -1;}
    
.Deadcarstitle{width: 135px;margin-left: 40px;margin-top: 20px;}
    
     .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .techspecs p1 {font-size: 20px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 120px; }
    
    .about h2{padding: 10px 10px 0px 40px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:5px 15px 0px 35px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:5px 8px 8px 5px;}
    
    .trailer h2{padding: 3px 40px 15px 45px;font-size: 18px;margin-top: 15px;}
    
    .videowrapper {height: 330px;margin-left: 135px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 460px;left:110px;}
    
     .wrapper {width: 300px;height: 255px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 120px;}
   
    .Cast h2 {font-size: 18.5px;padding: 95px 20px 5px 45px;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: 18.5px;padding: 35px 20px 0px 35px;margin:0px;}
    
    .Crew {padding: 0px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 5px 10px 0px 110px;}
    
    .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: 18px;padding: 10px 20px 0px 40px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 130px;} 
    
.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 10px 35px;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: 13px;margin-top: 50px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:30px 10px 40px 45px;display: inline-block;width:43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
       .lightboxasu-target {display: none;}
    
      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: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;}

.Deadcarstitle{ 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;}
    
.Deadcarstitle{width: 160px;margin-left: 20px;margin-top: 20px;}
    
     .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 22px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 18px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 18px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 18px;padding: 91px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 5px 10px 0px 30px;font-size: 20px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:2px 0px 0px 20px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 20px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:8px 8px 5px 10px;}
    
    .trailer h2{padding: 3px 40px 25px 30px;font-size: 19px;margin-top: 15px;}
    
   
    
    .videowrapper {height: 350px;margin-left: 135px;width: 370px;}
    
    .videowrapper iframe {padding-top: 0%; width: 550px;left:90px;}
    
     .wrapper {width: 90%;height: 215px;} 
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 110px;}
   
    .Cast h2 {font-size: 20px;padding: 185px 20px 5px 30px;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:0.5%;background: rgba(114,114,114,0.1);}
    
    .Crewback p {padding: 2px 30px 2px;color:#f0ce60;}
    
        .Crewback ul p2{
        
 font-size: 19px;font width: 50px;font-weight: 500;color:white;}
    
   .Poster h2 {font-size: 19px;padding: 15px 20px 0px 23px;margin:6px;}
    
     .lightboxasu{
    
    height: 350px;width: 42%;margin-left: 125px;} 
    
.lightboxasu-target:target img {
max-height: 420px;
max-width:450px;
   margin-left: 30%; 
    margin-top: 0px;
    
}
    

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

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

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle { 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;}
    
    
.Deadcarstitle{width: 130px;margin-left: 20px;margin-top: 20px;}
    
    .topnav{height: 60px;}
    
    
     .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 0px 0px 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: 115px; }
    
    .about h2{padding: 10px 10px 0px 30px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 0px 0px 20px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 17px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:10px 8px 5px 10px;}
    
    .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 0px 110px;}
   
    .Cast h2 {font-size: 17px;padding: 70px 20px 5px 30px;margin-top: 0px;}
    
    .Castback ul p{font-size: 16px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 14px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 16px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 17px;padding: 30px 20px 0px 25px;margin:0px;}
    
    .Crew {padding: 5px 10px 5px 10px;margin:0px;}
    
    .Crewback ul{padding: 0px 10px 0px 100px;}
    
    .Crewback ul p{font-size: 16px;padding: 5px 5px 0px 25px;}
    
    .Crewback{padding-bottom: 1%;padding-top: 2.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: auto;width: 60%;margin-left: 125px;} 
    
.lightboxasu-target:target img {
max-height: 440px;
max-width:450px;
   margin-left: 30%; 
    
    
}
    

    
    a.lightboxasu img {height: auto;width:270px;margin: -10px 35px 0px -5px;}
    
    .Gallerytitle h2 {font-size: 16px;padding: 5px 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:30px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
    
      a.lightboxasu-close {margin: 20px 40px;margin-right: 25%;position: fixed;}
    
    a.lightboxasu-close:before {height: 22px;width: 4px;}
    
    a.lightboxasu-close:after {height: 22px;width: 4px;}
    
      .lightbox .lb-image {max-width: 479px;max-height: 272px;}
    
    .lightboxasu-target{display: none;}
    
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }
























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

.Container{
        max-width: 750px;}
    
    
#mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 20px;padding-bottom: 10px;
    
    }
    
    #mySidenav.sidenav a{padding: 5px 10px 0px 140px;font-size: 1.8vw;}
    
    #mySidenav.sidenav .closebtn {top: 5px;right: 55px;font-size: 27px;margin-left: 40px;}
    
    #mySidenav.sidenav li{padding: 5px 8px 0px 140px;font-size: 1.8vw;}
    
    #mySidenav.sidenav span {font-size: 2vw;}
    
     #mySidenav.sidenav a {font-size: 1.8vw;padding-top: 10px;}
    
    .foo img{width: 30px;margin-left: 480px;margin-top: 15px;z-index: 1;position: absolute;}
    
    
     .topnav{height: 65px;z-index: -1;}
    
    
.Deadcarstitle{width: 145px;margin-left: 50px;margin-top: 20px;}
    
     .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 20px;padding: 15px 300px;}
    
   .techspecs p2 {font-size: 17px;padding: 48px 0px 0px 300px;}
    
    .techspecs p3 {font-size: 17px;padding: 70px 0px 0px 300px;}
    
    .techspecs p4 {font-size: 17px;padding: 92px 0px 0px 300px;}
    
    .about{ width: 100%; height: auto;margin-top: 125px; }
    
    .about h2{padding: 0px 10px 5px 50px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:15px 0px 0px 20px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);padding:0px 20px 5px 30px;}
    
    .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;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 18px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 19px;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: 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 47px;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: 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: 62px; padding: 0px 0px 100px 10px;display: inline-block;}
    
   .imdb img{margin:30px 10px 40px 60px;display: inline-block;width:44px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
   
    
    .lightboxasu-target {display: none;}
    
      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: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;}

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

    
    .topnav{height: 65px;z-index: -1;}
    
    .Deadcarstitle{width: 135px;margin-left: 15px;margin-top: 20px;}
    
    .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 70px;
    
}
    
    .techspecs p1 {font-size: 19px;padding: 15px 230px;}
    
   .techspecs p2 {font-size: 16px;padding: 43px 0px 0px 230px;}
    
    .techspecs p3 {font-size: 16px;padding: 63px 0px 0px 230px;}
    
    .techspecs p4 {font-size: 16px;padding: 83px 0px 0px 230px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 15px 5px 0px 15px;font-size: 19px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 5px 0px 10px;text-align:left;word-spacing:1px;}
        
    .text.synopsis p { font-size: 18px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);}
    
    .trailer h2{padding: 8px 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: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 80px;}
   
    .Cast h2 {font-size: 19px;padding: 95px 20px 0px 18px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 2px 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 65px;}
    
    .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: 20px 20px 0px 14px;margin:4px;}
    

     .lightboxasu{
    
    height: 350px;width: 54%;margin-left: 90px;} 
    
.lightboxasu-target:target img {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -6px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 18px;padding: 10px 20px 10px 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: 55px; padding: 10px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:30px 10px 40px 30px;display: inline-block;width:40px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
     
    
     a.lightboxasu-close {margin-top: 90px;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: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ 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;}
    
    .Deadcarstitle{width: 120px;margin-left: 25px;margin-top: 20px;}
    
    .img-152deadcars{
   max-width: 90%;
    max-height: auto;
    position: relative;
    padding-top: 60px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 230px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 230px;}
    
    .techspecs p3 {font-size: 15px;padding: 58px 0px 0px 230px;}
    
    .techspecs p4 {font-size: 15px;padding: 76px 0px 0px 230px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 25px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 10px 0px 10px;text-align:left;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 16px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);}
    
    .trailer h2{padding: 3px 40px 15px 25px;font-size: 16px;margin-top: 5px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 270px;margin-left: 135px;width: 300px;}
    
    .videowrapper iframe {padding-top: 0%; width: 125%;}
    
    .wrapper {width: 450px;height: 265px;}  
    
    .Castback {padding-bottom: 0.5%;padding-top: 1%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 90px;}
   
    .Cast h2 {font-size: 17px;padding: 15px 20px 0px 28px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 2px 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 {
display: none;
    
}
    
    a.lightboxasu img {height: auto;width:250px;margin: -6px 35px 45px 20px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 20px 10px 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: 35px; padding: 20px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:35px 10px 40px 30px;display: inline-block;width:37px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
    
    
     a.lightboxasu-close {margin-top: 90px;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: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    }


















@media all and (min-device-width: 481px) and (max-width:600px){
    
.Container{
        max-width: 481px;}
    
    #mySidenav.sidenav{
  height: 100%;
        max-width: 100%;
        transition: 1s;padding-top: 200px;
    
    }
    
    
#mySidenav.sidenav a{padding: 5px 10px 8px 72px;font-size: 14px;}
    
    #mySidenav.sidenav .closebtn {top: 0;right: 25px;font-size: 25px;margin-left: 10px;}
    
    #mySidenav.sidenav li{padding: 18px 8px 8px 72px;font-size: 14px;}
    
    #mySidenav.sidenav span {font-size: 14px;}
    
     #mySidenav.sidenav a {font-size: 14px;padding-top: 20px;}
    
    .foo img{width: 23px;margin-left: 240px;margin-top: 20px;}
    
    .topnav{height: 65px;}
    
    .Deadcarstitle{width: 115px;margin-left: 15px;margin-top: 25px;}
    
    .img-152deadcars{
   max-width: 95%;
    max-height: auto;
    position: relative;
    padding-top: 75px;
    
}
    
    .techspecs p1 {font-size: 16px;padding: 15px 185px;}
    
   .techspecs p2 {font-size: 13px;padding: 40px 0px 0px 185px;}
    
    .techspecs p3 {font-size: 13px;padding: 58px 0px 0px 185px;}
    
    .techspecs p4 {font-size: 13px;padding: 76px 0px 0px 185px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 18px;font-size: 14px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 0px 0px 13px;text-align:justify;word-spacing:-1px;}
        
    .text.synopsis p { font-size: 14px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);}
    
    .trailer h2{padding: 3px 40px 15px 18px;font-size: 14px;margin-top: 10px;}
    
    .videowrapper iframe{ left:30%;}
    
    .videowrapper {height: 250px;margin-left: 130px;width: 250px;}
    
    .videowrapper iframe {padding-top: 0%; width: 130%;}
    
    .wrapper {width: 170px;height:245px; }  
    
    .Castback {padding-bottom: 2%;padding-top: 1.5%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 0px 75px;}
   
    .Cast h2 {font-size: 14px;padding: 20px 20px 0px 15px;margin-top: 0px;}
    
    .Castback ul p{font-size: 13px;padding: 3px 5px 0px 13px;}
    
    .Castback p {padding: 0px 35px 40px;font-size: 13px;color:#f0ce60;}
    
     .Castback ul p2{
        
         font-size: 13px;font width: 50px;font-weight: 500;color: white;}
    
    .Crew h2 {font-size: 14px;padding: 20px 20px 0px 10px;margin:0px;}
    
    .Crew {padding: 10px 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 ul 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: -15px 35px 55px 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: 35px; 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: 10%;position: fixed;margin-left: 150px;}
    
    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;}

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }



































@media all 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;}
    
    .Deadcarstitle{width: 135px;margin-left: 0px;margin-top: 20px;}
    
    .img-152deadcars{
   max-width: 100%;
    max-height: auto;
    position: relative;
    padding-top: 65px;
    
}
    
    .techspecs p1 {font-size: 18px;padding: 15px 185px;}
    
   .techspecs p2 {font-size: 15px;padding: 40px 0px 0px 185px;}
    
    .techspecs p3 {font-size: 15px;padding: 59px 0px 0px 185px;}
    
    .techspecs p4 {font-size: 15px;padding: 78px 0px 0px 185px;}
    
    .about{ width: 100%; height: auto;margin-top: 105px; }
    
    .about h2{padding: 10px 5px 0px 18px;font-size: 17px;font-weight: 200;margin-bottom: 15px;}
    
    .text.synopsis{padding:0px 0px 0px 15px;text-align:left;}
        
    .text.synopsis p { font-size: 17px; color: lightgrey;}
    
    .synopsisback{background: rgba(114,114,114,0.1);}
    
    .trailer h2{padding: 3px 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: 2%;background: rgba(114,114,114,0.1);}
    
    .Castback ul{padding: 0px 0px 8px 75px;}
   
    .Cast h2 {font-size: 18px;padding: 40px 20px 0px 15px;margin-top: 0px;}
    
    .Castback ul p{font-size: 17px;padding: 2px 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 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: -6px 35px 45px 0px;}
    
    .Gallerytitle h2 {font-size: 17px;padding: 10px 40px 25px 10px;margin:10px;}
    
     .rectengallery{ height: 280px;width:240px;margin-left: 185px;}
    
    .rectengallery img {margin-top: 15%; margin-left: -70%; padding:-20px 0px 0px 15px; width:115px; height: auto;margin-bottom: 0px;}
    
  

    .imdb h4 {font-size: 13px;margin-top: 45px; padding: 10px 0px 100px 10px;display: inline-block;}
    .imdb img{margin:35px 10px 40px 20px;display: inline-block;width:43px;height: auto;}
    
    .imdb{display: inline-block;z-index: -40;}
    
  
    
     a.lightboxasu-close {margin-top: 90px;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: 1000px;max-height: 566px;} 
    
    .lightbox .lb-outerContainer{max-width: 1000px;max-height: 566px;} 
    
     .lightbox .lb-outerContainer.lb-image {max-width: 1000px;max-height: 566px;} 
    
    .lightboxasu-target {display: none;}
    
    
    #mySidenav{z-index:8; }

.lightboxasu-target:target{ z-index: 7;}

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


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

.Deadcarstitle{ z-index: 4;}

.foo{ z-index: 3;}

 .topnav{z-index: 2;}

.videowrapper{z-index: 1;}
    
    
    
    
    }