/* 	CSS DENSITIES
 *	densities.css 
 *	@Version 2 / 2018-09-18
 *	Android provides basic structure to support these devices by putting them in different density buckets
 *	i.e. ldpi, mdpi, hdpi, xhdpi, xxhdpi and xxxhdpi
 *		* xdpi, 	:are extended densities
 *		* mdpi is base density and 320 X 480 px is the base screen size for mdpi.
 *	@Screen size(s):
 		[name]	  [width x height]	[dpi/x]
 		ldpi		 240 x 320		 36 
 		mdpi		 320 x 480 px	 48
 		hdpi		 480 x 640 px	 72
 		* xdpi		 600 x 800 px	 96
		xhdpi		 640 x 960 px	 96
 		* ydpi		 800 x 1200 px	144
 		xxhdpi 	 	 960 x 1280 px	144
 		* zdpi						192
 		xxxhdpi		1280 x 1920 px	192	
 	--->
 		ico			?	?
 		wweb		?	512 x 512
 */

 .ico.ldpi {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	
	background-size: 36px 36px;
	width: 36px;
    height: 36px;
}
.img.ldpi {
	background-repeat: no-repeat;
	
	background-size: 36px 36px;
    height: 36px;
}

.img.mdpi {
	background-repeat: no-repeat;
	background-size: 48px 48px;
    height: 48px;
}

/* 72 */
.img.hdpi {
	background-repeat: no-repeat;
	background-size: 72px 72px;
    height: 72px;
}

/* 96 */
.logo.xdpi {
	background-repeat: no-repeat;
	background-size: 96px 96px;
    height: 96px;
}
.img.xdpi {
	background-repeat: no-repeat;
	background-size: 96px 96px;
 	width: 96px !important;
    height: 96px;
}

/* 144 */
.logo.ydpi {
	background-repeat: no-repeat;
	background-size: 144px 144px;
    height: 144px;
}
.img.ydpi {
	background-repeat: no-repeat;
	background-size: 144px 144px;
	width: 144px !important;
	height: 144px;
}

/* 192 */
.img.zdpi {
	background-repeat: no-repeat;
	background-size: 192px 192px;
    height: 192px;
}
.ico.zdpi {
	background-repeat: no-repeat;
	background-size: 192px 192px;
	min-width: 192px;
    min-height: 192px;
}

/* 512x */
.img.web {
	background-repeat: no-repeat;
	background-size: 512px 512px;
    height: 512px !important;
}