/* ArtCD feedback start */

.section-hero .badge-unit{
    font-size: 0.6em;
}


@media only screen and (max-width: 1068px) {
    html.enhance-hero .section-hero .hero-display-section .product-size {
        font-size: 64px;
    }
    html.enhance-hero .section-hero .hero-display-section .product-name:lang(zh-MO){
        font-family: SF Pro Display,SF Pro Icons,PingFang SC,Helvetica Neue,Helvetica,Arial,sans-serif;
    }

}

@media only screen and (max-width: 734px){
    html.enhance-hero .section-hero .hero-display-section .product-size{
        font-size: 42px;
    }
}


.section-camera .camera-headline {
    position: relative;
    z-index: 1;
    text-align: center;
    transform: translate3d(-12px, 48px, -271px) rotateY(37deg) rotate(13deg) skewX(13deg) scale(1.6);
}

@media only screen and (max-width: 1068px) {
    .section-camera .camera-headline {
        transform:translate3d(4px, 20px, -300px) rotateY(37deg) rotate(13deg) skewX(13deg) scale(1.8)
    }
}

@media only screen and (max-width: 734px) {
    .section-camera .camera-headline {
        transform:translate3d(1px, 1px, -230px) rotateY(37deg) rotate(13deg) skewX(13deg) scale(1.3)
    }
}

.section-battery .column-second {
    padding-left: 6.4%;
}

@media only screen and (max-width: 1068px) {
    .section-battery .column-second {
        padding-left: 10%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 734px) {
    .section-battery .column-second {
        padding-left: 6px;
    }
}

.section-battery .column-third {
	margin-left: 35%
}

@media only screen and (max-width: 1068px) {
	.section-battery .column-third {
		margin-left: 25.5%
	}
}

@media only screen and (max-width: 734px) {
    .section-battery .column-third {
        margin-left: 29%
    }
}

@media only screen and (max-width: 374px) {
    .section-battery .column-third {
        margin-left: 25%
    }
}

@media only screen and (max-width: 320px) {
    .section-battery .column-second {
        margin-left: -6.5%
    }
}

.section-battery .column-third .battery, .section-battery .column-third .battery-outline {
	left:200px;
}

@media only screen and (max-width: 1068px) {
	.section-battery .column-third .battery, .section-battery .column-third .battery-outline {
		left:150px;
	}
}

@media only screen and (max-width: 734px) {
	.section-battery .column-third .battery, .section-battery .column-third .battery-outline {
		left:14px;
		top:60px;
	}
}

@media only screen and (max-width: 734px) {
	.section-battery .copy {
		margin-top:101px;
	}
}


@media only screen and (min-width: 1069px) {
    .section-battery .column-magsafe {
        margin-top: -15px;
    }

    .section-battery .column-magsafe .stat-caption {
        margin-top: 5px;
    }
}

@media only screen and (min-width: 735px) and (max-width: 1068px){
    .section-battery .column-magsafe {
        margin-top: 15px;
    }

    .section-battery .column-magsafe .stat-caption {
        margin-top: 5px;
    }
} 

@media only screen and (max-width: 734px) {
    .section-battery .column-third .end .align_battery_s{
        padding-left: 14px;
    }
}

.section-cinematic-mode .row-cinematic .typography-site-body,.section-selfies .selfies-copy.typography-site-body,.section-safety .safety-crash-detection .deep-dive-container .typography-site-body {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-cinematic-mode .row-cinematic .typography-site-body,.section-selfies .selfies-copy.typography-site-body,.section-safety .safety-crash-detection .deep-dive-container .typography-site-body {
        line-height: 1.33334;
    }
}

.section-lock-screen .typography-site-body {
    line-height: 1.21875;   
}

@media only screen and (max-width: 734px) {
    .section-lock-screen .typography-site-body {
        line-height: 1.33334;
    }
}

.section-display .section-copy .typography-site-body {
    line-height: 1.21875;   
}

@media only screen and (max-width: 734px) {
    .section-display .section-copy .typography-site-body {
            line-height: 1.33334;
        }
}

.section-camera .content-description .typography-site-body {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-camera .content-description .typography-site-body {
            line-height: 1.33334;
        }
}

.section-stabilization .typography-site-body {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-stabilization .typography-site-body {
            line-height: 1.33334;
        }
}

.section-selfies .deep-dive-content .copy-2 {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-selfies .deep-dive-content .copy-2 {
            line-height: 1.33334;
        }
}

.section-selfies .deep-dive-content .copy-3 {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-selfies .deep-dive-content .copy-3 {
            line-height: 1.33334;
        }
}

.section-chip .section-content .typography-site-body {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-chip .section-content .typography-site-body {
            line-height: 1.33334;
        }
}

.section-sim .typography-site-body {
    line-height: 1.21875;
}

@media only screen and (max-width: 734px) {
    .section-sim .typography-site-body {
            line-height: 1.33334;
        }
}

@media only screen and (max-width: 734px) {
    html.enhance-hero-display .section-hero .hero-display-section .bigger-headline-container {
        transform: translateX(0);
        left: 12px;
    }
}


@media only screen and (min-width: 1069px) {
    .section-camera .camera-gallery .content-description .content-stats {
        margin-top: 5px
    }
}

@media only screen and (max-width: 734px) {
    html.enhance-page-xp-parallax .section-camera .camera-gallery.enhanced .rotating-headlines-wrap[data-start="3"] .rotating-headline-3 .enhanced {
        line-height: 1.2;
    }
}


/* ArtCD feedback end */

@media only screen and (max-width: 320px) {html[lang=zh-MO] br.show-only-for-xsmall {display: block}}


.section-camera .parallax-container .typography-site-headline-super strong {
    margin-bottom: -0.15em;
}

@media only screen and (max-width: 734px) {
    .safety-sos-section .hero-group .headline {
        width: 88.5vw;
    }
}


@media only screen and (min-width: 1069px){
    .section-lock-screen .typography-site-headline-super{
        font-size: 94px;
    }
}

/* fix modal font incorrect */
html.enhance-deep-dive
    .deep-dive.vertical-type[id^="deep-dive-"]
    .typography-site-body,
html.enhance-deep-dive
    .deep-dive.vertical-type[id^="deep-dive-"]
    .typography-site-camera-picture,
html.enhance-deep-dive
    .deep-dive.vertical-type[id^="deep-dive-"]
    .typography-site-caption,
html.enhance-deep-dive .deep-dive.vertical-type[id^=deep-dive-] 
    .typography-site-callout {
    font-family: SF Pro HK, SF Pro TC, SF Pro Display, SF Pro Icons, PingFang HK, Helvetica Neue, Helvetica, Arial, sans-serif;
}


@media only screen and (min-width: 1069px){
    .section-even-more .paddlenav{
        display: none;
    }
}

.inline_nowrap {
    display: inline;
    white-space: nowrap;
}

#deep-dive-selfies .stats-content .value{
    display: block;
}

.section-stabilization {
    padding-bottom: 150px;
}

@media only screen and (max-width: 734px) {
    .section-stabilization {
        padding-bottom:80px
    }
}


@media only screen and (max-width: 734px) {
    .section-lock-screen .headline .text-align_s{
        margin-top: 7px;
    }
}

.section-hero .availability .avail-message{
    display: block;
    margin-top: 0.8em;
}