Katana Theme CSS Media Queries

ADVANCED GUIDE: FOR WEB DESIGNERS AND DEVELOPERS

For our Katana themes, you can use the following CSS media queries as a reference:

/* Mobile First Media Queries
-------------------------------------------------- */


/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}