diff --git a/src/app/globals.css b/src/app/globals.css
index 90846f6..e1623b4 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -253,12 +253,40 @@
     padding-right: var(--spacing-lg);
   }
   
+  @media (min-width: 768px) {
+    .container-wide {
+      padding-left: var(--spacing-2xl);
+      padding-right: var(--spacing-2xl);
+    }
+  }
+  
+  @media (min-width: 1024px) {
+    .container-wide {
+      padding-left: 4rem;
+      padding-right: 4rem;
+    }
+  }
+  
   .container-full {
     width: 100%;
     padding-left: var(--spacing-lg);
     padding-right: var(--spacing-lg);
   }
   
+  @media (min-width: 768px) {
+    .container-full {
+      padding-left: var(--spacing-2xl);
+      padding-right: var(--spacing-2xl);
+    }
+  }
+  
+  @media (min-width: 1024px) {
+    .container-full {
+      padding-left: 4rem;
+      padding-right: 4rem;
+    }
+  }
+  
   .section-padding {
     padding-top: var(--spacing-5xl);
     padding-bottom: var(--spacing-5xl);