style.css

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

/* Monitor - No Bookmarks Bar */
@media screen and (min-width: 1800px) and (min-height: 938px) {
}

/* Monitor - Fullscreen */
@media screen and (min-width: 1800px) and (min-height: 1000px) {
}

/* Laptop - Bookmarks Bar */
@media screen and (max-width: 1800px) {
}

/* Laptop - No Bookmarks Bar */
@media screen and (min-width: 1300px) and (max-width: 1799px) and (min-height: 760px) {
}

/* Laptop - Fullscreen */
@media screen and (min-width: 1300px) and (max-width: 1799px) and (min-height: 800px) {
}

/* Laptop - 1366 x 768 - Bookmarks Bar */
@media screen and (width: 1366px) {
}

/* Laptop - 1366 x 768 - No Bookmarks Bar */
@media screen and (width: 1366px) and (min-height: 720px) {
}

/* Laptop - 1366 x 768 - Fullscreen */
@media screen and (width: 1366px) and (min-height: 759px) {
}

/* iPad - Horizontal */
@media screen and (min-width: 900px) and (max-width: 1025px) {
}

/* iPad */
@media screen and (max-width: 769px) {
}

/* Large Smartphone (Vertical) */
@media screen and (max-width: 600px) {
}

/* Large Smartphone (Horizontal) */
@media screen and (max-width: 850px) and (max-height: 500px) {
}

/* iPhone X - Horizontal*/
@media screen and (max-width: 724px) and (max-height: 376px) {
}

/* iPhone X */
@media screen and (max-width: 376px) {
}

/* iPhone 6/7/8 */
@media screen and (max-width: 376px) and (max-height: 668px) {
}

/* iPhone 6/7/8 - Horizontal */
@media screen and (max-width: 668px) and (max-height: 376px) {
}