/* local overrides */

/* section images */

@media screen and (min-width: 735px) and (max-width: 1068px) {
	.section-images .section-header-headline {
		max-width: 498px;
	}
}

@media screen and (min-width: 1069px) {
	#gallery-headline-images {
		max-width: 640px;
	}
}

/* section-productivity */

@media screen and (max-width: 734px) {
	.section-productivity .section-header-headline {
		max-width: 438px;
	}
}

@media screen and (min-width: 1068px) {
	#gallery-headline-productivity {
		max-width: 680px;
	}
}

/* section privacy */

@media screen and (min-width: 735px) {
	.section-pricacy .section-header-headline {
		max-width: 430px;
	}
}

/* section-more */

@media screen and (max-width: 734px) {
	.section-more .section-headline {
		max-width: 435px;
	}
}

/* experience ai */
/* phone gallery */
@media screen and (min-width: 735px) {
	#iphone-gallery-container .gallery-copy {
		margin-left: auto;
		margin-right: auto;
	}
}

#iphone-gallery-container .gallery-copy {
	max-width: 247px;
}

/* laptop gallery */

@media screen and (min-width: 735px) {
	#laptops-gallery .typography-experience-ai-tile-headline {
		margin: 0 auto;
	}
}

#laptops-gallery .typography-experience-ai-tile-headline {
	max-width: 255px;
}

#laptops-gallery
	.grid-item-macbook-neo
	.typography-experience-ai-tile-headline {
	margin-bottom: 32px;
}

@media screen and (max-width: 1068px) {
	#laptops-gallery
		.grid-item-macbook-neo
		.typography-experience-ai-tile-headline {
		margin-bottom: 28px;
	}
}

@media screen and (max-width: 735px) {
	#laptops-gallery
		.grid-item-macbook-neo
		.typography-experience-ai-tile-headline {
		margin-bottom: 25px;
	}
	#laptops-gallery ul li:nth-child(1) .gallery-copy {
		max-width: 80%;
	}
}

/* desktops-gallery" */

.grid-item-mac-mini {
	.grid-item-content > .gallery-copy {
		width: 75%;
		margin: 13.6px auto 40px auto;
	}
}

@media screen and (max-width: 734px) {
	.grid-item-mac-mini > .grid-item-content {
		.gallery-copy {
			margin: 13.6px auto 40px 0;
		}
	}
}

/* compatibility section */

@media screen and (min-width: 1400px) {
	.section-compatibility .compatibility-list {
		grid-template-columns: repeat(2, 176.2px);
	}
}

@media screen and (min-width: 1069px) and (max-width: 1166px) {
	.section-compatibility .tile .compatibility-content {
		height: 768px;
	}
}