iPad menu and logo conflict

Hi,

I’ve been trying to resolve the logo overlaying the first part of the menu without success. I’ve followed the instructions for altering the css, which currently reads:

@media only screen and (max-width: 989px) and (min-width: 768px) {

.responsive .main_menu ul:first-child > li > a {

padding: 0 11px;

font-size: 10px;

}

.main_menu {

margin-right: -50px;

}

.logo img {

width: 140px;

}

}

in my Quick Css. However, nothing changes. I also tried altering the js as mentioned elsewhere, but nothing seems to alter.

The page is at http://www.dowsingworldsummit.com/dummy-slider-page.

It looks fine, except on the iPad, where the Home menu is underneath the logo.

Any help greatly appreciated.

Nigel