Website Layout Fix for Mobile Devices (HTML/CSS/JQuery)

I have a website that the layout works well for desktop browsers, however there are two fixes that I need done to make the layout work better for mobile devices: 1) The main banner image forces the layout to be wider than the main content of the page (banner image is 1600px, but content is only 1010px). I believe this banner image needs to be set as a background image so that the width is ignored and only the main content container is recognized. The fix needs to for [login to view URL] page as well as sub pages ([login to view URL]). On the [login to view URL] page, the banner image is part of a Javascript/JQuery rotating image, so this function needs to be retained. (see attached image) 2) All pages when viewed with a mobile browser have a right margin that pulls parts of the page to the left. This needs to be corrected so that when viewed it looks the same as when viewed on a desktop browser. (see attached image) Details: -Live files for examples can be seen at [login to view URL] -Correct/change [login to view URL], [login to view URL] and any related javascript for issues above -Correct/change [login to view URL] and [login to view URL] for issues above (changes to this file will work for the remaining files) -Where using same CSS, changes should be similar for all pages so that CSS is not added, only corrected -Use GIT for file access and revisions if possible (I will give access to a git repo for file access) Please see attached pictures for examples of the issues I am trying to fix. This issues are only visible on mobile devices. The site works and looks great on desktop browsers.