@media only screen and (max-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; width:auto; }
#vaihtuvaSisalto{ max-width:98%; height:100%; height:75.0vh; }
#vaihtuvanSisallonKehys{ height:100%; text-align:center; }

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

#vaihtuvanSisallonKehys{ margin-left:0px; }
#kuvaikkunaPysty{ height:auto; max-height:455px; display:block; margin-top:1.5vh; 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:8.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 (max-height:860px) and (max-width:395px){
#kuvaikkunaPysty{ max-height:430px; }

@media only screen and (max-height:815px) and (max-width:380px){
#sisalto{ height:80%; }
#kuvaikkunaPysty{ max-height:395px; }
}

@media only screen and (max-height:785px) and (max-width:365px){
#kuvaikkunaPysty{ max-height:405px; }
}

}




@media only screen and (max-height:600px) and (max-width:325px){
#kuvaikkunaPysty{ max-height:275px; }
}




}