diff --git a/layout.module b/layout.module
index 1200e27..e2c06af 100644
--- a/layout.module
+++ b/layout.module
@@ -290,7 +290,9 @@ function layout_breakpoint_get_css($include_media_queries = TRUE) {
       // (if any).
       $breakpoint_css[$breakpoint_index]['media-query'] = '@media screen and (min-width:' . $breakpoint->width . ')';
       if ($breakpoint_index > 0) {
-        $breakpoint_css[$breakpoint_index - 1]['media-query'] .= ' and (max-width: ' . $breakpoint->width . ')';
+        // Don't let the media queries interfere with each other.
+        $max_width = $breakpoint->width - 1;
+        $breakpoint_css[$breakpoint_index - 1]['media-query'] .= ' and (max-width: ' . $max_width . 'px)';
       }
 
       // Get grid CSS from gridbuilder and apply some extra indentation.