diff --git a/library/scss/src/grid/forminator-grid.enclosed.scss b/library/scss/src/grid/forminator-grid.enclosed.scss
index aba0e33d..abdf5cdc 100644
--- a/library/scss/src/grid/forminator-grid.enclosed.scss
+++ b/library/scss/src/grid/forminator-grid.enclosed.scss
@@ -34,6 +34,40 @@
 
 		// ELEMENT: Row
 		.forminator-row {
+			flex-wrap: wrap;
+
+			@include media(min-width, sm) {
+				.forminator-col-md-3 {
+					width: 25%;
+					max-width: 25%;
+					flex-basis: 25%;
+				}
+				
+				.forminator-col-md-4 {
+					width: 33.33333333%;
+					max-width: 33.33333333%;
+					flex-basis: 33.33333333%;
+				}
+				
+				.forminator-col-md-6 {
+					width: 50%;
+					max-width: 50%;
+					flex-basis: 50%;
+				}
+
+				.forminator-col-md-12 {
+					width: 100%;
+					max-width: 100%;
+					flex-basis: 100%;
+				}
+
+				.forminator-no-margin {
+					margin-bottom: -$gutter-enclosed;
+					.forminator-col {
+						margin-bottom: $gutter-enclosed;
+					}
+				}
+			}
 
 			&:not(:last-child) {
 
diff --git a/library/scss/src/grid/forminator-grid.open.scss b/library/scss/src/grid/forminator-grid.open.scss
index 08ba4761..d275699c 100644
--- a/library/scss/src/grid/forminator-grid.open.scss
+++ b/library/scss/src/grid/forminator-grid.open.scss
@@ -44,6 +44,40 @@
 
 		// ELEMENT: Row
 		.forminator-row {
+			flex-wrap: wrap;
+
+			@include media(min-width, sm) {
+				.forminator-col-md-3 {
+					width: 25%;
+					max-width: 25%;
+					flex-basis: 25%;
+				}
+				
+				.forminator-col-md-4 {
+					width: 33.33333333%;
+					max-width: 33.33333333%;
+					flex-basis: 33.33333333%;
+				}
+				
+				.forminator-col-md-6 {
+					width: 50%;
+					max-width: 50%;
+					flex-basis: 50%;
+				}
+
+				.forminator-col-md-12 {
+					width: 100%;
+					max-width: 100%;
+					flex-basis: 100%;
+				}
+
+				.forminator-no-margin {
+					margin-bottom: -$gutter;
+					.forminator-col {
+						margin-bottom: $gutter;
+					}
+				}
+			}
 
 			&:not(:last-child) {