/* ---------------------------------------------------
iPhone 4 and 4S -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) 
  and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {

}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 5 and 5S -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) 
  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}

/* Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {

}


/* ---------------------------------------------------
iPhone 6 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) 
  and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { 

}

/* Portrait */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { 
	  
	  div.product div.summary, .woocommerce-page #content div.product div.summary, 
	  .woocommerce-page div.product div.summary {width: 100% !important;}

}

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 

}


/* ---------------------------------------------------
iPhone 6+ -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) 
  and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) { 
	  
	  .collections-area ul li{width: 31% !important; margin: 0 1.5% 10px 0 !important;}
	  .collections-area ul li:nth-child(5n+5) {margin: 0 1.5% 10px 0 !important;}

	  .woocommerce ul.products li.product{width: 31% !important; margin: 0 1.5% 10px 0 !important;}
	  .collections-area ul li:nth-child(5n+5) {margin: 0 1.5% 10px 0 !important;  }
	  
	  div.product div.summary, .woocommerce-page #content div.product div.summary, 
	  .woocommerce-page div.product div.summary {width: 100% !important;}
	  


}

/* Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) 
and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) { 
	.woocommerce-breadcrumb, .textwidget{ font-size: 8px !important; }


}








/* ---------------------------------------------------
 Galaxy S3 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {

}

/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {


}

/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) {

}

/* ---------------------------------------------------
Galaxy S4 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {

}



/* Portrait */
@media screen and (device-width: 320px) and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {


}



/* Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}



/* ---------------------------------------------------
Galaxy S5 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) {

}



/* Portrait */
@media screen and (device-width: 360px)  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  
  
}



/* Landscape */
@media screen and (device-width: 360px) and (device-height: 640px)  and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {

}









/* ---------------------------------------------------
 iPad 1 and 2 -----------
--------------------------------------------------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {

}


/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {

}


/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {

}


/* ---------------------------------------------------
iPad 3 and 4 -----------
--------------------------------------------------- */

/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}


/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
  and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}


