@media only screen and (max-width:700px) {


 
.videoholder {

    width: calc(100vw - 0px);
    height: calc(100vh - 0px);
    margin-left: 0;
}

img.gameAspectWOW {
    max-height: calc(100vh - 0px);
    opacity: 0;
    max-width: calc(100vw - 0px);
}



.startholder {
background-size: 69%;
background-position: top;
}


.clickholder,
.window
{

width: 100%;
height: calc(100vw / 1.77);
}

}



@media only screen and (max-width:1000px) and (orientation: landscape) {

    .videoholder {

        width: calc(100vw - 0px);
        height: calc(100vh - 0px);
        margin-left: 0;
        margin-top: 0;
        
    }
    
    img.gameAspectWOW {
        max-height: calc(100vh - 0px);
        opacity: 0;
        max-width: calc(100vw - 0px);
    }
    
    
    
    .startholder {
    background-size: 100%;
  background-position: center; 
    }
    
    
    .clickholder,
    .window
    {
    
    width: 100%;
    height: calc(100vw / 1.77);
    }
    
}


@media only screen and (max-width:1000px) and (orientation: portrait) {

    .gameholder {
        background-image: url(../rotate.png);
        background-size: 80px;
        background-repeat: no-repeat;
        background-position: center;
    }

    .startholder {
 
        background-image: url(../uvodplay.png?a=7), url(../rotate.png);
        background-size: 100%, 80px;
        background-repeat: no-repeat, no-repeat;
        background-position: top, center;
 
    }

}
 
/*

@media only screen and (max-width:1000px) and (orientation: portrait) {

 
}

@media only screen and (max-height:700px) {


}

*/