/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
.showcase .grid-container {
	  margin-top: 25%;
  }
  .social {
	   bottom: 10px !important;
   }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.showcase .grid-container {
	  margin-top: 25%;
  }
  .social {
	   bottom: 10px !important;
   }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
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) {
/* Styles */
}

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

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* 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) {
/* Styles */
}

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

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

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

/* iPhone SE 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.showcase .grid-container {
	  margin-top: 25%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END iPhone SE 6, 7, 8 ----------- */

/* iPhone 6+, 7+, 8+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone X ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* iPhone XS Max, XR ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.showcase .grid-container {
	  margin-top: 20%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 414px) and (max-device-height: 896px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END iPhone XS Max, XR ----------- */

/* iPhone 12 PRO ----------- */
@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.showcase .grid-container {
	  margin-top: 20%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 390px) and (max-device-height: 844px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END iPhone 12 PRO ----------- */

/* iPhone 14 PRO Max ----------- */
@media only screen and (min-device-width: 430px) and (max-device-height: 932px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
.showcase .grid-container {
	  margin-top: 20%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 430px) and (max-device-height: 932px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END iPhone 14 PRO Max ----------- */

/* Pixel 7 ----------- */
@media only screen and (min-device-width: 412px) and (max-device-height: 915px) and (orientation : landscape) {
.showcase .grid-container {
	  margin-top: 20%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 412px) and (max-device-height: 915px) and (orientation : portrait){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END Pixel 7 ----------- */


/* Samsung Galaxy S8 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation : landscape){
.showcase .grid-container {
	  margin-top: 25%;
  }
  .social {
	   bottom: 10px !important;
   }
}


@media only screen and (min-device-width: 360px) and (max-device-height: 740px) and (orientation : portrait){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}

/* END Samsung Galaxy S8 ----------- */


/* Galaxy Z Fold 5 ----------- */
@media only screen and (min-device-width: 344px) and (max-device-height: 882px) and (orientation : landscape){
.showcase .grid-container {
	  margin-top: 20%;
  }
  .social {
	   bottom: 10px !important;
   }
}

@media only screen and (min-device-width: 344px) and (max-device-height: 882px) and (orientation : portrait){
.showcase .grid-container {
	  margin-top: 50%;
  }
  .social {
	   bottom: 10px !important;
   }
}
/* END Galaxy Z Fold 5 ----------- */


/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
.showcase .grid-container {
	  margin-top: 23%;
  }
  
  .social {
	   bottom: 10px !important;
   }
}

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

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}
/* end Arreglo Device centrado cuadros verticales */


	/* Responsive */ 
 @media (max-width: 991px) {
	 .grid-container {
		 margin-top: 20%;
	 }
 }
 
 @media (max-width: 700px) {
	   .grid-container {
		   margin-top: 30%;
	   }
   }
 
 @media (max-width: 460px) {
	  .grid-container {
		  margin-top: 40%;
	  }
  }
/* end Responsive */