/*------------------------------------*\
   GENERIC CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END GENERIC CSS
\*------------------------------------*/ 
/*------------------------------------*\
   RIBBON CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
.ribbon .typography-caption {
	width: 800px;
	margin: auto;
}
@media only screen and (max-width: 1068px) {
	.ribbon .typography-caption {
		width: 400px;
	}
}
@media only screen and (max-width: 734px) {
	.ribbon .typography-caption {
		width: 270px;
	}
}

.ribbon .footnote-supglyph {
    text-underline-offset: -0.28em;
}

/*------------------------------------*\
   END RIBBON CSS
\*------------------------------------*/ 
/*------------------------------------*\
   HERO CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END HERO CSS
\*------------------------------------*/ 
/*------------------------------------*\
   GET TO KNOW IPHONE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
@media only screen and (max-width: 734px) {
	.feature-card-content .feature-card-label+.feature-card-headline {
		font-size: 20px;
	}
}

/*------------------------------------*\
   END GET TO KNOW IPHONE CSS
\*------------------------------------*/ 
/*------------------------------------*\
   COMPARE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

@media only screen and (min-width: 1069px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-left: 25px;
   }
}

@media only screen and (max-width: 1068px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-top: 25px;
      margin-left: 7.5px;
   }
}

@media only screen and (max-width: 734px) {
   .section-select .product-tile-ctas a:last-child {
      display: inline-block;
      margin-top: 10px;
      margin-left: 15px;
   }
   
   .section-select .product-tile-plus {
	margin-top: 0;
   }
}


@media only screen and (max-width: 734px) {
	.section-select .product-tile-plus li:nth-of-type(2) {
    	height: 32px;
	}
}
.section-select .product-tile-plus li:nth-of-type(5) {
    height: 32px;
}

@media only screen and (max-width: 734px) {
	.section-select .product-tile-plus li:nth-of-type(5) {
    	height: auto;
	}
}


/*------------------------------------*\
   END COMPARE CSS
\*------------------------------------*/ 
/*------------------------------------*\
   LATEST MODELS CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END LATEST MODELS CSS
\*------------------------------------*/ 
/*------------------------------------*\
   WHY APPLE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */

#icon-card-trade-in .footnote-supglyph {
    text-underline-offset: -0.28em;
}

@media only screen and (max-width:734px) {
	#icon-card-trade-in .copy-container {
    	width: 208px;
	}
}

.section-header .section-header-headline {
   	max-width: 85%;
}


/*------------------------------------*\
   END WHY APPLE CSS
\*------------------------------------*/ 
/*------------------------------------*\
   IPHONE ESSENTIALS CSS
\*------------------------------------*/


/* MAGSAFE */
/* SCREENS */
/* LOCAL FIXES */
/* END MAGSAFE */



/* AIRTAG */
/* SCREENS */
/* LOCAL FIXES */
/* END AIRTAG */


/*------------------------------------*\
   END IPHONE ESSENTIALS CSS
\*------------------------------------*/ 
/*------------------------------------*\
   IPHONE COMPATIBILITY CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END IPHONE COMPATIBILITY CSS
\*------------------------------------*/ 
/*------------------------------------*\
   ROUTER CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END ROUTER CSS
\*------------------------------------*/ 
/*------------------------------------*\
   FOOTER CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */


/*------------------------------------*\
   END FOOTER CSS
\*------------------------------------*/