Problem with responisveness on mobile and tablet

hi, there is a problem with the menu responsiveness, if i look the site on iphone vertically it appears good, but the menu does not work, and if i put the iphone horizontally, the menu looks extended and not alligned.
In tablet version the site appear not at the center of the screen but the right part of the site is out of the screen.
i add some file to explain better. i need to go online as soon as possible.

thanks

Open this file:
templates/hot_tennis/js/responsive_menu.js

at bottom add:

window.addEventListener("orientationchange", function() {
jQuery(window).trigger("resize");
}, false);