How make logo image responsive?

Hi,

Now the logo is very small on iPod. I can send you to your email login to site if you could check it yourself - if this would be easier?

Thanks

Hi,

Now the logo on iPad is very small. Would you like me to send you access to site to your email, if this would be easier?

Thanks

what happens when you remove max-width:100%;

The logo is big again, but still navigation is overlapping

Try:

@media (max-width: 767px){
.mp_logo{
clear: both;
}

.mp_logo IMG{
width:320px;
}
}

Nothing again.

and padding between navigation items is larger on iPad. Should look ok if there will be less padding.

Can I create a custom css for my changes? How should I call it and where should I put it - in css folder?

Thanks