#w,#y,#s,#t {
  display: inline-block;
  
}

#padlock{
  width:35%;
  margin-left: 20px;
}

#answer1,#answer2,#answer2b,#answer3,#answer4,#answer4b,#answer5,#answer5b,#answer6,#answer7,#answer8 {
  border-radius: 5px;
  height: 32px;
}
#answer3b{
  border-radius: 5px;
  height: 32px;

}

#answer7b,#answer7bb{
 border-radius: 5px;
  height: 32px;
  width:50px; 
}

#go,#go1,#go2,#go3,#go4,#go5,#go6 {
 border-radius: 5px;
  height: 32px; 
}
#barmod1,#barmod2,#barmod3,#show1,#show2,#show3,#show4,#show5,#show6{
  margin-left: 20px;
 border-radius: 5px;
  height: 32px;  
}

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

#ftree1,#ftree2{
  width:65%;
}


#bar1{
  display: none;
  width: 300px;
  height: 150px;
}
#bar2{
  display: none;
  width: 340px;
  height: 150px;
}
#bar3{
  display: none;
  width: 300px;
  height: 130px;
}

#bar4{
  display: none;
  width: 300px;
  height: 130px;
}

#ratiotri{
 width: 300px;
  height: 180px; 
}




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



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



#ratiotri{
 width: 200px;
  height: 100px; 
}


#bar1{
  display: none;
  width: 200px;
  height: 90px;
}
#bar2{
  display: none;
  width: 200px;
  height: 90px;
}
#bar3{
  display: none;
  width: 200px;
  height: 80px;
}

#bar4{
  display: none;
  width: 200px;
  height: 80px;
}