Responsive Design Image is not scaling in Chrome

[Khurram321]

I am making Responsive website every thing goes well be in Google chrome my logo doesn’t scale to small size when it comes to small size devices.
In firfox it works perfectly but in Google Chrome it didn’t scale to small size.
I have set img{max-width:100%;}
and also in media query i mention.
Another Slogan image which working fine but i am facing logo problem.
URL: http://moghulweb.com/WP/
Please help me to solve this problem.

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
{
.logo img{width:90%;}
}

[PaulOB]

The logo image is inside a float which you have set to 390px wide which means the image will never scale.

Try this instead:

.logo{width:auto;max-width:390px}