#w,#y,#s,#t {
  display: inline-block;
  
}
#timetable{
  display:block;
  width:70%;
}

#answer1,#answer1b,#answer1c,#answer2,#answer2b,#answer2c,#answer3,#answer3b,#answer3c,#answer4,#answer4b,#answer5,#answer5b,#answer6,#answer6b,#answer6c,#answer7,#answer7b,#answer7c,#answer8 {
  border-radius: 5px;
  height: 32px;
  width: 100px;

}
#answer7a,#answer7aa{
 border-radius: 5px;
  height: 32px;
  width: 100px;

}


#answer5,#answer5a{
width: 50px;
border-radius: 5px;
height: 32px;

}


#go,#go1,#go1b,#go2,#go2b,#go3,#go3b,#go3c,#go4,#go4b,#go5,#go5b,#go6 {
 border-radius: 5px;
  height: 32px; 
}
#barmod1,#barmod2,#barmod3,#show1,#show1b,#show2,#show2b,#show3,#show3b,#show3c,#show4,#show4b,#show5,#show6,#show6b,#show7,#show7b{
  margin-left: 20px;
 border-radius: 5px;
  height: 32px;  
}

.end {
  display: inline-block;
 
  margin-right: 10px;
}

#frac1,#frac2,#frac3,#frac4,#frac5,#frac6,#frac7,#frac8{
  display: none;
  width: 45%;
}

#cuboid{
  width:300px;
  height:200px;
}


#shape1,#shape2,#shape3,#shape4,#shape5,#shape10{
width: 90%;
}

#shape9{
width: 60%;
display: none;
}

#shape8{
  width:100%;
  margin-left: 10px;
}


#shape6,#shape7{
  display: none;
  width:90%;
}

#length,#length2,#length3,#length4,#length5,#length6,#length8{
position: relative;
left: 100px;
bottom: 48px;
}
#length7{
position: relative;
left: 45px;
bottom: 36px;
}

#width,#width2,#width3,#width4{
position: relative;
left:208px;
bottom:66px;
}
#width5{
position: relative;
left:212px;
bottom:45px;
}
#width7{
position: relative;
left: 215px;
bottom: 62px;
}

#height,#height2,#height4{
position: relative;
left:245px;
bottom:138px;
}
#height3,#height5,#height6,#height8{
position: relative;
left:242px;
bottom:144px;
}
#height7{
position: relative;
left:130px;
bottom:142px;

}

#spinner1{
width: 40%;
}


#area1,#area2,#area3,#area4,#area5,#area6{
display:none;
  width: 55%;
}





 @media screen and (min-width:260px) and (max-width:500px){












#heading{
  font-size: 18px;
  width:60%;
  margin-bottom: 15px;
}



#answer1,#answer2,#answer3,#answer3b,#answer3c,#answer4,#answer5,#answer6,#answer7,#answer8 {
  border-radius: 5px;
  height: 32px;
  width: 70px;
}



#cuboid{
  width:180px;
  height:200px;
}


#shape8,#shape10{
  width:100%;
  margin-left: 1px;
}


#shape6,#shape7{
  display: none;
  width:90%;
}


#shape1,#shape2,#shape3,#shape4,#shape5{
width: 94%;
}



#length,#length2,#length3,#length4,#length5{
position: relative;
left: 58px;
bottom:18px;
}

#length8{
position: relative;
left: 68px;
bottom:28px;
}

#width,#width2,#width3,#width4{
position: relative;
left:134px;
bottom:50px;
}
#height,#height2,#height3,#height4,#height5,#height8{
position: relative;
left:156px;
bottom:106px;
}

#length6{
position: relative;
left: 58px;
bottom: 30px;
}

#width5{
position: relative;
left:138px;
bottom:25px;
}

#height6{
position: relative;
left:142px;
bottom:98px;
}


#length7{
position: relative;
left: 22px;
bottom: 22px;
font-size: 13px;
}

#width7{
position: relative;
left: 128px;
bottom: 40px;
font-size: 13px;
}

#height7{
position: relative;
left:72px;
bottom:92px;
font-size: 12px;
}

}