/* Shared for all fluid pages for large and medium viewport: /osx/apps/, /imac-with-retina/, /mac-mini/, /macbook/. For static pages is in individual folder: MBP, MBP */


.page-builtinapps .section .section-content .headline.headline-mail{width:100%;}
.page-builtinapps .section-garageband .copy{width:97%;}
.page-builtinapps .section-keynote .copy{width:97%;}
.page-builtinapps .section-safari .copy{width:97%;}
.page-builtinapps .section-contacts .copy{width:97%;}
.page-builtinapps .section-reminders .copy{width:97%;}





.main .hero-sentence { line-height: 1.25; }
.page-builtinapps .section .section-content .headline-spreadsheets { width: 100%; }

@media only screen and (min-width: 1069px) {
html[lang=th-TH] .main .intro {  line-height: 1.35417;  }
html[lang=th-TH] .main .headline { line-height: 1.2; }
}

@media only screen and (max-width: 1068px) {
html[lang=th-TH] .main .intro { line-height: 1.35417; }
.main .headline { font-size: 38px; line-height: 1.25; }
.page-builtinapps .copy{width:100%;}
.page-builtinapps .section-garageband .copy{width:100%;}
.page-builtinapps .section-keynote .copy{width:100%;}
.page-builtinapps .section-safari .copy{width:100%;}
.page-builtinapps .section-contacts .copy{width:100%;}
.page-builtinapps .section-reminders .copy{width:100%;}
}

/*small viewport*/
@media only screen and (max-width: 735px) and (max-device-width: 768px) {
.page-builtinapps .main .headline {  font-size: 32px; line-height: 1.125; }
.page-builtinapps .section-garageband .copy{width:100%;}
.page-builtinapps .section-keynote .copy{width:100%;}
.page-builtinapps .section-safari .copy{width:100%;}
.page-builtinapps .section-contacts .copy{width:100%;}
.page-builtinapps .section-reminders .copy{width:100%;}
}