/*max-width ikut browser size, bukan screen size*/

#resCheck {width:20px;height:10px;background-color:black;}
#ALL {display:block;margin:auto;}
@media only screen AND (orientation:landscape) AND (min-width:790px) AND (max-width:810px) /* SVGA 800*/
   {
	#resCheck { background-color:gray;}
   }
@media only screen AND (orientation:landscape) AND (min-width:811px) AND (max-width:1100px) /* XGA 1024*/
   {
	#resCheck { background-color:red;}
   }
@media only screen AND (orientation:landscape) AND (min-width:1101px) AND (max-width:1300px) /* 720p 1280 */
   {
	#resCheck { background-color:green;}
   }
@media only screen AND (orientation:landscape) AND (min-width:1301px) AND (max-width:1500px) /* WXGA+ 1440 */
   {
	#resCheck { background-color:blue;}
   }
@media only screen AND (orientation:landscape) AND (min-width:1501px) AND (max-width:2000px) /* Full HD 1920 */
   {
	#resCheck { background-color:orange;}
   }
@media only screen AND (orientation:landscape) AND (min-width:2001px) AND (max-width:2100px) /* 2k 2048 */
   {
	#resCheck { background-color:purple;}
   }

@media only screen AND (orientation:landscape) AND (min-width:2101px) AND (max-width:2600px) /* WQXGA 2560*/
   {
	#resCheck { background-color:turquoise;}
   }
@media only screen AND (orientation:landscape) AND (min-width:2601px) AND (max-width:3900px) /* 4k 3840*/
   {
	#resCheck { background-color:pink;}
   }


@media only screen AND (orientation:portrait)
   {
	#resCheck { background-color:lightgreen;}
   }