I'm trying to turn my site into a responsive site, but having trouble with Javascript!

URL: beckybramwelldemo.com

The two things that conflict are the Fancybox Gallery and the Toggle menu for tablet/mobile (you'll need to make browser smaller to see).

If I take the Fancybox scripts out and move main.js just before </body>, then the toggle works, but Fancybox doesn't.

I'm not really sure why they're conflicting, so if anyone can help it'd be much appreciated!