diff --git a/src/style/readme.md b/src/style/readme.md
index dbb49687d..13be5e54f 100644
--- a/src/style/readme.md
+++ b/src/style/readme.md
@@ -68,6 +68,9 @@
 <ul>
   <li><strong>.d-flex</strong></li> 
   <li><strong>.d-inline-flex</strong></li> 
+  <br>
+  <li><strong>.d-md-flex</strong></li> 
+  <li><strong>.d-lg-flex</strong></li> 
 </ul>
 
 
@@ -81,6 +84,9 @@
   <li><strong>.flex-row-reverse</strong></li> 
   <li><strong>.flex-column</strong></li> 
   <li><strong>.flex-column-reverse</strong></li> 
+  <br>
+  <li><strong>.flex-md-row</strong></li> 
+  <li><strong>.flex-lg-row</strong></li> 
 </ul>
 
 <br>
@@ -89,7 +95,12 @@
 ###  <span id="Flex-justify">Flex-justify</span>
 <br>
 
-<ul><li><strong>.justify-start</strong></li> <li><strong>.justify-end</strong></li> <li><strong>.justify-center</strong></li> <li><strong>.justify-space-between</strong></li> <li><strong>.justify-space-around</strong></li></ul>
+<ul>
+<li><strong>.justify-start</strong></li> <li><strong>.justify-end</strong></li> <li><strong>.justify-center</strong></li> <li><strong>.justify-space-between</strong></li> <li><strong>.justify-space-around</strong></li>
+  <br>
+  <li><strong>.justify-md-start</strong></li> 
+  <li><strong>.justify-lg-start</strong></li> 
+</ul>
 
 
 <br>
@@ -97,7 +108,12 @@
 
 ### <span id="Flex-align">Flex align</span>
 <br>
-<ul><li><strong>.align-start</strong></li> <li><strong>.align-end</strong></li> <li><strong>.align-center</strong></li> <li><strong>.align-baseline</strong></li> <li><strong>.align-stretch</strong></li></ul>
+<ul>
+  <li><strong>.align-start</strong></li> <li><strong>.align-end</strong></li> <li><strong>.align-center</strong></li> <li><strong>.align-baseline</strong></li> <li><strong>.align-stretch</strong></li>
+  <br>
+  <li><strong>.align-md-start</strong></li> 
+  <li><strong>.justialignfy-lg-start</strong></li> 
+</ul>
 
 
 <br>
@@ -106,7 +122,12 @@
 ###  <span id="Flex-align-self">Flex align self</span>
 <br>
 
-<ul><li><strong>.align-start</strong></li> <li><strong>.align-end</strong></li> <li><strong>.align-center</strong></li> <li><strong>.align-baseline</strong></li> <li><strong>.align-stretch</strong></li></ul>
+<ul>
+  <li><strong>.align-start</strong></li> <li><strong>.align-end</strong></li> <li><strong>.align-center</strong></li> <li><strong>.align-baseline</strong></li> <li><strong>.align-stretch</strong></li>
+  <br>
+  <li><strong>.align-md-start</strong></li> 
+  <li><strong>.align-lg-start</strong></li> 
+</ul>
 
 <br>
 <br>
@@ -115,6 +136,9 @@
 <br>
 <ul>
   <li><strong>.flex-nowrap</strong></li> <li><strong>.flex-wrap</strong></li> <li><strong>.flex-wrap-reverse</strong></li> 
+  <br>
+  <li><strong>.flex-md-nowrap</strong></li> 
+  <li><strong>.flex-lg-nowrap</strong></li> 
 </ul>
 
 <hr>
@@ -133,7 +157,11 @@
 ### <span id="Float-direction">Float direction</span>
 <br>
 <ul>
-  <li><strong>.float-left</strong></li> <li><strong>.float-right</strong></li> 
+  <li><strong>.float-left</strong></li> 
+  <li><strong>.float-right</strong></li>
+  <br>
+  <li><strong>.float-md-left</strong></li> 
+  <li><strong>.float-lg-left</strong></li>  
 </ul>