Responsive theme feature not adjusting pages correctly on mobiles.

Hi, I have a website www.chartsandscores.com and it runs fine with the catch box theme. I have changed the width settings in my CSS but other than that I have not made any back end adjustments. The website seems to display fine on normal PC's and Macs but it will not display properly on mobiles. Most of the pages and features display fine but if you were to click on a product e.g. http://www.chartsandscores.com/product/addicted-to-love/ form a mobile device the product info (Price, orangey bit and description including purchase buttons) is too wide and goes off the screen and you can't scroll to see it. Also on some of the product list pages the list of products goes off the main column although it's not so much of a problem because you can scroll to it. it just looks messy. I'm less concerned about this problem as I feel I could probably enter the info in a better way onto the website but I can't find a way to fix the other issue. Please help!