How make logo image responsive?

Try this:

@media (max-width: 980px){
.mp_logo{
width:100%!important;
height: 70px!important;
}
}

Now it's under and doesn't look good.
I posted this problem again, hopeful somebody will solve it.

Thanks for trying anyway

I think this was killing us all time:

In template_css.php:

.mp_topmenu {
position:relative;
top:-40px;
}