Responsive/header issues

Hi Greg and team, love the theme, have used it a few times. However with the latest site, the ehader doesn’t seem to be truly responsive. Items in the header sidebar widget cross over on top of the logo in iPad portrait…no matter what I add in custom CSS @media query, nothing seems to happen. I can’t figure out what I’m missing, and have trawled the support pages for clues. Any chance you coudl take a quick look?

On a related (responsive) note – on mobile devices content is hanging out the sides – again, have added @media queries to no avail…

The site URL is http://www.loveyourdesign.com/

Cheers
Bridie