From de7aec2b335bab9ab32e03da99b7a9c8b1a92e47 Mon Sep 17 00:00:00 2001
From: Arhell <arhell333@gmail.com>
Date: Fri, 31 Jan 2025 02:27:47 +0200
Subject: [PATCH] fix case studies page on mobile

---
 assets/scss/case_studies.scss | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/assets/scss/case_studies.scss b/assets/scss/case_studies.scss
index 49ac88dca141a..af36638683ed0 100644
--- a/assets/scss/case_studies.scss
+++ b/assets/scss/case_studies.scss
@@ -1,4 +1,9 @@
 body.cid-casestudies {
+  @media screen and (max-width: 1023px) {
+    #users {
+      padding: 15px;
+    }
+  }
   h2 {
     font-size: 3em;
     font-weight: 300;
@@ -25,7 +30,7 @@ body.cid-casestudies {
     color: #606060;
   }
 
-  .quote + h2, 
+  .quote + h2,
   .quote + .lead {
     margin-top: 0;
   }
@@ -196,6 +201,11 @@ body.td-section.cid-casestudies {
     font-size: 3em;
     margin-top: 2em;
     margin-bottom: 2em;
+    @media screen and (max-width: 767px) {
+      font-size: 2.5em;
+      margin-bottom: 1em;
+      margin-top: 1em;
+    }
   }
 
   #case-studies .case-studies {
@@ -210,6 +220,10 @@ body.td-section.cid-casestudies {
   main > section, main > section:first-child {
     padding-left: 10em;
     padding-right: 10em;
+    @media screen and (max-width: 1439px) {
+      padding-left: 1em;
+      padding-right: 1em;
+    }
   }
 
   .video-quote, .case-study-video {
@@ -237,6 +251,9 @@ body.td-section.cid-casestudies {
     padding: 0 40px 0 242px;
     margin-bottom: 60px;
     min-height: 152px;
+    @media screen and (max-width: 767px) {
+      padding: 0;
+    }
 
     .quote {
       color: black;
@@ -252,7 +269,7 @@ body.td-section.cid-casestudies {
   }
 
   .case-study:nth-child(9), .case-study:nth-child(10) {
-    margin-bottom: 0px;
+    margin-bottom: 0;
   }
 
   .case-study img {
@@ -260,6 +277,9 @@ body.td-section.cid-casestudies {
     top: 0;
     left: 0;
     width: 215px;
+    @media screen and (max-width: 767px) {
+      position: relative;
+    }
   }
 
   #usersGrid {