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


/* SCREENS */
/* LOCAL FIXES */


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


/* SCREENS */
/* LOCAL FIXES */
.ribbon .typography-caption {
	width: 830px;
	margin: auto;
}
@media only screen and (max-width: 1068px) {
	.ribbon .typography-caption {
		width: 360px;
	}
}
@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 */


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


/* SCREENS */
/* LOCAL FIXES */

.product-tile-ctas.product-tile-padding {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

@media only screen and (max-width: 734px) {
    .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 */
@media only screen and (max-width:1068px) {
	.section-banner .section-header-headline {
		width: 570px;
		max-width: 570px;
	}
}
@media only screen and (max-width:734px) {
	.section-banner .section-header-headline {
		width: 100%;
		max-width: 100%;
	}
}
/*------------------------------------*\
   END LATEST MODELS CSS
\*------------------------------------*/ 
/*------------------------------------*\
   WHY APPLE CSS
\*------------------------------------*/


/* SCREENS */
/* LOCAL FIXES */
#icon-card-trade-in .footnote-supglyph {
    text-underline-offset: -0.28em;
}

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

/*------------------------------------*\
   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
\*------------------------------------*/