From 58f2d1df5c7f6f4881024c6f73acc798e530187e Mon Sep 17 00:00:00 2001
From: Kostya <ckutls228@gmail.com>
Date: Sat, 23 Dec 2023 10:04:55 +0300
Subject: [PATCH] added media request for 1200-1399px

---
 .../css/PagesStyles/games-pages/saper.css     | 66 ++++++++++++++++++-
 1 file changed, 64 insertions(+), 2 deletions(-)

diff --git a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
index 6384173..5926b9d 100644
--- a/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
+++ b/luckydiamond/src/assets/css/PagesStyles/games-pages/saper.css
@@ -390,6 +390,22 @@ input[type="number"]::-webkit-outer-spin-button {
     .saper-game__content {
         width: auto;
     }
+    .saper-start {
+        width: 30%;
+        height: 80%;
+    }
+    .steps-btns__display {
+        justify-content: center;
+    }
+    .margin-lines .firstline {
+        margin-top: 2%;
+    }
+    .info-emeralds {
+        margin-top: 6.5%;
+    }
+    .info-crystals {
+        margin-top: 6.5%;
+    }
     .crystals-btns__choices button, .btn-style__diamonds button {
         padding: 4px 13px;
     }
@@ -406,14 +422,57 @@ input[type="number"]::-webkit-outer-spin-button {
     .card-info img {
         width: 100%;
     }
+    .circles-1 {
+        top: 110px;
+    }
+    .circles-2 {
+        top: 220px;
+    }
+    .circles-3 {
+        top: 330px;
+    }
+    .circles-4 {
+        top: 440px;
+    }
 }
 
 @media screen and (min-device-width: 1200px) and (max-device-width: 1399px) {
+    .bg-two {
+        left: 300px;
+    }
     .saper-game__content {
         width: auto;
     }
+    .saper-start {
+        width: 30%;
+        height: 75%;
+    }
+    .steps-btns__display {
+        justify-content: center;
+    }
+    .margin-lines .firstline {
+        margin-top: 2%;
+    }
+    .square {
+        width: 75px;
+    }
+    .info-emeralds {
+        margin-top: 6.5%;
+    }
+    .info-crystals {
+        margin-top: 6.5%;
+    }
+    .text-style__subtitle h2 {
+        font-size: 11px;
+    }
+    .text-style__comment p {
+        font-size: 11px;
+    }
     .crystals-btns__choices button, .btn-style__diamonds button {
-        padding: 4px 13px;
+        padding: 4px 7px;
+    }
+    .diamonds-btns__display {
+        margin-left: 3%;
     }
     .diamond-icon {
         top: 12px;
@@ -423,11 +482,14 @@ input[type="number"]::-webkit-outer-spin-button {
         width: 60%;
     }
     .btns-style__steps button {
-        padding: 6px 9px;
+        padding: 6px 4px;
     }
     .card-info img {
         width: 100%;
     }
+    .circles__content {
+        display: none;
+    }
 }
 
 /* /Media */
\ No newline at end of file