problems ipad styling

Hi
I have a problem styling the 2012 theme (modified) for ipad-pod-phone
I have a profile photo and form side by side and in i…mode would like to make the profile photo smaller and align above the form so the css below is what i created but it does not work, does not change a thing

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
img.profile-photo{float:left; display:block;
height: 100px;
width: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
border:solid 2px #000;}
#respondprofile {
	width: 100%;
	margin-top: 10px;
	float:left;
	clear:both; display:block;
}}

normal site css

img.profile-photo{
height: 180px;
width: 180px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
border:solid 2px #000;
float:right;
}
#respondprofile {
	width: 70%;
	min-width:25%;
	margin-top: 0px;
	float:left;
}

can anyone help?
thank you Melanie