/*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:50px
}

@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 */
.section-hero.theme-dark .typography-hero-headline-super {
    margin-bottom: 0px;
}

/* 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
}