/* Local Overrides */
.customized-caption {
	margin-top: -20px !important;
	margin-bottom: 15px !important;
}
.customized-intro {
	margin-top: 0.1em !important;
}
/* Buy button spacing for XS */
@media only screen and (max-width: 321px) {
	.section-flex-tiles .tile .button:not(:last-child) {
		margin-right: 0px;
	}

	/* Accessories Spacing for only 2 tiles */
	@media screen and (min-width: 1068px) and (max-width: 1260px) {
		.section-accessories .section-gallery .gallery-item {
			width: 380px;
		}
	}
}
@media screen and (min-width: 1068px) and (max-width: 1260px) {
	#light {
		opacity: 1;
		transform: translate(0px, 0px) !important;
	}
}
@media screen and (min-width: 1068px) {
	.section-accessories .section-gallery .item-container {
		max-width: 780px !important;
	}
}
@media only screen and (min-width: 735px) {
	.section-accessories .section-paddlenav {
		display: 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 .homepod-mini .tile {
		height: 600px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.section-flex-tiles .atv-4k .typography-product-tile-headline {
		max-width: 400px;
	}
}
.section-flex-tiles .homepod-mini .tile-cta {
	margin-top: 0.66em;
}
@media only screen and (min-width: 1069px) and (max-width: 1200px) {
	.section-flex-tiles .homepod-mini .tile-cta {
		margin-top: 47px;
	}
}
@media only screen and (max-width: 1068px) {
	.section-flex-tiles .homepod-mini .tile-cta {
		margin-top: 33px;
	}
}
@media only screen and (max-width: 734px) {
	.section-flex-tiles .homepod-mini .tile-cta {
		margin-top: 0.8em;
	}
}

/* for misaligned free trial buttons */

.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: 16px;
	}
}
@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;
	}
}

/* Coming Soon badge for Fitness Plus */
@media only screen and (min-width: 735px) {
	.violator {
		font-size: 14px;
		line-height: 1.2;
		font-weight: 400;
		letter-spacing: -0.008em;
		font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
			sans-serif;
		color: #bf4800;
		display: block;
		position: absolute;
		top: -23px;
		left: 0;
		width: 100%;
	}
}
@media only screen and (max-width: 734px) {
	.violator {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: -0.008em;
		font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial,
			sans-serif;
		color: #bf4800;
		display: block;
		position: relative;
		margin-bottom: 5px;
	}
}

/* Lightbulb overlaping text */
.gallery #light,
.gallery #security {
	height: 510px;
}

/* Service Arcade CTA vertical alignment */
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.service-tile.arcade .service-tile-ctas {
		padding-top: 2px;
	}
}

/* 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;
	}
}
