css media
/* ================================================ */
/* Responsive - Media queries */
/* Based on: */
/* http://lab.maltewassermann.com/viewport-resizer/ */
/* ================================================ */
/* ============================================== */
/* HDTV */
/* 1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Widescreen */
/* 1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Twitter Bootstrap */
/* 980x */
/* ============================================== */
@media screen and (min-width: 980px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Twitter Bootstrap */
/* x979 */
/* ============================================== */
@media screen and (max-width: 979px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Landscape & Portrait */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Landscape */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Portrait */
/* 768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Small Tablet Landscape/Portrait */
/* 800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone5/Android landscape (& narrow browser) */
/* 568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone4/Android landscape (& narrow browser) */
/* 480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone4/Android portrait 320x480 */
/* iPhone5 portrait 320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Smaller devices */
/* Android Landscape 320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Smaller devices */
/* Android Portrait 240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* Responsive - Media queries */
/* Based on: */
/* http://lab.maltewassermann.com/viewport-resizer/ */
/* ================================================ */
/* ============================================== */
/* HDTV */
/* 1920x1080 */
/* ============================================== */
@media screen and (min-width: 1080px) and (max-width: 1920px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Widescreen */
/* 1280x800 */
/* ============================================== */
@media screen and (min-width: 800px) and (max-width: 1280px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Twitter Bootstrap */
/* 980x */
/* ============================================== */
@media screen and (min-width: 980px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Twitter Bootstrap */
/* x979 */
/* ============================================== */
@media screen and (max-width: 979px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Landscape & Portrait */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Landscape */
/* 1024x768 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPad Portrait */
/* 768x1024 */
/* ============================================== */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Small Tablet Landscape/Portrait */
/* 800x600 */
/* ============================================== */
@media screen and (min-width: 600px) and (max-width: 800px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone5/Android landscape (& narrow browser) */
/* 568x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:568px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone4/Android landscape (& narrow browser) */
/* 480x320 */
/* ============================================== */
@media screen and (min-width: 320px) and (max-width:480px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* iPhone4/Android portrait 320x480 */
/* iPhone5 portrait 320x568 */
/* ============================================== */
@media screen and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Smaller devices */
/* Android Landscape 320x240 */
/* ============================================== */
@media screen and (min-width:240px) and (max-width:320px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}
/* ============================================== */
/* Smaller devices */
/* Android Portrait 240x320 */
/* ============================================== */
@media screen and (max-width:240px) {
/* ADD YOUR CSS ADJUSTMENTS BELOW HERE */
. . .
}