/* ===========================================
	MediaQuery for JS
=========================================== */

/*	v7 and v8
============================== */

div#checker {display:none;}
@media all and (max-width: 0) {
div#checker {width:0;}
}
@media all and (min-width: 1px) and (max-width: 319px) {
div#checker {width:1px;}
}
@media all and (min-width: 320px) and (max-width: 479px) {
div#checker {width:2px;}
}
@media all and (min-width: 480px) and (max-width: 639px) {
div#checker {width:2px;}
}
@media all and (min-width: 640px) and (max-width: 767px) {
div#checker {width:2px;}
}
@media all and (min-width: 768px) and (max-width: 979px) {
div#checker {width:3px;}
}
@media all and (min-width: 980px) {
div#checker {width:4px;}
}
@media all and (orientation: portrait) {
div#checker {height:1px;}
}
@media all and (orientation: landscape) {
div#checker {height:2px;}
}


/*	v9
============================== */

div#checker9 {display:none;}
@media all and (max-width: 0) {
div#checker9 {width:0;}
}
@media all and (min-width: 1px) and (max-width: 575.98px) {
div#checker9 {width:1px;}
}
@media all and (min-width: 576px) and (max-width: 767.98px) {
div#checker9 {width:2px;}
}
@media all and (min-width: 768px) and (max-width: 991.98px) {
div#checker9 {width:3px;}
}
@media all and (min-width: 992px) and (max-width: 1199.98px) {
div#checker9 {width:4px;}
}
@media all and (min-width: 1200px) {
div#checker9 {width:5px;}
}
@media all and (orientation: portrait) {
div#checker9 {height:1px;}
}
@media all and (orientation: landscape) {
div#checker9 {height:2px;}
}