/* Localized Overrides */

/*Hero*/

@media only screen and (max-width: 734px) {
	.page-overview .section-hero.hero-2024 .section-content {
		padding-top: 25px;
		padding-bottom: unset;
	}

	.section.section-hero.theme-dark > div > a {
		margin-bottom: 45px;
	}
}
@media only screen and (max-width: 412px) {
	.section-hero .section-content .typography-hero-headline {
		font-size: 38px;
	}
	.section-hero .section-content .hero-copy {
		font-size: 17px;
	}
}

@media only screen and (min-width: 735px) {
	.typography-manifesto {
		width: 105%;
	}
}

.page-overview .section-hero.hero-2024 {
	background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_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) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_large_2x.jpg);
	}
}
@media only screen and (max-width: 1068px) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_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) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_medium_2x.jpg);
	}
}
@media only screen and (max-width: 734px) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_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) {
	.page-overview .section-hero.hero-2024 {
		background-image: url(/mx/airplay/images/overview/hero_2024__bvmajug6if9e_small_2x.jpg);
	}
}
/* Homepod Mini Whole Home */
.homepod-whole-home.grid-item .grid-image {
	margin-top: -0;
	margin-bottom: 0px;
}
@media only screen and (max-width: 1068px) {
	.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
		margin-top: 40px;
	}
}
@media only screen and (max-width: 320px) {
	.page-overview .section-audio .homepod-whole-home.grid-item .grid-image {
		margin-top: 20px;
	}
}
/* Homepod Mini  */
.overview-homepod-mini img {
	width: 100%;
	padding-top: 170px;
}
@media only screen and (max-width: 1068px) {
	.overview-homepod-mini img {
		padding-top: 110px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-homepod-mini {
		width: 642px;
	}
}
@media only screen and (max-width: 734px) {
	.overview-homepod-mini img {
		padding-top: 50px;
	}
}
.page-overview .section-nextrouter .homepod-mini-tile .overview-homepod-mini {
	bottom: 300px;
}
@media only screen and (max-width: 1068px) {
	.page-overview
		.section-nextrouter
		.homepod-mini-tile
		.overview-homepod-mini {
		bottom: 210px;
	}
}
@media only screen and (max-width: 734px) {
	.page-overview
		.section-nextrouter
		.homepod-mini-tile
		.overview-homepod-mini {
		bottom: 50px;
	}
}
/* Homepod Mini Section wrapper */
.m-break {
	display: none;
}
@media only screen and (min-width: 1069px) and (max-width: 1320px),
	only screen and (min-width: 735px) and (max-width: 960px),
	only screen and (max-width: 375px) {
	.m-break {
		display: block;
	}
}

/* Siri suggestions */

@media only screen and (min-width: 1069px) {
	.siri-suggestions.grid-item {
		margin-top: -25px;
	}
}

/* Music tile */
@media only screen and (max-width: 390px) {
	.links-inline li:last-child {
		margin-left: 0;
	}
}

/* Tiles padding */

@media only screen and (max-width: 1068px) {
	.grid-item .grid-content {
		padding: 0 30px;
	}
}

/* MX ONLY COPY */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.third-party.grid-item .grid-content {
		padding: 0 28px;
	}
}
@media only screen and (max-width: 734px) {
	.third-party.grid-item .grid-content {
		padding: 0 25px;
	}
}

@media only screen and (max-width: 337px) {
	.links-inline li:first-child {
		margin-left: 0.8em;
	}
}