/*------------------------------------*\
   HERO CSS
\*------------------------------------*/

/* IPHONE 13 PRO */

/* SCREENS */

/* LOCAL FIXES */

/* END IPHONE 13 PRO */

/* IPHONE 13 */

/* SCREENS */

/* LOCAL FIXES */

/* END IPHONE 13 */

/* iPhone 14 and 14 plus Hero */
.tile-iphone-14 .hero-bgimage {
	background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_large.jpg);
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_large_2x.jpg);
	}
}
@media only screen and (max-width: 1068px) {
	.tile-iphone-14 .hero-bgimage {
		width: 529px;
		height: 481px;
		background-size: 529px 481px;
		background-repeat: no-repeat;
		background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_medium.jpg);
	}
}
@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_medium_2x.jpg);
	}
}
@media only screen and (max-width: 734px) {
	.tile-iphone-14 .hero-bgimage {
		width: 349px;
		height: 317px;
		background-size: 349px 317px;
		background-repeat: no-repeat;
		background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_small.jpg);
	}
}
@media only screen and (max-width: 734px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	.tile-iphone-14 .hero-bgimage {
		background-image: url(/hr/iphone/home/images/overview/hero/iphone_14_hero__ceub5xriecgi_small_2x.jpg);
	}
}

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

/*------------------------------------*\
   COMPARE CSS
\*------------------------------------*/

/* SCREENS */

/* LOCAL FIXES */

/*------------------------------------*\
   END COMPARE CSS
\*------------------------------------*/

/*------------------------------------*\
   WHY IPHONE CSS
\*------------------------------------*/

/* APPLE ARCADE HALF WIDTH TILE */

/* SCREENS */

/* LOCAL FIXES */

/* END APPLE ARCADE HALF WIDTH TILE */

/* APPLE MUSIC HALF WIDTH TILE */

/* SCREENS */

/* LOCAL FIXES */

.tile-apple-arcade .trial-cta {
	margin-top: 0.8em;
	display: inline-block;
	margin-left: 15px;
	margin-right: 15px;
}

br.xsmall {
	display: none;
}

@media only screen and (max-width: 734px) {
	.tile-apple-music .image-wrapper {
		margin-top: 20px;
	}
}
@media only screen and (max-width: 1068px) {
	.tile-apple-music .image-wrapper {
		height: 180px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-apple-music .image-wrapper {
		height: 287px;
	}
}

.tile-apple-music .tile-cta {
	margin-top: 0px;
}

@media only screen and (max-width: 1068px) {
	.tile-apple-music .tile-cta {
		margin-top: 0px;
	}

	.no-js .tile-apple-arcade .content-wrapper, .tile-apple-arcade .content-wrapper.hide {
		background-position: center 260px;
	}

	.tile-apple-arcade .links-inline li:last-child .tile-cta {
		margin-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.tile-apple-music .tile-cta {
		margin-top: 0px;
	}
}
/* END APPLE MUSIC HALF WIDTH TILE */

/*------------------------------------*\
   END WHY IPHONE CSS
\*------------------------------------*/
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.tile-apple-arcade .arcade-games {
		margin-top: 51px;
	}
}

@media only screen and (min-width: 1069px) {
	.tile-apple-arcade .tile-copy-1 {
		max-width: 430px;
		padding-left: 5px;
	}
}

/* se */
@media only screen and (max-width: 325px) {
	br.xsmall {
		display: block;
	}
}