I have built a responsive/adaptive website which works quite well on mobiles.
I have used @media for detecting screen sizes. code
I have 2 problems with coding:

1. Images don't load on some mobiles. Is there something wrong with the css code? I am trying to get the site to rotate when screens are rotated.

2. The site doesn't load onto blacberrys.

I think the problem is that blackberry doesn't read @media. I have been trying to find ways to resolve this issue and one way is to make my site mobile first. How do you set the screen to a max width of 500px for a mobile first site?

I am trying to keep my site html and css only. The site is up and running but I need to improve a few things in it.