/* MEDIAQUERIES*/


/*Retina displays*/

@media all and (-webkit-min-device-pixel-ratio:2) {

	#sampleImage{
		/*background-image:url('logo@2x.png');
		-webkit-background-size:1000px 100px;	*/
	}

}

/* Since IE does not support device-pixel-ratio media query  */

/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi){ 
		/* Styling Goes here */
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi){ 
		/* Styling Goes here */
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){ 
		/* Styling Goes here */
}

/*2.0 dpr */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){ 
		/* Styling Goes here */
}

/* ----------------------------------------------------------*/

/* iPad */
@media all and (device-width: 768px) and (device-height: 1024px) {
	.uk-navbar-nav > li > a {
		padding: 4px 15px 0 15px;
	}
}

/* iPad ~ Portrait */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	
}

/* iPad ~ Landscape */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	
}

/* ----------------------------------------------------------*/

/* iPhone/Smartphone ~ Portrait */
@media only screen and (max-width: 767px) {
	
}

/* iPhone/Smartphone ~ Landscape */

@media only screen and (min-width: 480px) and (max-width: 767px) {
	
}


/* ----------------------------------------------------------*/


/* Other Smartphones / Small Screen ~ Portrait and Landscape */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	#sampleDiv{ /* Your styling goes here */  }
}

/* Other Smartphones / Small Screen ~  Landscape */
@media only screen and (min-width : 321px) {
	#sampleDiv{ /* Your styling goes here */  }
}

/* Other Smartphones / Small Screen ~  Portrait */
@media only screen and (max-width : 320px) {
	#sampleDiv{ /* Your styling goes here */  }
}