/* PORTRAIT */

/* 640 × 320 - 2x */
@media screen and (orientation:portrait) and (min-device-width: 320px) and (max-device-width: 639px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 320px) and (max-device-width: 639px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 320px) and (max-device-width: 639px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:portrait) and (min-device-width: 320px) and (max-device-width: 639px) and (device-pixel-ratio: 2)
	   {			
			body {
				background-image: url('../../img/bg/background_640.gif');
			}
		}
		
/* 940 × 640 */
@media screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (max-device-pixel-ratio: 1),
	   /* 1.5x */
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (device-pixel-ratio: 1.5)
	   {
			body {
				background-image: url('../../img/bg/background_640.gif');
			}
		}
		
/* 940 × 640 - 1.5x */
@media screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-webkit-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-moz-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (-o-device-pixel-ratio: 3/2),
	   screen and (orientation:portrait) and (min-device-width: 590px) and (max-device-width: 640px) and (device-pixel-ratio: 1.5) 
	   {
			body {
				background-image: url('../../img/bg/background_800.gif');
			}
		}
		
/* 1024 × 768 */
@media screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-webkit-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-o-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (device-pixel-ratio: 1),
       screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (device-pixel-ratio: 2) 	   
	   {  
			   
			body {
				background-image: url('../../img/bg/background_768.gif');
			}		
		}
		
/* 1024 × 768 - 2x - Retina */
@media 	screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-webkit-device-pixel-ratio: 2),
		screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-moz-device-pixel-ratio: 2),
		screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (-o-device-pixel-ratio: 2/1),
		screen and (orientation:portrait) and (min-device-width: 641px) and (max-device-width: 768px) and (device-pixel-ratio: 2) 
		{
			body {
				background-image: url('../../img/bg/background_1536.gif');
			}
		}
		
/* 1280 × 800 - threshold increased from 800 to 954 */
@media screen and (orientation:portrait) and (min-device-width: 769px) and (max-device-width: 954px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (max-device-width: 954px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (max-device-width: 954px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (max-device-width: 954px) and (max-device-pixel-ratio: 1),
	   /* 2x */
 	   screen and (orientation:portrait) and (min-device-width: 769px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (device-pixel-ratio: 2)	    
	   {	   
			body {
				background-image: url('../../img/bg/background_800.gif');
			}
		}

/* 1280 × 800 - 2x */
@media screen and (orientation:portrait) and (min-device-width: 769px) and (-webkit-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (-moz-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (-o-device-pixel-ratio: 2/1),
	   screen and (orientation:portrait) and (min-device-width: 769px) and (device-pixel-ratio: 2) 
	   {	   
			body {
				background-image: url('../../img/bg/background_1600.gif');
			}
		}

/* 1920 × 1080 - border increased from 1080 to 1230 */
@media screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (max-device-pixel-ratio: 1),
	   
	   /* 1.5 x */
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-webkit-min-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (min--moz-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-o-min-device-pixel-ratio: 3/2),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (min-device-pixel-ratio: 1.5),
	   
	   screen and (orientation:portrait) and (min-device-width: 477px) and (max-device-width: 615px) and (-webkit-min-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 477px) and (max-device-width: 615px) and (min--moz-device-pixel-ratio: 2),
	   screen and (orientation:portrait) and (min-device-width: 477px) and (max-device-width: 615px) and (-o-min-device-pixel-ratio: 2/1),
	   screen and (orientation:portrait) and (min-device-width: 477px) and (max-device-width: 615px) and (min-device-pixel-ratio: 2),
		
	   screen and (orientation:portrait) and (min-device-width: 318px) and (max-device-width: 410px) and (-webkit-min-device-pixel-ratio: 3),
	   screen and (orientation:portrait) and (min-device-width: 318px) and (max-device-width: 410px) and (min--moz-device-pixel-ratio: 3),
	   screen and (orientation:portrait) and (min-device-width: 318px) and (max-device-width: 410px) and (-o-min-device-pixel-ratio: 3/1),
	   screen and (orientation:portrait) and (min-device-width: 318px) and (max-device-width: 410px) and (min-device-pixel-ratio: 3),

	   /* for wrong CSS device sizes (i.e. standard HTC One M7 Browser) */
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-webkit-device-pixel-ratio: 3),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-moz-device-pixel-ratio: 3),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-o-device-pixel-ratio: 3/1),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (device-pixel-ratio: 3) 
	   {
			body {
				background-image: url('../../img/bg/background_1080.gif');
			}
		}

/* 1920 × 1080 - 1.5x */
@media screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-webkit-min-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (min--moz-device-pixel-ratio: 1.5),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (-o-min-device-pixel-ratio: 3/2),
	   screen and (orientation:portrait) and (min-device-width: 955px) and (max-device-width: 1230px) and (min-device-pixel-ratio: 1.5) 
	   {	
			body {
				background-image: url('../../img/bg/background_1600.gif');
			}
		}
		
/* 2048 × 1536 */
@media screen and (orientation:portrait) and (min-device-width: 1231px) and (max-device-width: 1537px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 1231px) and (max-device-width: 1537px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 1231px) and (max-device-width: 1537px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 1231px) and (max-device-width: 1537px) and (max-device-pixel-ratio: 1)
	   {	   
			body {
				background-image: url('../../img/bg/background_1536.gif');
			}
		}
		
/* 2560 x 1600 */
@media screen and (orientation:portrait) and (min-device-width: 1538px) and (-webkit-max-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 1538px) and (max--moz-device-pixel-ratio: 1),
	   screen and (orientation:portrait) and (min-device-width: 1538px) and (-o-max-device-pixel-ratio: 1/1),
	   screen and (orientation:portrait) and (min-device-width: 1538px) and (max-device-pixel-ratio: 1)
	   {	   
			body {
				background-image: url('../../img/bg/background_1600.gif');
			}
		}