/* Local Overrides */

/* ribbon */

@media only screen and (max-width: 359px) {
	.section-hero .ribbon-neutral-alt .ribbon-content .column {
		max-width: 280px;
	}
}

/* DP */

.sosumi-link-follows,
.sosumi-link-follows ~ .footnote {
	display: none;
}

.sosumi-link-follows[data-pricing-loaded],
.sosumi-link-follows[data-pricing-loaded] ~ .footnote {
	display: inline;
}
@media only screen and (max-width: 1068px) {
	.atv-4k .tile-price {
		max-width: 235px;
		margin-left: auto;
		margin-right: auto;
	}
}
/* hero section */
.section-hero .typography-hero-intro {
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 734px) {
	.section-hero {
		padding-bottom: 0;
	}
}

.section-hero .hardware-lockup {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.section-hero .overview-hero-tv {
	position: relative;
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 1725px;
	--p-height: 384px;
	max-width: calc(100vw - 20px);
	height: auto;
}

@media only screen and (max-width: 1068px) and (max-width: 1068px) {
	.section-hero .overview-hero-tv {
		--p-width: 907px;
		--p-height: 202px;
	}
}

@media only screen and (max-width: 734px) and (max-width: 734px) {
	.section-hero .overview-hero-tv {
		--p-width: 497px;
		--p-height: 150px;
	}
}

.section-hero .device-lockup {
	display: flex;
	flex-direction: row;
	align-items: center;
	overflow: unset;
	max-width: calc(100vw - 20px);
	padding-top: 0;
	margin-top: 67px;
	margin-bottom: 0;
	background-color: #f5f5f7;
}

@media only screen and (max-width: 1068px) {
	.section-hero .device-lockup {
		margin-top: 40px;
		margin-bottom: -8px;
	}
}

@media only screen and (max-width: 734px) {
	.section-hero .device-lockup {
		margin-top: 15px;
		margin-bottom: 6px;
	}
}

.section-hero .overview-hero.hero-picture {
	position: relative;
	height: 100%;
	width: 100vw;
}

.section-hero .overview-hero-tv img {
	margin: 0 auto;
	display: block;
	width: 100%;
	max-width: 100%;
	opacity: 1;
}

.no-enhance-base-xp .section-hero .overview-hero-tv img {
	opacity: 1;
}

.section-hero .hero-picture {
	position: relative;
	height: 100%;
	width: 100vw;
	--p-width: 100vw;
	--p-height: 100%;
	margin: 0 auto;
}

.section-hero .hero-picture img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
}

.section-hero .large-centered {
	z-index: 1 !important;
}

.section-hero .section-caption.typography-hero-caption {
	margin-top: 0.6em;
	line-height: 20.00028px;
}

.section-hero .section-caption.typography-hero-caption a {
	font-weight: 600;
	line-height: 20.00028px;
	font-size: 14px;
	color: #86868b;
}

.section-hero .section-caption.typography-hero-caption .icon-copy,
.section-hero .section-caption.typography-hero-caption .icon-after {
	line-height: 20.00028px;
}

@media only screen and (max-width: 734px) {
	.section-hero .section-caption.typography-hero-caption a {
		font-size: 12px;
		line-height: 17px;
	}

	.section-hero .section-caption.typography-hero-caption {
		line-height: 17px;
		margin-top: 0.43em;
		letter-spacing: 0;
	}

	.section-hero .section-caption.typography-hero-caption .icon-copy,
	.section-hero .section-caption.typography-hero-caption .icon-after {
		line-height: 17px;
	}
}

/* end of hero section */

.section-flex-tiles .grid-item.half-width.atv-4k .tile-caption {
	margin-top: 20px;
	color: #86868b;
}

@media only screen and (max-width: 734px) {
	.grid-item.atv-4k.half-width .copy-wrapper {
		padding-top: 5px !important;
	}
}

@media only screen and (min-width: 1069px) {
	.overview-your-home-at-your-command {
		padding-left: 150px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.overview-your-home-at-your-command {
		padding-left: 107px;
	}
	.section-flex-tiles .atv-4k .tile-cta {
		margin-top: 1.7em;
	}
}
@media only screen and (max-width: 734px) {
	.overview-your-home-at-your-command {
		padding-left: 3px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles.pl-alignment .atv-4k .picture-wrapper img {
		width: auto;
		max-width: none;
	}
}

/* TV and HomePod tile height */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile,
	.section-flex-tiles .home-app .tile {
		height: 600px;
	}
}
@media only screen and (min-width: 1069px) {
	.section-flex-tiles .atv-4k .tile,
	.section-flex-tiles .home-app .tile {
		height: 800px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile-cta {
		margin-top: 26.5px;
	}
}

.section-flex-tiles .tile .tile-headline {
	margin-top: 12px;
}

html.text-zoom .section-flex-tiles .tile .tile-headline {
	font-size: 34px;
}

@media only screen and (max-width: 1068px) {
	html.text-zoom .section-flex-tiles .tile .tile-headline {
		font-size: 22px;
	}
}

.section-flex-tiles .grid .grid-item.half-width .tile-content .copy-wrapper {
	margin-right: 0;
	padding-top: 47px;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper {
		padding-top: 30px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper {
		padding-top: 25px;
	}
}

.section-flex-tiles .atv-4k .tile-headline {
	max-width: 455px;
	margin-top: 7px;
}

.section-flex-tiles .homepod-mini .tile-headline {
	max-width: 400px;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 500px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .atv-4k .tile-headline {
		max-width: 282px;
	}
}

.section-flex-tiles .homepod-mini .tile-content {
	padding-top: 11px;
}

@media only screen and (max-width: 1068px) {
	.section-flex-tiles .homepod-mini .tile-content {
		padding-top: 0px;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile-content {
		padding-top: 0px;
	}
}

.section-flex-tiles
	.grid
	.atv-4k.grid-item.half-width
	.tile-content
	.copy-wrapper {
	padding-top: 47px;
}

.section-flex-tiles .atv-4k .typography-product-tile-eyebrow {
	padding-top: 2px;
}

/* Home app screen  */

@media only screen and (max-width: 734px) {
	.section-flex-tiles.pl-alignment .homepod-mini .picture-wrapper img {
		width: auto;
		max-width: none;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile .tile-cta {
		padding-bottom: 20px;
	}
}

/* accessories */

.section-accessories .section-gallery,
.section-smart-home .section-gallery {
	margin: auto;
	width: auto;
}
.section-accessories .section-gallery .gallery-content {
	padding-right: 4px;
}
.section-accessories .section-item-container .tile-content {
	padding: 34px 6.3% 0;
}

/* Accesory Tiles height */
@media screen and (min-width: 1680px) {
	.section-accessories .section-gallery .item-container {
		max-width: 1200px !important;
		margin: auto;
	}
}

@media only screen and (max-width: 1068px) and (min-width: 734px) {
	.section-accessories .section-item-container .tile-content,
	.section-smart-home .section-item-container .tile-content {
		min-height: 493px;
		max-width: 1200px;
	}
}

@media only screen and (max-width: 1068px) {
	.section-accessories .section-gallery-long .gallery-item {
		min-height: 520px;
	}
}

/* Free trial button alignment */
.section-big-screen .section-services .service-tile-headline {
	min-height: 100px;
}
.section-big-screen .section-services .service-tile-ctas {
	height: 75px;
	justify-content: flex-end;
}
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-services .service-tile-headline {
		min-height: auto;
	}
	.section-big-screen .section-services .service-tile-ctas {
		height: auto;
		justify-content: initial;
	}
	.section-big-screen .section-services .tv .service-tile-headline {
		max-width: 220px;
	}
	.section-big-screen .section-services .fitness .service-tile-ctas {
		margin-top: 35px;
	}
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-services .tv .service-tile-headline {
		max-width: 270px;
	}
	.section-big-screen .section-services .fitness .service-tile-ctas {
		margin-top: 0.8em;
	}
}
@media only screen and (max-width: 320px) {
	.section-big-screen .section-services .service-tile-button {
		margin-bottom: 14px;
	}
	.section-big-screen .section-services .service-tile-ctas a + a {
		margin-left: 5px;
	}
}

/* Geo Alt Big Screen Caption */
.section-big-screen .section-geo-alt-caption .geo-alt-caption {
	max-width: 1098px;
	margin: -0.7em auto 0;
	padding: 0 95px;
}
.section-big-screen .section-geo-alt-caption {
	position: relative;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 27px;
	color: #6e6e73;
	display: block;
	width: 100%;
}
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-geo-alt-caption .geo-alt-caption {
		max-width: 615px;
		margin-top: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 1em;
	}
}
.section-big-screen .section-geo-alt-caption a {
	font-weight: 500;
	color: #6e6e73;
	text-decoration: none;
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-geo-alt-caption {
		display: none;
	}
}
@media only screen and (max-width: 734px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		display: block;
		text-align: center;
		bottom: 25px;
	}
}
@media only screen and (max-width: 375px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		bottom: 18px;
	}
}
@media only screen and (max-width: 375px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption p {
		font-size: 12px;
	}
}
@media only screen and (min-width: 735px) {
	.section-big-screen .section-geo-alt-caption.inside-grid-caption {
		display: none;
	}
}

/* XS cta padding */
@media only screen and (max-width: 375px) {
	.section-big-screen .section-services .service-tile-button {
		margin-bottom: 14px;
	}
}

/* section-content */
@media only screen and (max-width: 1068px) {
	.section-big-screen .section-services .service-tile-headline {
		padding: 0 30px;
	}
}

/*video cta*/
.video-wrapper .typography-cta.cta .icon-wrapper {
	font-size: 14px;
	color: #999;
	padding-bottom: 20px;
	padding-top: 15px;
}

@media only screen and (min-width: 1069px) {
	.video-wrapper .typography-cta.cta .icon-wrapper {
		display: inline-block;
		margin-left: 7em;
		padding-bottom: 20px;
		padding-top: 15px;
	}
}

/*apple tv 4k tile*/
.section-flex-tiles .tile .tile-availability {
	margin-top: 0.8em;
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile-headline {
		max-width: 260px;
	}
}

@media only screen and (max-width: 350px) {
	.section-flex-tiles .homepod-mini .tile-headline {
		font-size: 23px;
	}
}

/*apple-tv-4k pricing*/
@media only screen and (max-width: 1068px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 14%;
		padding-right: 14%;
	}
}

@media only screen and (max-width: 734px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 15% !important;
		padding-right: 15% !important;
	}
}

@media only screen and (max-width: 380px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 75%;
		padding-left: 10% !important;
		padding-right: 10% !important;
	}
}

@media only screen and (max-width: 365px) and (min-width: 351px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 78%;
		padding-left: 9% !important;
		padding-right: 9% !important;
	}
}

@media only screen and (max-width: 350px) {
	.section-flex-tiles
		.grid
		.grid-item.half-width
		.tile-content
		.copy-wrapper
		.hero-copy-pricing {
		max-width: 87%;
		padding-left: 3% !important;
		padding-right: 3% !important;
	}
}

/* Big Screen CTAs Campaign */
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.section-big-screen
		.section-services.custom_cta_layout
		.service-tile-ctas
		a,
	.section-big-screen
		.section-services.custom_cta_layout
		.service-tile-ctas
		a
		+ a {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}
@media only screen and (max-width: 374px) {
	.section-big-screen
		.section-services.custom_cta_layout
		.service-tile-ctas
		a,
	.section-big-screen
		.section-services.custom_cta_layout
		.service-tile-ctas
		a
		+ a {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}