/* ---------- LOCALIZED ---------- */
/* zh-CN only */
.image-subscriptions-hero {
	background-image: url("/cn/app-store/subscriptions/images/cn-lockup-hero-alt-large_2x.png");
}
.screen-hero-iphone {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-hero-iphone {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-large_2x.png");
	}
}
.device-iphone-x-silver-container .device-screen.image-user-options {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-alt-large_2x.png");
}
.image-purchase-flow-1 {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-1-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) {
	.image-purchase-flow-1 {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-1-large_2x.jpg");
	}
}
.image-purchase-flow-2 {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-2-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) {
	.image-purchase-flow-2 {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-2-large_2x.jpg");
	}
}
.screen-onboarding {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-onboarding-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) {
	.screen-onboarding {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-onboarding-large_2x.jpg");
	}
}
.screen-freemium {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-freemium-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) {
	.screen-freemium {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-freemium-large_2x.jpg");
	}
}
.screen-paywall {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-paywall-large.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min-resolution: 1.5dppx),
	only screen and (min-resolution: 144dpi) {
	.screen-paywall {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-paywall-large_2x.png");
	}
}
.screen-offers {
	background-image: url("/cn/app-store/subscriptions/images/cn-screen-offers-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) {
	.screen-offers {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-offers-large_2x.jpg");
	}
}

.service-pins .pin-1 {
	left: 119px;
}

.service-pins .pin-1.pin-horizontal:after {
	width: 195px;
}

.service-pins .pin-2 .pin-caption {
	margin-top: -5px;
}

.service-pins .pin-4 {
	left: -92px;
}

@media only screen and (max-width: 540px) {
	.service-pins .pin-4 {
		left: 172px;
	}
}

/* ----- medium viewport ----- */
@media only screen and (max-width: 1068px) {
	/* zh-CN */
	.image-subscriptions-hero {
		background-image: url("/cn/app-store/subscriptions/images/cn-lockup-hero-alt-medium_2x.png");
	}
	.screen-hero-iphone {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-hero-iphone {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-medium_2x.png");
		}
	}
	.image-purchase-flow-1 {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-1-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) {
		.image-purchase-flow-1 {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-1-medium_2x.jpg");
		}
	}
	.image-purchase-flow-2 {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-2-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) {
		.image-purchase-flow-2 {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-purchase-flow-2-medium_2x.jpg");
		}
	}
	.screen-onboarding {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-onboarding-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) {
		.screen-onboarding {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-onboarding-medium_2x.jpg");
		}
	}
	.screen-freemium {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-freemium-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) {
		.screen-freemium {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-freemium-medium_2x.jpg");
		}
	}
	.screen-paywall {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-paywall-medium.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-paywall {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-paywall-medium_2x.png");
		}
	}
	.screen-offers {
		top: 13px;
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-offers-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) {
		.screen-offers {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-offers-medium_2x.jpg");
		}
	}
}

/* ----- small viewport ----- */
@media only screen and (max-width: 734px) {
	/* zh-CN */
	.image-subscriptions-hero {
		background-image: url("/cn/app-store/subscriptions/images/cn-lockup-hero-alt-small_2x.png");
	}
	.screen-hero-iphone {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-small.png");
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx),
		only screen and (min-resolution: 144dpi) {
		.screen-hero-iphone {
			background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-small_2x.png");
		}
	}
	.device-iphone-x-silver-container.device-medium-for-small
		.device-screen.image-user-options {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-alt-large_2x.png");
	}
}

/* special viewport */
@media only screen and (max-width: 540px) {
	.device-iphone-x-silver-container.device-medium-for-small
		.device-screen.image-user-options {
		background-image: url("/cn/app-store/subscriptions/images/cn-screen-hero-iphone-alt-medium_2x.png");
	}
	/* .service-pins .pin-1 {
		top: -80px;
		bottom: 157px;
		left: 84px;
	}
	.service-pins .pin-2 {
		top: -40px;
		bottom: 148px;
		left: 127px;
	}
	.service-pins .pin-3 {
		top: 109px;
		bottom: -5px;
		left: 84px;
	}
	.service-pins .pin-4 {
		top: 118px;
		bottom: 20px;
		left: 131px;
	}
	.service-pins .pin-vertical .pin-caption {
		margin-left: 0;
		text-align: left;
		line-height: 1.29286em;
		font-size: 11px;
	}
	.service-pins .pin-1 .pin-caption {
		left: -3px;
		width: 100px;
	}
	.service-pins .pin-2 .pin-caption {
		left: -3px;
	}
	.service-pins .pin-3 .pin-caption {
		left: -3px;
		width: 160px;
	}
	.service-pins .pin-4 .pin-caption {
		left: -2px;
	} */
}