Source: https://www.elegantthemes.com/blog/divi-resources/how-to-identify-divis-responsive-breakpoints-and-fine-tune-your-designs-with-media-queries

Divi media queries

Divi 4 media queries for the three default responsive breakpoints. Note that you can change and add custom breakpoints with Divi 5.

/*** -- START Media Queries -- ***/

/* Desktop */
@media all and (min-width: 1025px) {
}

/* Tablet landscape */
@media all and (min-width: 769px) and (max-width: 1024px) {
}

/* Tablet Portrait */
@media all and (min-width: 451px) and (max-width: 768px) {
}

/* Phone */
@media all and (max-width: 450px) {
}

/*** -- END Media Queries -- ***/Code language: CSS (css)

Device sizes

Custom Media Queries.

/*** -- START Media Queries -- ***/

/* Large Desktop */
@media all and (min-width: 1405px) {
}

/* Standard Desktop */
@media all and (min-width: 1100px) and (max-width: 1405px) {
}

/* iPad Landscape */
@media all and (min-width: 981px) and (max-width: 1099px) {
}

/* Tablet Portrait */
@media all and (min-width: 768px) and (max-width: 980px) {
}

/* Phone landscape */
@media all and (min-width: 451px) and (max-width: 767px) {
}

/* -- Phone Large portrait */
@media all and (min-width: 376px) and (max-width: 450px) {
}

/* Phone small portrait */
@media all and (max-width: 375px) {
}

/*** -- END Media Queries -- ***/
Code language: CSS (css)

Device sizes

Device	Width	Height
Laptop	1440	900
iPad	768	1024
iPhone 5	320	568
Nexus 5X	412	732
Google Pixel 7	412	915
Google Pixel 9 + 9a	1080	2424

Keywords: media, query