@media only screen and (max-width:500px) and (min-width:410px) and (max-height:940px){
html,body{ width:100%; height:auto; }

#sisaltoAlue,#sisalto,#vaihtuvaSisalto,#vaihtuvanSisallonKehys,#valikkoAlue,#valinnat,#soitin{ max-width:100%; }
#valikkoAlue,#soitin{ height:auto; }

#sisaltoAlue{ display:block; height:82.0vh; max-width:98%; border:solid 0px blue; }
#sisalto{ height:83%; max-height:75.0vh; }
#vaihtuvaSisalto{ max-width:98%; height:100%; height:75.0vh; }
#vaihtuvanSisallonKehys{ height:100%; margin-left:0px; text-align:center; }

.bx-wrapper img { max-width:115%; }

#sisalto{ width:auto; height:82%; }

#kuvaikkunaPysty{ height:auto; max-height:480px; display:block; margin-top:1.7vh; margin-left:auto;margin-right:auto; }

#kuvaikkunaVaaka{ display:none; }
.kuvaikkunaVslide,.kuvaikkunaPslide{ max-width:100%; }

#valikkoAlue,#logo,#valinnat{ display:block; }
#logo{ height:8.0vh;width:100%; text-align:center; }
#logo img{ max-height:9.0vh; margin:2.0vh; }

#valikkoAlue{ height:24.0vh; max-height:32%; max-width:99%; position:absolute; bottom:0px; overflow:hidden; border:0px; }

#valinnat{
overflow:hidden;
position:relative; top:3.5vh;
border:solid 0px yellow;
height:10.5vh; width:90.0vh; max-width:100%;
text-align:center;
}

#valinnat a{ top:0px; }
#valinnat a{ border:0px; padding:1.0vh; padding-left:0.5vh; padding-right:0.5vh;}
#valinnat a:first-child{ border-left-width:0px; }
#valinnat a:last-child{ border-right-width:0px; }

#valinnat a div{ border:solid 1px #fff; margin-bottom:8px; margin-top:1.0vh; margin-bottom:1.0vh; }

.valinta{ 
width:auto;
display:inline-block;
padding:1.0vh; padding-left:1.2vh; padding-right:1.2vh;
}

.valinta:hover{ box-shadow:0px 0px 0px #000; }

#soitin{ display:none;}

.reunaAlue{ height:51.0vh; margin-top:2.5vh; float:none; }
.suunnittelijaAlue{ margin-top:2.5vh; }

@media only screen and (min-width:410px) and (max-width:420px) and (max-height:900px) {
#kuvaikkunaPysty{ max-height:445px; margin-top:1.5vh; }
}



@media only screen and (min-height:820px){
#vaihtuvaSisalto{ max-width:98%; height:100%; height:75.0vh; }
#vaihtuvanSisallonKehys{ height:100%; }
#kuvaikkunaPysty{ position:relative; top:1.0vh; max-height:520px; }

.reunaAlue{ width:39.0vh; height:51.0vh; margin-right:12px; margin-right:1.5vh; float:none; }
.reuna{ width:39.0vh; width:inherit; height:58.5vh; }
.reuna img{ max-height:58.5vh; }
}


}