@media only screen and (max-width: 1068px) {
    .imac-pro .links-inline li:last-child {
        margin-top: 0
    }
}

@media only screen and (max-width: 734px) {
	.section-get-more .promo-tile .promo-intro.tv-intro {
		max-width: 235px;
	}
}

.section-hero-product .gc-alts.lockup-product:lang(zh-HK) {
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}



@media only screen and (max-width: 734px) {
    html[lang=zh-HK] .center_s_04 { padding-left: 0.4em; }
}

/*bts space*/
@media only screen and (max-width: 734px) {
    .bts-2020 {
        margin-bottom: 15px;
    }
}

.bts-2020 .violator-frameless {
    background: transparent;
    border-color: #bf4800;
    color:#f56300
}

/* ATV+ start */
@media only screen and (max-width: 1068px) {
    .tv-plus.tv-plus-alt .promo-image {
        margin-left: 336px;
    }
}

@media only screen and (max-width: 734px) {
    .tv-plus.tv-plus-alt .promo-image {
        margin-left: -368px;
    }
}

@media only screen and (max-width: 734px) {
    .tv-plus.tv-plus-alt .figure-wrapper {
        position: relative;
        margin-top: 60px;
    }
}

.tv-plus.tv-plus-alt .promo-image {
    width: 918px;
    height: 560px;
    background-size: 918px 560px;
    background-repeat: no-repeat;
    position: relative;
    left: 0;
    margin-left: -25px;
    margin-top: 0px;
    position: relative;
    left: 24px; 
}

@media only screen and (max-width: 1068px) {
    .tv-plus.tv-plus-alt .promo-image {
        width: 401px;
        height: 277px;
        background-size: 401px 277px;
        background-repeat: no-repeat;
        left: 0;
    }
}


@media only screen and (max-width: 734px) {
    .tv-plus.tv-plus-alt .promo-image {
        width: 736px;
        height: 273px;
        background-size: 736px 273px;
        background-repeat: no-repeat;
        left: 0;
    }
}
.promo-section .tv-plus.tv-plus-alt {
    display: flex;
    box-sizing: border-box;
    max-width: 1440px;
    background-color: #000;
}

@media only screen and (max-width: 1068px) {
    .promo-section .tv-plus.tv-plus-alt {
        margin-top: 19px;
        max-width:776px
    }
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt {
        flex-direction:column
    }
}

.promo-section .tv-plus.tv-plus-alt .promo-copy-container {
    display: flex;
    flex-direction: column;
    justify-content:center
}

@media only screen and (min-width: 735px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container {
        padding-top:0;
        padding-left: 34px;
    }
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container {
        flex-wrap: wrap;
        padding-bottom:51px
    }
}

.promo-section .tv-plus.tv-plus-alt .promo-copy-container .promo-copy-wrapper {
    padding-left:0px
}

@media only screen and (max-width: 1068px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container .promo-copy-wrapper {
        padding-left:0px
    }
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container .promo-copy-wrapper {
        padding:0
    }
}

@media only screen and (max-width: 1068px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container .promo-copy-wrapper .promo-intro {
        margin-top:.8em
    }
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-container .promo-copy-wrapper .links-inline {
        margin-top:7px
    }
}

.promo-section .tv-plus.tv-plus-alt .figure-wrapper {
    overflow: hidden;
    display: flex;
    justify-content:flex-end
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .figure-wrapper {
        justify-content: unset;
        overflow:visible
    }
}
.promo-section .tv-plus.tv-plus-alt .promo-copy-wrapper {
    text-align: left;
}
@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .promo-copy-wrapper {
        text-align: center;
    }
}
.promo-section .tv-plus.tv-plus-alt .tile-logo {
    margin-left: 0;
    padding-bottom:2px
}

@media only screen and (max-width: 1068px) {
    .promo-section .tv-plus.tv-plus-alt .tile-logo {
        padding-bottom:0
    }
}

@media only screen and (max-width: 734px) {
    .promo-section .tv-plus.tv-plus-alt .tile-logo {
        margin-left: auto;
        margin-right: auto;
        margin-top:0
    }
}
.promo-section .tv-plus.tv-plus-alt .promo-intro {
    font-size: 28px;
    line-height: 1.14286;
    font-weight: 600;
    letter-spacing: .007em;
}
@media only screen and (max-width: 1068px) {
    .promo-section .tv-plus.tv-plus-alt .promo-intro {
        font-size: 21px;
        line-height: 1.19048;
        font-weight: 600;
        letter-spacing: .011em;
    }
}
.promo-section .tv-plus.tv-plus-alt .promo-copy-container {
    position: relative;
    z-index: 1;
}

/* ATV+ end */


@media only screen and (max-width: 734px) {
	.section-why-mac .typography-headline-elevated {
		max-width: 278px;
}}

/* center align all */
html[lang=zh-HK] .centerall_05 { padding-left: 0.5em; }
html[lang=zh-HK] .centeralign_07 { padding-left: 0.7em; }
@media only screen and (max-width: 734px) { html[lang=zh-HK] .centeralign_07 { padding-left: 0.1em; } }

.section-hero.theme-dark .typography-hero-headline-super {
    margin-bottom: 0px;
}

/*Holiday 2020-1030 start*/

.center_ls { padding-left: 0.6em;}
@media only screen and (max-width: 1068px) {
  .center_ls { padding-left: 0em;}
}
@media only screen and (max-width: 734px) {
    .center_ls { padding-left: 0.6em;}
}

/*Holiday 2020-1030 end*/

/* icon-after::after  */

.icon-wrapper .icon, .icon-wrapper .more::after, .icon-wrapper .icon-before::before, .icon-wrapper .icon-after::after{position: relative;}

@media only screen and (max-width: 734px){
.section-compare .gallery .item-container .typography-eyebrow:lang(zh-HK){font-size: 18px;}
}

/*BTS START*/
@media (max-width: 1400px) and (min-width: 1068px) {
    .section-bts-2021-alt .promo-copy-container .tile-headline {
        width: 310px;
    }
}

@media only screen and (max-width: 1068px) {
    .section-bts-2021-alt .promo-copy-container .tile-headline {
        width: 273px;
    }
}

@media only screen and (max-width: 734px) {
    .section-bts-2021-alt .promo-copy-container .tile-headline {
        width: 273px;
    }
}
@media (max-width: 1400px) and (min-width: 1068px){
    html[lang=zh-HK] br.large-medium-hide {display: none}
}
/*BTS END*/


/* continuity */
.macos .promo-copy-wrapper {
	padding-bottom: 360px;
}

@media only screen and (max-width: 1068px) {
	.macos .promo-copy-wrapper {
		padding-bottom: 280px;
	}
}

@media only screen and (max-width: 734px) {
	.macos .promo-copy-wrapper {
		padding-bottom: 249px;
	}
}


.monterey .cta-links {
    display:inline-block
}

@media only screen and (max-width: 734px) {
    .monterey .cta-links {
        display:block
    }
}

@media only screen and (max-width: 734px) {
    .monterey .upgrade-now {
        margin-bottom:0.8em
    }
}

@media only screen and (min-width: 735px) {
    .monterey .learn, .monterey .upgrade-now {
        display:inline-block
    }
}

/* 2021-1202 ATV+ start */
.tv-plus .controls {
    width: 32px;
    height: 32px;
    position: relative;
    pointer-events: auto;
    margin-left: auto;
    margin-right:56px;
    display: none;
    margin-bottom: 16px
}

@media only screen and (max-width: 1068px) {
	.tv-plus .controls {
        margin-right:26px
    }
}

@media only screen and (max-width: 734px) {
    .tv-plus .controls {
        margin-right:26px
    }
}
/* 2021-1202 ATV+ end */

/* 20220413 fix tv API not load issue start */

.tv-plus.fallback {
    background-size: 675px 600px;
}

@media only screen and (max-width: 1068px) {
    .tv-plus.fallback {
        background-size: 358px 450px;
    }
}

@media only screen and (max-width: 734px) {
    .tv-plus.fallback {
        background-size: 720px 444px;
    }
}

/* 20220413 fix tv API not load issue end */

@media only screen and (max-width: 734px) {
    .section-hero-product .section-content .product-wrapper .hero-image.hero-macbook-pro-image {
        margin-top: 7px
    }
}

.ribbon .ribbon-content .typography-caption{
    font-size: 14px;
}

/* bts last chance */
.section-bts-2022 .flex-copy-wrapper .promo-copy-container .promo-intro-copy{
color:#1d1d1f
}
.section-bts-2022 .flex-copy-wrapper .promo-copy-container .promo-intro{
color:#ca2266
}