Mobile screens

Screen width 991 pixels and smaller

All 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.

Screen width 767 pixels and smaller

All 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 only on 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 class names that effect only this breakpoint: bp-XXS__
It can for example be used to go ones again back to center align a text on the smallest 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, to finally a 1 column layout.