diff --git a/css/global.css b/css/global.css
index cef1989..ffd1b60 100644
--- a/css/global.css
+++ b/css/global.css
@@ -817,3 +817,62 @@ a:hover {
 }
 
 
+/* =========================
+ *  DEFAULT (mobile + small screens)
+ *  HIDE completely
+ = *======================== */
+.left_banner,
+.right_banner {
+  display: none;
+}
+
+/* =========================
+ *  TABLETS / LAPTOPS (between 1280 and 1919)
+ *  → small version
+ = *======================== */
+@media (min-width: 1280px) and (max-width: 1919px) {
+  .left_banner,
+  .right_banner {
+    display: block;
+
+    width: 160px;
+    height: 262px;
+
+    opacity: 0.8;
+  }
+
+  .left_banner {
+    top: 180px;
+    left: 10px;
+  }
+
+  .right_banner {
+    top: 120px;
+    right: 10px;
+  }
+}
+
+/* =========================
+ *  DESKTOP 1920×1080 (FULL SIZE)
+ = *======================== */
+@media (min-width: 1920px) {
+  .left_banner,
+  .right_banner {
+    display: block;
+
+    width: 383px;
+    height: 626px;
+
+    opacity: 1;
+  }
+
+  .left_banner {
+    top: 250px;
+    left: 40px;
+  }
+
+  .right_banner {
+    top: 150px;
+    right: 40px;
+  }
+}