/** http://gabrieleromanato.com/2012/09/css-media-queries-per-ipad-e-iphone/ **/
/** http://www.smipple.net/snippet/Luis%20Herrero/iOS%20specific%20media%20queries **/
/** http://css-tricks.com/snippets/css/media-queries-for-standard-devices/ **/


/** add ipod!!!??!?!?! is ipod === iphone **/

/** iPhone **/

/** iPhone (landscape) **/
@media screen and (max-width: 480px) {}

/** iPhone (portrait) **/
@media screen and (max-width: 320px) {}



@media only screen and (-webkit-min-device-pixel-ratio: 5.1 ),
  only screen and (min-device-pixel-ratio: 5.1 ) {	
}

/** 3g iPhones and iPods (320 x 480 pixels) **/
@media only screen and (max-device-width: 480px) {}

/** iPhone 4 and iPod Touch **/
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
  only screen and (min-device-pixel-ratio : 1.5) {
}

/** iPhone 4+ **/
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px)
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio : 2) {
}
@media only screen
  and (min-device-width : 320px)
  and (max-device-width : 480px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio : 2) {
}

/** iphone5 and ipod touch 5th gen **/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) {}


/** iPad **/

/** iPad (landscape) **/
@media screen and (max-width: 1024px) {}
/** iPad (landscape) **/
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : landscape) {

}

/** iPad (portrait) **/
@media screen and (max-width: 770px) {}

/** iPad (portrait) **/
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {

}

/** iPad (portrait and landscape) **/
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {

}

/** iPad 3 **/
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : landscape)
  and (-webkit-min-device-pixel-ratio : 2) {
}
@media only screen
  and (min-device-width : 768px)
  and (max-device-width : 1024px)
  and (orientation : portrait)
  and (-webkit-min-device-pixel-ratio : 2) {
}


