Device breakpoints define certain width values where the content will behave differently, depending on the screen size of the device (specifically the width) that the visitor to your store is using. These play an important role in ensuring that your content remains responsive.
​

Shogun currently makes use of four different breakpoints to display your content:

These break points are used within the Screen Settings options of Shogun and would also be able to be used within Custom Elements, or custom code within the HTML Element.