Mobile screens

Screen width 991 pixels and smaller

All predefined class names that effect this breakpoint and smaller start with: bp‑S__
It can for example be used to center a text only on mobile screens, or to go from a 6 column layout to a 3 column layout (12 / 4 = 3).

Screen width 767 pixels and smaller

All predefined class names that effect this breakpoint and smaller start with: bp‑XS__
It can for example be used to go back to left align a text for these screen sizes, or to go from a 6 column layout on desktop, to a 3 column layout on tablet, to a 2 column layout on mobile landscape.

Screen width between 478 and 360 pixels

All predefined class names that effect only this breakpoint start with: bp‑XXS__
It can for example be used to center align a text only on this smallest screens, or to go from a 6 column layout on desktop, to a 3 column layout on tablet, to a 2 column layout on mobile landscape, to finally a 1 column layout on mobile portrait format.