diff --git a/ground/controllers/PageController.php b/ground/controllers/PageController.php
index ec04f9c..c7c21e0 100644
--- a/ground/controllers/PageController.php
+++ b/ground/controllers/PageController.php
@@ -59,6 +59,7 @@ class PageController extends Controller
 			self::addScript('http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.3/fotorama.js');
 
 			self::addStyle('/css/style.css?ver=' . App::getConfig('version'));
+			self::addStyle('/css/pageStyle.css?ver=' . App::getConfig('version'));
 			self::addStyle('/css/bootstrap.min.css');
 			self::addStyle('/css/bootstrap-theme.min.css');
 			self::addStyle('http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.3/fotorama.css');
@@ -135,6 +136,7 @@ class PageController extends Controller
 			self::addScript('http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.3/fotorama.js');
 
 			self::addStyle('/css/style.css?ver=' . App::getConfig('version'));
+			self::addStyle('/css/pageStyle.css?ver=' . App::getConfig('version'));
 			self::addStyle('/css/bootstrap.min.css');
 			self::addStyle('/css/bootstrap-theme.min.css');
 			self::addStyle('http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.3/fotorama.css');
diff --git a/public/css/pageStyle.css b/public/css/pageStyle.css
new file mode 100644
index 0000000..d8f227b
--- /dev/null
+++ b/public/css/pageStyle.css
@@ -0,0 +1,32 @@
+/* -------------------------------------------*/
+/* ------------- ADAPTIVE --------------------*/
+/* -------------------------------------------*/
+
+/* Target landscape smartphones, portrait tablets, narrow desktops */
+@media screen and (max-width:1200px) {
+    .pagePoinsNearCards {display: inline-block; width: 153px; height: 114px; overflow: hidden;}
+    .pagePoinsNearCardsImg {width: 153px; height: 114px;}
+}
+
+@media screen and (max-width:1000px) {
+    #pageSmoothBackground {display: none;}
+}
+
+@media screen and (max-width:990px) {
+    .pagePoinsNearCards {display: inline-block; width: 116px; height: 87px; overflow: hidden;}
+    .pagePoinsNearCardsImg {width: 116px; height: 87px;}
+}
+
+@media screen and (max-width:815px) {
+    .pagePoinsNearCards {display: inline-block; width: 120px; height: 90px; overflow: hidden;}
+    .pagePoinsNearCardsImg {width: 120px; height: 90px;}
+}
+
+@media screen and (max-width:640px) {
+    div.header {
+        position: initial;
+        text-align: center;
+    }
+    .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
+    .pagePoinsNearCardsImg {width: 201px; height: 150px;}
+}
diff --git a/public/css/style.css b/public/css/style.css
index 966e1eb..a37ca24 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -96,11 +96,6 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
 /* -------------------------------------------*/
 
 /* Target landscape smartphones, portrait tablets, narrow desktops */
-@media screen and (max-width:1200px) {
-    .pagePoinsNearCards {display: inline-block; width: 153px; height: 114px; overflow: hidden;}
-    .pagePoinsNearCardsImg {width: 153px; height: 114px;}
-}
-
 @media screen and (max-width:1000px) {
     .modal-dialog {
         width: 100%!important;
@@ -130,12 +125,6 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
         padding: 3px!important;
         margin: 0!important;
     }
-    #pageSmoothBackground {display: none;}
-}
-
-@media screen and (max-width:990px) {
-    .pagePoinsNearCards {display: inline-block; width: 116px; height: 87px; overflow: hidden;}
-    .pagePoinsNearCardsImg {width: 116px; height: 87px;}
 }
 
 @media screen and (max-width:815px) {
@@ -151,15 +140,5 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
         width: 115px;
         height: 69px;
     }
-    .pagePoinsNearCards {display: inline-block; width: 120px; height: 90px; overflow: hidden;}
-    .pagePoinsNearCardsImg {width: 120px; height: 90px;}
 }
 
-@media screen and (max-width:640px) {
-    div.header {
-        position: initial;
-        text-align: center;
-    }
-    .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
-    .pagePoinsNearCardsImg {width: 201px; height: 150px;}
-}