/* Localized images - start */
.page-continuity .section-phone .phone-image {
    background-repeat: no-repeat;
    background-size: 2295px 609px;
    height: 609px;
    width: 2295px;
    background-image: url("/th/osx/continuity/images/answering_calls_large.jpg");
    margin-top: 27px;
    display: block;
    float: right;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
    .page-continuity .section-phone .phone-image {
        background-image: url("/th/osx/continuity/images/answering_calls_large_2x.jpg");
    }
}
@media only screen and (max-width: 1068px) {
    .page-continuity .section-phone .phone-image {
        background-size: 1920px 505px;
        height: 505px;
        width: 1920px;
        background-image: url("/th/osx/continuity/images/answering_calls_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: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
    .page-continuity .section-phone .phone-image {
        background-image: url("/th/osx/continuity/images/answering_calls_medium_2x.jpg");
    }
}
@media only screen and (max-width: 735px) {
    .page-continuity .section-phone .phone-image {
        background-size: 723px 189px;
        height: 189px;
        width: 723px;
        background-image: url("/th/osx/continuity/images/answering_calls_small.jpg");
    }
}
@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
    .page-continuity .section-phone .phone-image {
        background-image: url("/th/osx/continuity/images/answering_calls_small_2x.jpg");
    }
}

.page-continuity .section-hotspot .hotspot-image {
	background-repeat: no-repeat;
	background-size: 2053px 496px;
	height: 496px;
	width: 2053px;
	background-image: url("/th/osx/continuity/images/hotspot_hero_large.jpg");
	margin-top: 30px;
	float: right;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 144), (min-resolution: 144dppx) {
	.page-continuity .section-hotspot .hotspot-image { background-image: url("/th/osx/continuity/images/hotspot_hero_large_2x.jpg"); }
}

@media only screen and (max-width: 1068px) {
	.page-continuity .section-hotspot .hotspot-image {
		background-size: 1480px 358px;
		height: 358px;
		width: 1480px;
		background-image: url("/th/osx/continuity/images/hotspot_hero_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: 144dpi), only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 1068px) and (min-resolution: 144dppx) {
	.page-continuity .section-hotspot .hotspot-image { background-image: url("/th/osx/continuity/images/hotspot_hero_medium_2x.jpg"); }
}

@media only screen and (max-width: 735px) {
	.page-continuity .section-hotspot .hotspot-image {
		background-size: 665px 156px;
		height: 156px;
		width: 665px;
		background-image: url("/th/osx/continuity/images/hotspot_hero_small.jpg");
	}
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 144dpi), only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 144), only screen and (max-width: 735px) and (min-resolution: 144dppx) {
	.page-continuity .section-hotspot .hotspot-image { background-image: url("/th/osx/continuity/images/hotspot_hero_small_2x.jpg"); }
}
/* Localized images - end */

/* Local fixes - start */

@media only screen and (min-width: 1025px) {
.page-continuity .section-hotspot p{
	padding-left: 0px;
}

.page-continuity .section-hotspot p.wider{
	max-width: 86.33333%;
}
}



/* Adjusted the spacing between sections' icons and headlines */
@media only screen and (min-width: 736px) {
.page-continuity .section-phone figure.heading-icon { margin-bottom: 12px; }
.page-continuity .section-sms figure.heading-icon { margin-bottom: 14px; }
.page-continuity .section-handoff figure.heading-icon { margin-bottom: 12px; }
.page-continuity .section-hotspot figure.heading-icon { margin-bottom: 12px; }
.page-continuity .section-hotspot h2 span.subheadline { margin-top: 5px; }
.page-continuity .section-airdrop figure.heading-icon { margin-bottom: 14px; }
}



/* copy block alignments */
@media only screen and (min-width: 736px) {
.page-continuity .section-phone p  { padding-left: 170px; }
.page-continuity .section-sms p  { padding-left: 80px; }
.page-continuity .section-handoff p  { padding-left: 70px; }
.page-continuity .section-hotspot p  { padding-left: 60px; }
.page-continuity .section-airdrop p { padding-left: 40px; }
}

@media only screen and (max-width: 1024px) and (min-device-width: 768px) {
.page-continuity #main .section-phone p { padding-left: 20px;}
}

/*Small*/
@media only screen and (max-width: 735px) and (max-device-width: 768px) {
.page-continuity .section-sms p  { padding-left: 0px; }
.page-continuity .section-sms p  { padding-left: 0px; }
.page-continuity .section-handoff p  { padding-left: 0px; }
.page-continuity .section-hotspot p  { padding-left: 0px; }
.page-continuity .section-airdrop p { padding-left: 0px; }
}

@media only screen and (min-width: 1025px) {
.page-continuity .section-receiving .centered {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  width: 390px; }
}

@media only screen and (min-width: 1025px) {
.page-continuity .section-airdrop p {
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    max-width: 84.33333%;
    text-align: left;
}
}

/*Fixed headlines*/


html[lang=th-TH] .hero-headline { font-size: 64px; line-height: 1.0625; letter-spacing: 0; padding-bottom: 22px; }
@media only screen and (max-width: 1068px) {
html[lang=th-TH] .hero-headline { font-size: 52px; line-height: 1.07692; letter-spacing: 0; } 
}
@media only screen and (max-width: 735px) {
html[lang=th-TH] .hero-headline { font-size: 36px; line-height: 1.11111; letter-spacing: 0; } 
}



html[lang=th-TH] .section-headline { font-size: 52px; line-height: 1.08654; letter-spacing: 0; }
@media only screen and (max-width: 1068px) {
html[lang=th-TH] .section-headline { font-size: 42px; line-height: 1.14286; letter-spacing: 0; }
 }
@media only screen and (max-width: 735px) {
  html[lang=th-TH] .section-headline { font-size: 32px; line-height: 1.125; letter-spacing: 0; } 
}