diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css
index e1c931cee..9b9c41da8 100644
--- a/__tests__/fixtures/tailwind-output-important.css
+++ b/__tests__/fixtures/tailwind-output-important.css
@@ -482,9 +482,9 @@ table {
   width: 100%;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 568px) {
   .container {
-    max-width: 576px;
+    max-width: 568px;
   }
 }
 
@@ -494,15 +494,15 @@ table {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
   .container {
-    max-width: 992px;
+    max-width: 1024px;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
   .container {
-    max-width: 1200px;
+    max-width: 1280px;
   }
 }
 
@@ -6198,7 +6198,7 @@ table {
   color: #e3342f;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 568px) {
   .sm\:list-reset {
     list-style: none !important;
     padding: 0 !important;
@@ -17538,7 +17538,7 @@ table {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
   .lg\:list-reset {
     list-style: none !important;
     padding: 0 !important;
@@ -23208,7 +23208,7 @@ table {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
   .xl\:list-reset {
     list-style: none !important;
     padding: 0 !important;
diff --git a/__tests__/fixtures/tailwind-output-with-explicit-screen-utilities.css b/__tests__/fixtures/tailwind-output-with-explicit-screen-utilities.css
index a04ced715..2a7a72352 100644
--- a/__tests__/fixtures/tailwind-output-with-explicit-screen-utilities.css
+++ b/__tests__/fixtures/tailwind-output-with-explicit-screen-utilities.css
@@ -2,7 +2,7 @@
   color: red;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 568px) {
   .sm\:example {
     color: red;
   }
@@ -14,13 +14,13 @@
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
   .lg\:example {
     color: red;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
   .xl\:example {
     color: red;
   }
diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css
index 7355e51a0..089feca02 100644
--- a/__tests__/fixtures/tailwind-output.css
+++ b/__tests__/fixtures/tailwind-output.css
@@ -482,9 +482,9 @@ table {
   width: 100%;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 568px) {
   .container {
-    max-width: 576px;
+    max-width: 568px;
   }
 }
 
@@ -494,15 +494,15 @@ table {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
   .container {
-    max-width: 992px;
+    max-width: 1024px;
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
   .container {
-    max-width: 1200px;
+    max-width: 1280px;
   }
 }
 
@@ -6198,7 +6198,7 @@ table {
   color: #e3342f;
 }
 
-@media (min-width: 576px) {
+@media (min-width: 568px) {
   .sm\:list-reset {
     list-style: none;
     padding: 0;
@@ -17538,7 +17538,7 @@ table {
   }
 }
 
-@media (min-width: 992px) {
+@media (min-width: 1024px) {
   .lg\:list-reset {
     list-style: none;
     padding: 0;
@@ -23208,7 +23208,7 @@ table {
   }
 }
 
-@media (min-width: 1200px) {
+@media (min-width: 1280px) {
   .xl\:list-reset {
     list-style: none;
     padding: 0;
diff --git a/defaultTheme.js b/defaultTheme.js
index 72c30190c..7a5547230 100644
--- a/defaultTheme.js
+++ b/defaultTheme.js
@@ -103,10 +103,10 @@ module.exports = function() {
       '32': '8rem',
     },
     screens: {
-      sm: '576px',
+      sm: '568px',
       md: '768px',
-      lg: '992px',
-      xl: '1200px',
+      lg: '1024px',
+      xl: '1280px',
     },
     fontFamily: {
       sans: [