diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index b3a2ea13c63412c5f474e6eddfce8ff9aec8ad41..cfba408636e9f45103b750c657c68a19c555b650 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -24,11 +24,11 @@ import HeaderView from 'components/HeaderView.vue'
 <style>
 .screen-responsive {
   width: 100%;
-  max-width: 1200px;
+  max-width: 1024px;
   margin: 0 auto;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1096px) {
   .screen-responsive {
     width: 90%;
   }
diff --git a/src/layouts/ProjetLayout.vue b/src/layouts/ProjetLayout.vue
index 6cd4c1a24287105be34afa7cf0de324d8aceb4c0..b7e1f787d3c02d5a5d0e9cac43fe41ea10cb4bac 100644
--- a/src/layouts/ProjetLayout.vue
+++ b/src/layouts/ProjetLayout.vue
@@ -24,11 +24,11 @@ const hover = ref(0)
 <style scoped>
 .screen-responsive {
   width: 100%;
-  max-width: 1200px;
+  max-width: 1024px;
   margin: 0 auto;
 }
 
-@media (max-width: 768px) {
+@media (max-width: 1096px) {
   .screen-responsive {
     width: 90%;
   }