Slider image not resizing for iphone

The slider images are not resizing in my poloray theme when viewed on an iPhone. They also do not resize when adjusting the browser window, they just get squashed and distorted. Is there a way I can fix this?

The website is firebrandsocial.com

 

I have two other questions as well on this theme. Do you want them all here or start a thread for each?

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 480px)
{
.flexslider .slides img {
    width:249px;
    height:150px;
}
.flexslider .slides{
width:249px;
    height:150px;
}
}

Create new thread for other queries. It will make easy for us to reply on time.

 

Perfect fit now. Thanks guys! I have to say that you have the easiest to use Wordpress themes I have come across. Great work.