Though we offer the ability to add custom CSS for each device width under Customize > Advanced > Custom CSS, the following are CSS media queries in pixel value for each device width's breakpoint:
Desktop Wide:
@media screen and (min-width: 1170px) {
/* your code here */
}
Desktop:
@media screen and (max-width: 1169px) and (min-width: 992px) {
/* your code here */
}
Tablet Wide:
@media screen and (max-width: 991px) and (min-width: 768px) {
/* your code here */
}
Tablet Portrait:
@media screen and (max-width: 767px) and (min-width: 544px) {
/* your code here */
}
Mobile:
@media screen and (max-width: 543px) {
/* your code here */
}