diff --git a/scss/_grid.scss b/scss/_grid.scss
index b28ca63bf8..d60f35d6b7 100644
--- a/scss/_grid.scss
+++ b/scss/_grid.scss
@@ -132,7 +132,7 @@
 /* Adjust the max-width value to fit your own needs */
 /* Defaults to 767px (iPad portrait width)*/
 
- @media (max-width: 767px) {
+ @media (max-width: $grid-responsive-break) {
 .responsive .col {
   width: 100%;
   margin-bottom:15px;
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 362ce6a045..4f4f3f2710 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -490,6 +490,7 @@ $modal-bg-color:              #fff !default;
 // -------------------------------
 
 $grid-padding-width:           10px !default;
+$grid-responsive-break:        767px !default;
 
 
 // Action Sheets