diff --git a/assets/css/app.scss b/assets/css/app.scss
index 5b944f3..a3f8a43 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -1223,7 +1223,7 @@ $links: (
   }
 }
 
-@media screen and (max-width: 767px) {
+@media screen and (max-width: 967px) {
   .content {
     width: 100%;
   }
diff --git a/tailwind.config.js b/tailwind.config.js
index 42d8cd2..616d7f7 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -7,6 +7,13 @@ module.exports = {
   theme: {
     extend: {
     },
+    screens: {
+      'sm': '640px',
+      'md': '968px',
+      'lg': '1284px',
+      'xl': '1380px',
+      '2xl': '1536px',
+    }
   },
   plugins: [
     require("daisyui"),