/*iPad Media Queries (All generations - including iPad mini)
Thanks to Apple's work in creating a consistent experience for users, and easy time for developers, all 5 different iPads (iPads 1-5 and iPad mini) can be targeted with just one CSS media query. The next few lines of code should work perfect for a responsive design.*/

/* iPad in portrait & landscape */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
	 .some-style{
	 	color:#000;
	 }
}

/*iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	 .some-style{
	 	color:#000;
	 }
}

/*iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	 .some-style{
	 	color:#000;
	 }
}

/*iPad 3 & 4 Media Queries*/
/*If you're looking to target only 3rd and 4th generation Retina iPads (or tablets with similar resolution)
to add @2x graphics, or other features for the tablet's Retina display, use the following media queries.*/

/*Retina iPad in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
	 .some-style{
	 	color:#000;
	 }
}

/*Retina iPad in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) {
	 .some-style{
	 	color:#000;
	 }
}

/*Retina iPad in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
	 .some-style{
	 	color:#000;
	 }
}

/*iPad 1 & 2 Media Queries*/
/*If you're looking to supply different graphics or choose different typography for the lower
resolution iPad display, the media queries below will work like a charm in your responsive design!*/

/*iPad 1 & 2 in portrait & landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio: 1){
	 .some-style{
	 	color:#000;
	 }
}

/*iPad 1 & 2 in landscape*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	 .some-style{
	 	color:#000;
	 }
}

/*iPad 1 & 2 in portrait*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
	 .some-style{
	 	color:#000;
	 }
}