@media (min-width: 1px) and (max-width: 650px) {
#imagequestion{
width:90%;
padding:0px;
}
#imageloader table{
width:100%;

}
#touchleft,#touchright{
width:20%;

}
#imagequestion{


}
#simulus_image{
width:60%;
padding:0px;
}
#imageloader .key{
background-image:url(img/key.gif);
margin-bottom:10px;
margin-top:10px;

width:100%;
background-size:100%;
background-repeat:no-repeat;
}
#imageloader .key p{
display:block;
font-size:34px;
font-weight:bold;
text-transform:uppercase;
padding-top:20px;
}
#touchleft img,#touchright img,#imagequestion{
width:100%;
}
		.drag_me,.drops.textonly div{
	
	font-size:14px;
	}
	.option_prompts table,.option_prompts_check table{
font-size:14px;
}
.slider_label p{
font-size:12px;

}
	select, input,textarea,.slidercontainer{
width:100%;
padding:8px;
}
/* main container */				
form,.finalpage{
text-align:left;
border: 0px;
width:auto;
padding:10px;
line-height:20px;
font-size:16px;
margin: 0px;
padding-bottom:0px;
}
	#mainposition{	
width:  100%;
margin: 0 auto;
background:#FFFFFF;		
border:0px;

text-align:left;

}
.next{
margin-left:-10px;
margin-right:-10px;

}
	.next input{
	width:30%;
	
	}
	.drops{
	height:300px;
	
	}
	}
		@media (min-width: 979px) and (max-width: 9000px) {
		.drops{
		background-size:auto;
		
		}
		
		}