diff --git a/ground/views/point.php b/ground/views/point.php
index 45a6399..936b2fc 100644
--- a/ground/views/point.php
+++ b/ground/views/point.php
@@ -87,7 +87,7 @@
 				нет известных нам точек.
 			<?php else: ?>
 				<?php foreach ($closestPoints as $cPoint): ?>
-					<a href="/page/point/id/<?= $cPoint->id ?>" style="display: inline-block; height: 139px; width: 16,6%; overflow: hidden;"><img src="<?= $cPoint->getImg() ?>" title="<?= $cPoint->name ?>" style="width: 186px; height: 139px;"/></a>
+					<a href="/page/point/id/<?= $cPoint->id ?>" class="pagePoinsNearCards"><img src="<?= $cPoint->getImg() ?>" title="<?= $cPoint->name ?>" class="pagePoinsNearCardsImg"/></a>
 				<?php endforeach; ?>
 			<?php endif; ?>
 		</div>
@@ -97,7 +97,7 @@
 		<div class="col-md-12">
 			<h3 style="margin-top: 0;">Похожие:</h3>
 			<?php foreach ($similarPoints as $sPoint): ?>
-				<a href="/page/point/id/<?= $sPoint->id ?>" style="display: inline-block; height: 139px; width: 16,6%; overflow: hidden;"><img src="<?= $sPoint->getImg() ?>" title="<?= $sPoint->name ?>" style="width: 186px; height: 139px;"/></a>
+			<a href="/page/point/id/<?= $sPoint->id ?>" class="pagePoinsNearCards"><img src="<?= $sPoint->getImg() ?>" title="<?= $sPoint->name ?>" class="pagePoinsNearCardsImg"/></a>
 			<?php endforeach; ?>
 		</div>
 	</div>
diff --git a/public/css/style.css b/public/css/style.css
index 3a17fdd..966e1eb 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -87,7 +87,8 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
 /* ------------- PAGE --------------------*/
 .coords-container {text-align: right; margin-bottom: 20px; color: #777;font-size: 0.9em;}
 #pageSmoothBackground {z-index: -100; width: 106%; height: 106%; position: fixed; top: -3%; left: -3%; background-size: cover; -webkit-filter: blur(5px);}
-
+.pagePoinsNearCards {display: inline-block; width: 186px; height: 139px; overflow: hidden;}
+.pagePoinsNearCardsImg {width: 186px; height: 139px;}
 
 
 /* -------------------------------------------*/
@@ -95,6 +96,11 @@ 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;
@@ -127,6 +133,11 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
     #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) {
     body {
         padding: 0!important;
@@ -140,6 +151,8 @@ 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) {
@@ -147,4 +160,6 @@ div#box {background-image: url('/img/back.png'); background-repeat: no-repeat; b
         position: initial;
         text-align: center;
     }
+    .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
+    .pagePoinsNearCardsImg {width: 201px; height: 150px;}
 }