/* Rise 360 most common media queries */
/* mobile first */
/* Small Devices, Phones */
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 540px) {
}
/* Small Devices */
@media only screen and (min-width: 780px) {
}
/* Medium Devices, Desktops, sidebar menu breakpoint */
@media only screen and (min-width: 960px) {
}
/* Medium Devices, Tablets */
@media only screen and (min-width: 980px) {
}
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1020px) {
}
@media only screen and (min-width: 1200px) {
}
/* mobile last */
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199.98px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1019.98px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 967.98px) {
}
/* Small Devices, sidebar menu collapses */
@media only screen and (max-width : 959.98px) {
}
@media only screen and (max-width : 767.98px) {
}
/* Small Devices, Phones */
@media only screen and (max-width : 539.98px) {
}
@media only screen and (max-width : 479.98px) {
}
Rise 360 media queries
Getting started with theme components? Download the blank theme component css file.
Watch: installing a theme component.
Tags: