// screen and (max-width: 480px) @include media-query(palm) { ... } // screen and (min-width: 481px) and (max-width: 1023px) @include media-query(lap) { ... } // screen and (min-width: 481px) @include media-query(lap-and-up) { ... } // screen and (max-width: 1023px) @include media-query(portable) { ... } // screen and (min-width: 1024px) @include media-query(desk) { ... } // screen and (min-width: 1280px) @include media-query(desk-wide) { ... } // screen and (min-width: 1920px) @include media-query(full-hd) { ... } // (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) @include media-query(retina) { ... }