my website http://ridwan.me appears fine on chrome, ie and firefox on my laptop and desktop, but the right hand side along with a fair chunk of the content is cut off when viewing the site from most mobiles.

I've seen other threads here with a similar issue and tried adding a meta viewpoint tag in the html header, which only made things worse. Even adjusting the css container size to 1100px didn't help much.

If anyone could check through the code and lend a hand in solving the issue I'd be very grateful.