Почему обрезается сайт если открыть с мобильного устройства?
Потому что сверстали черт знает как! надо переделывать все и еще поменять местами стили <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
с начало подключить bootstrap а уж потом свои стили<link rel="stylesheet" href="css/style.css" type="text/css" />
И еще сами блоки сделаны неправильно !
1. Банальная геометрия.
2. Читайте Использование мета тега viewport в неадаптивных ша...Размеры viewport различных устройств http://viewpo...Основы адаптивного веб-дизайна с помощью Twitter B...62 полезных инструмента для адаптивного дизайна
и дальше продолжать гуглить в ту сторону, уже по собственному сценарию.