.keyline-top {
	margin-top: 20px;
	border-top: 1px solid #d6d6d6;
	padding-top: 1.5em;
}
/* small viewport */
@media only screen and (max-width: 735px) {
	.section .section-content .keyline-top {
		margin-top: 0;
	}
}


/* ----- Hero  ----- */
.section-hero header {
	margin-top: 4em;
}

/* small viewport */
@media only screen and (max-width: 735px) {
	.section-hero header {
		margin-top: 0;
		text-align: center
	}
}

.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small,
.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-hardware {
	width: 283px;
	height: 390px;
	background-size: 283px 566px;
	background-position: top center;
}
.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
	width: 246px;
	height: 374px;
	background-size: 246px 532px;
	background-position: top center;
	background-image: url("/app-store/pre-orders/images/screen-hero-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/app-store/pre-orders/images/screen-hero-large_2x.jpg")
	}
}

@media only screen and (max-width: 735px) {
	.device-iphone-x-silver-container {
		margin: 1em auto 0;
	}
	.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small,
	.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-hardware {
		width: 212px;
		height: 281px;
		background-position: top center;
		background-size: 212px 425px;
	}
	.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		width: 185px;
		height: 269px;
		background-size: 185px 399px;
		background-position: top center;
		background-image: url("/app-store/pre-orders/images/screen-hero-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		.device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
			background-image: url("/app-store/pre-orders/images/screen-hero-medium_2x.jpg")
		}
	}
}


/* ----- Offer Section ----- */
.section-offer .keyline-top {
	padding-top: 4.5em;
}
@media only screen and (max-width: 735px) {
	.section-offer .keyline-top {
		padding-top: 5em;
	}
}

.image-preorders-badge {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/app-store/pre-orders/images/badge-pre-order-on-the-app-store.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}

/* ----- Related Section ----- */
.section-related {
	padding-bottom: 3em;
}

.section-related ul {
	list-style: none;
}


/* ========== Grid ========== */
#main section.section {
	padding-top: 3em;
	padding-bottom: 3em;
}
#main section.section.section-hero {
	padding-top: 2em;
	padding-bottom: 0;
}
#main section .section-content .row {
	margin-left: 0;
	margin-right: 0;
}
#main section .section-content .row > .column {
	padding: 0;
}

@media only screen and (max-width: 1068px) {
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 0;
	}
}

@media only screen and (max-width: 735px) {
	#main section.section {
		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	#main section.section.section-hero {
		padding-top: 1em;
		padding-bottom: 0;
	}
	#main section .section-content .row {
		margin-left: 0;
		margin-right: 0;
	}
	#main section .section-content .row > .column {
		padding: 1em 0;
	}
	#main section.section-hero .section-content .row > .column {
		padding: 1em 0 0;
	}
}

/* ========== LOCALIZED IMAGES ========== */
/* zh-CN */
.image-preorders-badge-cn {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-cn.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}
:lang(zh-CN) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
	background-image: url("/cn/app-store/pre-orders/images/cn-screen-hero-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	:lang(zh-CN) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/cn/app-store/pre-orders/images/cn-screen-hero-large_2x.jpg")
	}
}

@media only screen and (max-width: 735px) {
	:lang(zh-CN) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/cn/app-store/pre-orders/images/cn-screen-hero-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		:lang(zh-CN) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
			background-image: url("/cn/app-store/pre-orders/images/cn-screen-hero-medium_2x.jpg")
		}
	}
}

/* ja-JP */

.image-preorders-badge-jp {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-jp.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}
:lang(ja-JP) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
	background-image: url("/jp/app-store/pre-orders/images/jp-screen-hero-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	:lang(ja-JP) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/jp/app-store/pre-orders/images/jp-screen-hero-large_2x.jpg")
	}
}

@media only screen and (max-width: 735px) {
	:lang(ja-JP) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/jp/app-store/pre-orders/images/jp-screen-hero-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		:lang(ja-JP) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
			background-image: url("/jp/app-store/pre-orders/images/jp-screen-hero-medium_2x.jpg")
		}
	}
}

/* ko-KR */
.image-preorders-badge-kr {
	display: block;
	width: 156px;
	height: 6em;
	background-image: url("/app-store/marketing/guidelines/images/badge-pre-order-on-the-app-store-kr.svg");
	background-repeat: no-repeat;
	background-size: 156px 55px;
	background-position: top center;
	margin-top: -5.5em;
}
:lang(ko-KR) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
	background-image: url("/kr/app-store/pre-orders/images/kr-screen-hero-large.jpg");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
	:lang(ko-KR) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/kr/app-store/pre-orders/images/kr-screen-hero-large_2x.jpg")
	}
}

@media only screen and (max-width: 735px) {
	:lang(ko-KR) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
		background-image: url("/kr/app-store/pre-orders/images/kr-screen-hero-medium.jpg");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), only screen and (min-resolution: 144dpi) {
		:lang(ko-KR) .device-iphone-x-silver-container.device-large-for-medium.device-medium-for-small .device-screen.screen-hero {
			background-image: url("/kr/app-store/pre-orders/images/kr-screen-hero-medium_2x.jpg")
		}
	}
}