チュートリアルを応用してWEBサイトのデザインをしてみましたが、 いつくか思うようにデザインできません（原因が分かりません）。

チュートリアルを応用してWEBサイトのデザインをしてみましたが、

いつくか思うようにデザインできません（原因が分かりません）。

宜しくお願いいたします。

http://athena-esthe.jp/

↑実際に作ったサイトです。

①タブレット、デスクトップ用の表示の際、横幅がチュートリアルの時のようにピタッと揃わない。

応急処置として、

・タブレット用の表示の所で、.col-md-half　{width: 48.1%;｝　に変更

（チュートリアルですと、50%）

・デスクトップ用の表示の所で、.col-lg-qtr{width: 23.6%;}　と変更

（チュートリアルですと、25%）

しています。

②表示モードをライブ（iphone7）にしている時は、携帯のデザインで表示されていますが、

実際にWEB上にアップデートしてみると、タブレットの表示になってしまう。

ご指導下さい。

よろしくお願いいたします。