Hi,

I was wondering what people views were on handling different devices. Currently the website I'm working on would be very difficult to be made responsive due to it's design. For example one of the first things I have come to is the company logo. Currenlty it's designed in a way which means on a small screen it would take up much of the screen. I'm therefore left to consider how I could get it to display differently on small devices. The options I've consider are:

• Logo as a background image and using css @media to specify a different image depending on the screen width. 
• Use a .mobile.cshtml equivilent template to display different a image on mobile devices to desktop. (Problem I have is for an ipad the original logo needs to display which won't happen as it's clasified as mobile).
• Use free (commercially) open source extension (any recommendations?) (51degrees only groups device types at a cost)
• Create a test through @Request parameters