/*------------------------------------*/
   /*LOCAL FIXES*/
/*------------------------------------*/
/* No Ligatures */
body { -webkit-font-variant-ligatures: no-common-ligatures; }
body { font-variant-ligatures: no-common-ligatures; }
.show-for-small { display:none; }
.show-for-medium { display:none; }
.show-for-large { display:block; }

@media only screen and (max-width: 1068px) {
    .show-for-small { display:none; }
    .show-for-medium { display:block; }
    .show-for-large { display:none; }
    .hide-for-medium{display:none;}
}

@media only screen and (max-width: 735px) {
    .show-for-small { display:block; }
    .show-for-medium { display:none; }
    .show-for-large { display:none; }
    .hide-for-small{display:none;}
    .hide-for-medium{display:inline-block}
}

.small-caps {
    font-variant-caps: all-small-caps;
}

.section-hero {
    position: relative;
    width: 100%;
    margin-top: -43px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 100px
}

.video-controls-container .circle {
    background-image: url("/tr/earthbykids/images/buffer_icon_large.svg")
}

.video-controls-container .pause-icon {
    background-image: url("/tr/earthbykids/images/pause_icon_large.svg")
}

.video-controls-container .play-icon {
    background-image: url("/tr/earthbykids/images/play_icon_large.svg")
}

@media only screen and (max-width: 1068px) {
    .section-hero {
        margin-bottom: 120px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero {
        margin-bottom: 150px
    }
}

@media only screen and (max-width: 735px) {
    .section-hero {
        overflow: visible;
        text-align: left
    }
}

body {
    background: #fff;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}

.typography-quote {color: #000;}

.section .col-caption .icon-wrapper {
    color: #000
}

.copy-element{
    letter-spacing: 1px;
}

.hero-copy-font {
    font-weight: 400;
}

/* Fix for SE */
@media only screen and (max-width: 325px) {
    .typography-headline-hero {
        font-size: 53px;
    }
}

@media only screen and (max-width: 735px){
    .section-hero .hero-content {
        max-width: 535px;
    }
}

@media only screen and (max-width: 735px){
    .small-position-fix{
        position: absolute;
        margin-top: -50px;
    }
}

@media only screen and (min-width: 1068px) {
    .hero-copy-width-fix{
        margin-left: auto;
        margin-right: auto;
        width: 1010px;
    }
}

.section.section-photos .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }

@media only screen and (min-width: 1442px) {
    .section.section-photos .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 980px;
    }
}

@media only screen and (max-width: 1068px) {
    .section.section-photos .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 692px
    }
}

@media only screen and (max-width: 735px) {
    .section.section-photos .section-content {
        margin-left: auto;
        margin-right: auto;
        width: 320px;
    }
}

.section-hero .hero-container .hero-start {
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/hero_landscape_startframe__eimkf4b4vswi_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-start {
        background-image: url("/tr/earthbykids/images/hero_landscape_startframe__eimkf4b4vswi_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-container .hero-start {
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/hero_landscape_startframe__eimkf4b4vswi_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-start {
        background-image: url("/tr/earthbykids/images/hero_landscape_startframe__eimkf4b4vswi_medium_2x.jpg")
    }
}

@media only screen and (orientation: portrait) {
    .section-hero .hero-container .hero-start {
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_large.jpg")
    }
}

@media only screen and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (orientation: portrait) and (min-resolution: 1.5dppx), only screen and (orientation: portrait) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-start {
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_large_2x.jpg")
    }
}

@media only screen and (orientation: portrait) and (max-width: 1068px) {
    .section-hero .hero-container .hero-start {
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_medium.jpg")
    }
}

@media only screen and (orientation: portrait) and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (orientation: portrait) and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-start {
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_medium_2x.jpg")
    }
}

@media only screen and (orientation: portrait) and (max-width: 735px) {
    .section-hero .hero-container .hero-start {
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_small.jpg")
    }
}

@media only screen and (orientation: portrait) and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (orientation: portrait) and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (orientation: portrait) and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-start {
        background-image: url("/tr/earthbykids/images/hero_portrait_startframe__f65t9bb9hgmm_small_2x.jpg")
    }
}

.section-hero .hero-container .hero-static,.section-hero .hero-container .hero-start {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%
}

.section-hero .hero-container .hero-static {
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_large.jpg");
    display: none;
    visibility: hidden
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-static {
        background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-hero .hero-container .hero-static {
        background-repeat:no-repeat;
        background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-static {
        background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-hero .hero-container .hero-static {
        background-repeat:no-repeat;
        background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-hero .hero-container .hero-static {
        background-image: url("/tr/earthbykids/images/hero_static__f8o9nzvibseq_small_2x.jpg")
    }
}

.section.section-get-more.promo-section.container-fix{
    margin-top: 75px;
}

.section .section-content.container-fix-alt{
    margin-top: 50px;
}

@media only screen and (max-width: 735px){
    .section-content.section-content-oversized.promo-container.how-to-section-fix{
        padding-left: 0;
        padding-right: 0;
    }
}


html.no-js .section-hero .hero-container .hero-static,html.static-fallback .section-hero .hero-container .hero-static,html.no-js .section-hero .hero-container .hero-static,html.static-fallback .section-hero .hero-container .hero-static {
    display: block;
    visibility: visible
}

.section .col-caption {
    margin-top: 0;
}


@media only screen and (max-width: 735px) {
    .section .section-content.tr-small-width-fix-goats {
        width: 88.5%;
    }
}
@media only screen and (max-width: 735px) {
    .section .section-content.tr-small-width-fix-tree {
        width: 88.5%;
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-1 {
        padding-top: 200px;
    }
}

.section-feature-1 .section-video-start {
    background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-feature-1 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-feature-1 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-feature-1 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-1 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-feature-1 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-1_poster__ea2nh16e5p0m_small_2x.jpg")
    }
}

.section-feature-2 .section-video-start {
    background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-feature-2 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-feature-2 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-feature-2 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-2 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-feature-2 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-2_poster__cm24jn674vki_small_2x.jpg")
    }
}

.section-feature-4 .section-video-start {
    background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-feature-4 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-feature-4 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-feature-4 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-4 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-feature-4 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-3_poster__btpafgpu7xiu_small_2x.jpg")
    }
}

.section-feature-5 .section-video-start {
    background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-feature-5 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-feature-5 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-feature-5 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-5 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-feature-5 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-4_poster__drarmi1kd3cm_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .section-feature-5 .section-content{
        padding-right: 0;
    }
}

.section-feature-7 .section-video-start {
    background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-feature-7 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-feature-7 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-feature-7 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-feature-7 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-feature-7 .section-video-start {
        background-image: url("/tr/earthbykids/images/still-5_poster__dubys7c9b9me_small_2x.jpg")
    }
}

.section-content .typography-section-intro {
	font-size: 28px;
    line-height: 1.28595;
    font-weight: 400;
    letter-spacing: .007em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    margin-top: 100px;
    text-align: left;
}

@media only screen and (max-width: 1068px) {
    .section-content .typography-section-intro {
        width: 70%;
    }
}

@media only screen and (max-width: 735px) {
    .section-content .typography-section-intro {
        width: 85%;
        font-size: 19px;
        line-height: 1.42115;
        letter-spacing: .012em;
    }
}

/* Fix for SE */
@media only screen and (max-width: 325px) {
    .section-content .typography-section-intro {
        /* font-size: 25px; */
    }
}

/*------------------------------------*/
   /*PLAYGROUND*/
/*------------------------------------*/

.section-playground {
    margin: 0 auto 45px;
    max-width: 1355px;
    position: relative;
    height: 497px
}

@media only screen and (max-width: 1068px) {
    .section-playground {
        height: 400px
    }
}

@media only screen and (max-width: 735px) {
    .section-playground {
        height: 455px
    }
}

@media only screen and (max-width: 1068px) {
    .section-playground {
        /* margin: 0 25px 25px */
    }

    .section-playground .headline-safe-area-inset {
        padding-left: 22px;
        padding-right: 22px
    }
}

@media only screen and (max-width: 735px) {
    .section-playground {
        padding-top: 60px;
        padding-bottom: 0;
        margin: 0 auto 20px
    }
}

.section-playground .fp-secondary-headline {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    color: #000;
}

@media only screen and (max-width: 735px) {
    .section-playground .learn-more-link {
        margin-bottom: 30px
    }
}

.section-playground .iphone-apps-playgrounds {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: auto;
    max-width:1190px;
    margin:auto;
}

@media only screen and (max-width: 735px) {
    .section-playground .iphone-apps-playgrounds {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding-left: 0
    }
}

.section-playground .iphone-apps-playgrounds-text {
    margin-left: 200px;
    margin-top: 50px;
    pointer-events: none;
    z-index: 10;
    text-align: center;
}

@media only screen and (max-width: 1068px) { 
	.section-playground .iphone-apps-playgrounds-text {
    	margin-left: 80px;
	}
}


@media only screen and (max-width: 735px) {
    .section-playground .iphone-apps-playgrounds-text {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
    }
}

.section-playground .iphone-apps-playgrounds-text .more {
    pointer-events: all;
    z-index: 100
}


.section-playground .iphone-apps-playgrounds-copy {
    width: 26em;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) { 
	.section-playground .iphone-apps-playgrounds-copy {
    	width: 16em;
    	margin-left: auto;
    	margin-right: auto
	}
}

@media only screen and (max-width: 735px) {
    .section-playground .iphone-apps-playgrounds-copy {
        width: 70%
    }
}

@media only screen and (max-width: 1068px) {
    .section-playground .iphone-apps-playgrounds-image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.section-playground .iphone-apps-playgrounds .ipad-apps-content {
    background-color: #fafafa
}

@media only screen and (max-width: 1068px) {
    .section-playground .iphone-apps-playgrounds .image-appstore-icon {
        left: 50%;
        margin-left: -36px;
        position: relative
    }
}

@media only screen and (max-width: 735px) {
    .section-playground .iphone-apps-playgrounds .image-appstore-icon {
        left: 50%;
        margin-left: -34.5px;
        position: relative
    }
}

.banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
    width: 486px;
    height: 425px;
    background-size: 486px 425px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/compare__b8niig34car6_large.jpg");
    left: 25%;
    position: relative!important;
    bottom: 0;
    top: 74px;
    z-index: 1;
    margin-left: -185.5px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        background-image: url("/tr/earthbykids/images/compare__b8niig34car6_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        width: 234px;
        height: 303px;
        background-size: 234px 303px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/compare__b8niig34car6_medium.jpg");
        top: 50px;
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        background-image: url("/tr/earthbykids/images/compare__b8niig34car6_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        width: 293px;
        height: 275px;
        background-size: 293px 275px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/compare__b8niig34car6_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        background-image: url("/tr/earthbykids/images/compare__b8niig34car6_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        left: 50%;
        margin-left: -306px;
        position: relative
    }
}

.background-alt {
    background-color: #fafafa;
    max-width: initial;
}


@media only screen and (max-width: 735px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        left: 50%;
        margin-left: -150px;
        position: relative
    }
}

@media only screen and (max-width: 735px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        position: relative
    }
}

@media only screen and (max-width: 735px) {
    .banner-promo.iphone-apps-playgrounds .image-iphone-playgrounds {
        top: 470px;
    }
}

.banner-promo.iphone-apps-playgrounds .image-appstore-icon {
    width: 66px;
    height: 66px;
    background-size: 66px 66px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_large.png");
    left: 50%;
    margin-left: -33px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-appstore-icon {
        background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .banner-promo.iphone-apps-playgrounds .image-appstore-icon {
        width: 72px;
        height: 72px;
        background-size: 72px 72px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-appstore-icon {
        background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .banner-promo.iphone-apps-playgrounds .image-appstore-icon {
        width: 69px;
        height: 69px;
        background-size: 69px 69px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .banner-promo.iphone-apps-playgrounds .image-appstore-icon {
        background-image: url("/tr/earthbykids/images/icon_appstore__eq0h24qpv1aq_small_2x.png")
    }
}

.section-playground {
    height: 550px;
    margin-top: 150px;
    margin-bottom: 0px;
}

@media only screen and (max-width: 1068px) { 
	.section-playground {
		height: 500px;
   		margin-top: 150px;
 		margin-bottom: 0px;
	}
}

@media only screen and (max-width: 735px) { 
	.section-playground {
		height: 765px;
   		margin-top: 150px;
 		margin-bottom: 50px;
	}
}

.section-playground .section-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

@media only screen and (max-width: 1068px) {
    .section-playground .section-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 735px) {
    .section-playground .section-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .section .section-video-container .section-headline {
        width:70%;
    }
}

.promo-section .banner-promo .promo-copy.playgrounds-margin{
    padding-right: 0;
    padding-left: 45px;
    margin-right: 0;
}

@media only screen and (max-width: 1068px) {
    .promo-section .banner-promo .promo-copy.playgrounds-margin {
        margin-right: 30px;
        padding-left: 0;
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo .promo-copy.playgrounds-margin {
        margin-top: -300px;
        height: 770px;
        padding-right: 25px;
        padding-left: 43px;
        margin-right: 0px;
        margin-left: 0px;
    }
}

/*------------------------------------*/
   /*PLAYGROUND*/
/*------------------------------------*/


/*------------------------------------*/
   /*PHOTOS*/
/*------------------------------------*/


.section-photos {
    margin-top: 5px;
    margin-bottom: 5px;
}

.section-photos p:not(.large-centered){
    text-align: left;
}

.section-photos .full-image .typography-body{
    max-width: 450px;
}

@media only screen and (max-width: 1068px) {
    .section-photos .full-image .typography-body{
        max-width: 320px;
    }
}

@media only screen and (max-width: 735px) {
    .section-photos .full-image .typography-body{
        max-width: initial;
    }
}

.section-photos .paintings-container .typography-body{
    line-height: 1.27059;
}

.section-photos .portrait-caption{
    margin-top: 10px;
    margin-bottom: 20px;
}


.section-photos .example.show{
    float:left;
}

@media only screen and (max-width: 735px) {
    .section-photos .example.show.right{
        float:left;
    }
}

.section.section-photos .section-content {
   padding: 0;
}


.section-photos .example.show.right{
    float:right;
}

.section-photos .portrait-examples.dc-portrait-lighting-examples  .example{
    margin:0;
    width: 480px;
}
@media only screen and (max-width: 1068px) {
    .section-photos .portrait-examples.dc-portrait-lighting-examples  .example{
        margin:0;
        width: 335px;
    }
}
@media only screen and (max-width: 735px) {
    .section-photos .portrait-examples.dc-portrait-lighting-examples  .example{
        margin:50px 0 0 0 ;
        width: 100%;
    }
}

.section-photos .portrait-examples.dc-portrait-lighting-examples  .example.efe-n{
    margin-top: 60px;
}

.section-photos .portrait-examples.dc-portrait-lighting-examples .example{
    margin-top: 60px;
}

.paintings-container {
    width:980px;
}

@media only screen and (max-width: 735px) {
    .paintings-container {
        width:320px;
    }
}

/* SERIES AFTER FULL IMAGE */

.cagla-c figure{
    width: 980px;
    height: 726px;
    background-size: 980px 726px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .cagla-c figure {
        background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .cagla-c figure {
        width: 692px;
        height: 512px;
        background-size: 692px 512px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cagla-c figure {
        background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .cagla-c figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_small.jpg")
    }

    .cagla-c figure::after {
        content: '';
        display: block;
        padding-bottom: 75.99%;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .cagla-c figure {
        background-image: url("/tr/earthbykids/images/still_1__mp7u2rcftaa2_small_2x.jpg")
    }
}

.ali-o figure {
    width: 480px;
    height: 345px;
    background-size: 480px 345px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ali-o figure {
        background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .ali-o figure {
        width: 336px;
        height: 241px;
        background-size: 336px 241px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .ali-o figure {
        background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .ali-o figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 437px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_small.jpg")
    }

    .ali-o figure::after{
        content: '';
        display: block;
        padding-bottom: 74.24022%;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .ali-o figure {
        background-image: url("/tr/earthbykids/images/still_2__bkmoakd4eo02_small_2x.jpg")
    }
}

.ali-g figure {
    width: 480px;
    height: 713px;
    background-size: 480px 713px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ali-g figure {
        background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .ali-g figure {
        width: 336px;
        height: 499px;
        background-size: 360px 535px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .ali-g figure {
        background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .ali-g figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_small.jpg")
    }

    .ali-g figure::after{
        content: '';
        display: block;
        padding-bottom: 133.24022%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .ali-g figure {
        background-image: url("/tr/earthbykids/images/still_3__f6w96oqtqu2y_small_2x.jpg")
    }
}

.nil-t figure {
    width: 480px;
    height: 713px;
    background-size: 480px 713px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .nil-t figure {
        background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .nil-t figure {
        width: 336px;
        height: 499px;
        background-size: 336px 499px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .nil-t figure {
        background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .nil-t figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_small.jpg")
    }

    .nil-t figure::after {
        content: '';
        display: block;
        padding-bottom: 74.24022%;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .nil-t figure {
        background-image: url("/tr/earthbykids/images/still_4__w29xaevukmam_small_2x.jpg")
    }
}

.ata-s-2 figure {
    width: 480px;
    height: 345px;
    background-size: 480px 345px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ata-s-2 figure {
        background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .ata-s-2 figure {
        width: 336px;
        height: 241px;
        background-size: 336px 241px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .ata-s-2 figure {
        background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .ata-s-2 figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_small.jpg")
    }

    .ata-s-2 figure::after{
        content: '';
        display: block;
        padding-bottom: 133.24022%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .ata-s-2 figure {
        background-image: url("/tr/earthbykids/images/still_5__c6clek9anqgm_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) and (min-width: 735px) {
    .ata-s-2.example.show.right {
        margin-top: 18px;
    }
}

@media only screen and (min-width: 735px)
{
    .section-photos .portrait-examples.dc-portrait-lighting-examples .example.efe-n{
        margin-top: -440px;
    }
}

.huseyin-b figure {
    width: 980px;
    height: 726px;
    background-size: 980px 726px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .huseyin-b figure {
        background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .huseyin-b figure {
        width: 692px;
        height: 512px;
        background-size: 692px 512px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .huseyin-b figure {
        background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .huseyin-b figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_small.jpg")
    }

    .huseyin-b figure {
        content: '';
        display: block;
        padding-bottom: 53.72671%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .huseyin-b figure {
        background-image: url("/tr/earthbykids/images/still_6__emxruvwmn7wy_small_2x.jpg")
    }
}

.section-photos .full-image.huseyin-b{
    margin-top: 50px;
}


/* SERIES AFTER SECOND FULL IMAGE */

.ozgun-a figure {
    width: 480px;
    height: 582px;
    background-size: 480px 582px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .ozgun-a figure {
        background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .ozgun-a figure {
        width: 336px;
        height: 408px;
        background-size: 336px 408px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .ozgun-a figure {
        background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .ozgun-a figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_small.jpg")
    }

    .ozgun-a figure::after{
        content: '';
        display: block;
        padding-bottom: 133.24022%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .ozgun-a figure {
        background-image: url("/tr/earthbykids/images/still_7__evvj9mp8o12e_small_2x.jpg")
    }
}

.cihan-r figure {
    width: 480px;
    height: 582px;
    background-size: 480px 582px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .cihan-r figure {
        background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .cihan-r figure {
        width: 336px;
        height: 408px;
        background-size: 336px 408px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .cihan-r figure {
        background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .cihan-r figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_small.jpg")
    }

    .cihan-r figure::after{
        content: '';
        display: block;
        padding-bottom: 74.24022%;
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .cihan-r figure {
        background-image: url("/tr/earthbykids/images/still_8__cgeeb73kkraq_small_2x.jpg")
    }
}

.sude-d figure {
    width: 980px;
    height: 726px;
    background-size: 980px 726px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_large.jpg")
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .sude-d figure {
        background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .sude-d figure {
        width: 692px;
        height: 512px;
        background-size: 692px 512px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .sude-d figure {
        background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .sude-d figure {
        background-size: cover;
        width: 320px;
        height: 388px;
        background-size: 320px 388px;
        margin-left: auto;
        margin-right: auto;
        background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_small.jpg")
    }

    .sude-d figure {
        content: '';
        display: block;
        padding-bottom: 74.99671%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .sude-d figure {
        background-image: url("/tr/earthbykids/images/still_9__zjd0ox97mo22_small_2x.jpg")
    }
}

@media only screen and (min-width: 1068px){
    .section-photos .portrait-examples.dc-portrait-lighting-examples .example.nil-t{
        margin-top: -310px;
    }
}


@media only screen and (max-width: 1068px) and (min-width: 735px){
    .section-photos .portrait-examples.dc-portrait-lighting-examples .example.nil-t{
        margin-top: -240px;
    }
}


@media only screen and (max-width: 735px) {
    .portrait-examples .portrait-caption{
        max-width: 100%;
    }
}


@media only screen and (max-width: 735px) {
    .portrait-examples .portrait-caption{
        max-width: 100%;
    }
}

.full-image.sude-d {margin-top: 60px;}

/*------------------------------------*/
   /*THATS IPHONE*/
/*------------------------------------*/

.section-get-more .banner-promo.thats-iphone {
	width: 1380px;
	height: 500px;
    background-size: 1380px 500px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_large.jpg");
    background-position-x: center;
    background-position-y: bottom;
    background-position: left bottom;
    height: 500px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-get-more .banner-promo.thats-iphone {
        background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .banner-promo.thats-iphone {
        background-size: 735px 400px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-get-more .banner-promo.thats-iphone {
        background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.thats-iphone {
        background-size: 736px 490px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-get-more .banner-promo.thats-iphone {
        background-image: url("/tr/earthbykids/images/thats_iphone__epn9k6jfofiq_small_2x.jpg")
    }
}

@media only screen and (max-width:320px) {
    .section-get-more .banner-promo.thats-iphone {
        background-image: url("/tr/earthbykids/images/thats_iphone_se__en043ql0ugeq_small.jpg")
    }
}

@media only screen and (max-width:320px) and (-webkit-min-device-pixel-ratio:1.5), only screen and (max-width:735px) and (min-resolution:1.5dppx), only screen and (max-width:735px) and (min-resolution:144dpi) {
    .section-get-more .banner-promo.thats-iphone {
        background-image: url("/tr/earthbykids/images/thats_iphone_se__en043ql0ugeq_small_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .banner-promo.thats-iphone {
        background-position: right bottom;
        height: 400px
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.thats-iphone {
        background-position: center top;
        height: 490px
    }
}

.section-get-more .banner-promo.thats-iphone .promo-copy-wrapper {
    bottom: 65px;
    left: 0;
    margin-left: 155px;
    position: absolute;
    text-align: left
}

@media only screen and (max-width: 1068px) {
    .section-get-more .banner-promo.thats-iphone .promo-copy-wrapper {
        bottom: 56px;
        margin-left: 44px
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.thats-iphone .promo-copy-wrapper {
        bottom: 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-left: auto;
        position: relative;
        text-align: center
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.thats-iphone .promo-copy-wrapper p {
        margin-top: 0.5em
    }
}

.section .section-content-oversized {
    width: auto;
    max-width: 1440px
}

@media only screen and (max-width: 1068px) {
    .section .section-content-oversized {
        width: 765px
    }
}

@media only screen and (max-width: 735px) {
    .section .section-content-oversized {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
}

.typography-promo-headline {
    font-size: 48px;
    line-height: 1.08365;
    font-weight: 600;
    letter-spacing: -.003em;
    font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}
@media only screen and (max-width: 1068px) {
    .typography-promo-headline {
        font-size: 32px;
        line-height: 1.125;
        font-weight: 600;
        letter-spacing: .004em;
        font-family: "SF Pro Display", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif
    }
}


/*------------------------------------*/
   /*THATS IPHONE*/
/*------------------------------------*/



/*------------------------------------*/
   /*HOW TO*/
/*------------------------------------*/


.promo-section .banner-container {
    margin: 0 auto;
    width: 1440px
}

.promo-section .banner-promo {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 500px;
    margin: 2.08333%
}

@media only screen and (max-width: 1068px) {
    .promo-section .banner-promo {
        height: 400px;
        margin: 2.34082%
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo {
        height: auto;
        margin: 0 auto 30px
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo {
        display: block
    }
}

.promo-section .banner-promo.inline-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.promo-section .banner-promo.inline-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.promo-section .banner-promo .promo-copy {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 8.43%;
    padding-left: 6.42857%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.headline-color{
    color: #111;
}

@media only screen and (max-width: 1068px) {
    .promo-section .banner-promo .promo-copy {
        padding-right: 3.74532%;
        padding-left: 3.74532%
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo .promo-copy {
        padding-top: 40px;
        padding-right: 6.25%;
        padding-left: 6.25%;
        display: block
    }
}

.promo-section .banner-promo .promo-copy .violator {
    margin-top: 20px
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo .promo-copy .violator {
        margin-top: 22px
    }
}

.promo-section .banner-promo .promo-copy-wrapper {
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.promo-section .banner-promo .promo-image {
    height: 100%;
    width: calc(50% - 1.07143%)
}

@media only screen and (max-width: 1068px) {
    .promo-section .banner-promo .promo-image {
        width: calc(50% - .93633%)
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .banner-promo .promo-image {
        width: 100%
    }
}

.promo-section .promo-tile {
    position: relative
}

@media only screen and (max-width: 1068px) {
    .promo-section .promo-tile {
        margin-bottom: 2.34082%
    }
}

@media only screen and (max-width: 735px) {
    .promo-section .promo-tile {
        padding-right: 6.25%;
        padding-left: 6.25%;
        margin-bottom: 30px
    }
}

.promo-section .promo-tile p + .links-stacked {
    margin-top: 0.8em
}

.promo-section .promo-tile .promo-copy {
    padding-top: 60px
}

@media only screen and (max-width: 1068px) {
    .promo-section .promo-tile .promo-copy {
        padding-top: 40px
    }
}

.promo-section .promo-tile .promo-copy.links-inline .links-stacked li + li {
    margin-top: 0
}

.tr-section-margin-fix{
    margin-top: 0px;
}

.section-get-more .banner-promo.shot-on-iphone {
	/* width:1348px;
	height:500px; */
    background-size: 1348px 500px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_large.jpg");
    background-position-x: center;
    background-position-y: bottom;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-get-more .banner-promo.shot-on-iphone {
        background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .banner-promo.shot-on-iphone {
        background-size: 736px 400px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-get-more .banner-promo.shot-on-iphone {
        background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.shot-on-iphone {
        background-size: 736px 600px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-get-more .banner-promo.shot-on-iphone {
        background-image: url("/tr/earthbykids/images/shot_on_iphone__dyra3w92dcmu_small_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .banner-promo.shot-on-iphone {
        padding-bottom: 270px
    }
}



/*------------------------------------*/
   /*HOW TO*/
/*------------------------------------*/


/*------------------------------------*/
   /*TDOAY*/
/*------------------------------------*/

.banner-promo.today-at-apple .promo-image {
    background-size: 666px 500px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_large.jpg");
    background-position-x: center;
    background-position-y: bottom;
    background-position-x: 9px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .banner-promo.today-at-apple .promo-image {
        background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
.banner-promo.today-at-apple .promo-image {
        background-size: 385px 400px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .banner-promo.today-at-apple .promo-image {
        background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
.banner-promo.today-at-apple .promo-image {
        width: 736px;
        height: 283px;
        background-size: 736px 283px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_small.jpg");
    }
}

@media only screen and (max-width: 735px) {
    .banner-promo.today-at-apple .promo-image {
        height:283px;
        background-position-x: center;
        width: 100%
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
.banner-promo.today-at-apple .promo-image {
        background-image: url("/tr/earthbykids/images/taa_iphone_family__dgywshiqj10m_small_2x.jpg")
    }
}

.today-at-apple .typography-promo-headline { color: #333; }


/*------------------------------------*/
   /*TODAY*/
/*------------------------------------*/

/*------------------------------------*/
   /*FAMILY*/
/*------------------------------------*/

.fp-tile {
    background-color: #fff;
    overflow: hidden
}

.fp-tile-2 {
    margin-bottom: 2.08333vw;
    padding-left: 4.16667%;
    padding-right: 4.16667%;
    width: 46%
}

@media only screen and (max-width: 1068px) {
    .fp-tile-2 {
        margin-bottom: 2.34082vw;
        padding-left: 3.74532%;
        padding-right: 3.74532%;
        width: 45.90%
    }
}

.fp-tile-2:nth-child(2n + 1) {
    margin-left: 2.08333%;
    margin-right: 1.04167%
}

@media only screen and (max-width: 1068px) {
    .fp-tile-2:nth-child(2n + 1) {
        margin-left: 2.34082%;
        margin-right: 2.17041%
    }
}

.fp-tile-2:nth-child(2n) {
    margin-left: 3.04%;
    margin-right: 1.08%
}

@media only screen and (max-width: 1068px) {
    .fp-tile-2:nth-child(2n) {
        margin-left: 1.17041%;
        margin-right: 2.34082%
    }
}

@media only screen and (min-width: 1440px) {
    .fp-tile-2 {
        margin-bottom: 30px
    }
}

@media only screen and (max-width: 735px) {
    .fp-tile-2 {
        margin-left: auto;
        margin-right: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        max-width: 735px;
        width: auto
    }

    .fp-tile-2:nth-child(n) {
        margin-left: auto;
        margin-right: auto
    }
}

.fp-tilegrid {
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 735px) {
    .fp-tilegrid {
        width: 100%;
        display: block
    }
}

.fp-tilegrid.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.fp-tilegrid.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* margin-top: 30px; */
}

.fp-tilegrid-2 {
    width: 1440px
}

.fp-tilegrid-3 {
    max-width: 1450px
}

@media only screen and (max-width: 735px) {
    .fp-tilegrid-2, .fp-tilegrid-3 {
        padding: 0
    }
}

.section-get-more .promo-tile.families {
    background-size: 675px 750px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_large.jpg");
    background-position-x: center;
    background-position-y: bottom
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-get-more .promo-tile.families {
        background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.families {
        background-size: 358px 650px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.families {
        background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.families {
        background-size: 736px 600px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_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: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.families {
        background-image: url("/tr/earthbykids/images/families__bsxxjgpdonxy_small_2x.jpg")
    }
}

.section-get-more .promo-tile.families .promo-copy {
    padding-bottom: 450px;
    text-align: center;
}

@media only screen and (max-width: 1068px) {
.section-get-more .promo-tile.families .promo-copy {
        padding-bottom: 342px
    }
}

@media only screen and (max-width: 735px) {
.section-get-more .promo-tile.families .promo-copy {
        padding-bottom: 372px
    }
}


/*------------------------------------*/
   /*FAMILY*/
/*------------------------------------*/


/*------------------------------------*/
   /*MUSIC*/
/*------------------------------------*/

.section-get-more .promo-tile.apple-music {
    padding-bottom: 424px;
    background: #d14a9a;
    background: -webkit-linear-gradient(105deg, #d253b1, #fb6f4a);
    background: linear-gradient(345deg, #d253b1, #fb6f4a)
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music {
        padding-bottom: 371px
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.apple-music {
        padding-bottom: 327px
    }
}

.section-get-more .promo-tile.apple-music .promo-image {
    width: 554px;
    height: 420px;
    background-size: 554px 420px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_large.png");
    position: relative;
    left: 50%;
    margin-left: -277px;
    position: absolute;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-image {
        background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music .promo-image {
        width: 315px;
        height: 331px;
        background-size: 315px 331px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-image {
        background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.apple-music .promo-image {
        width: 411px;
        height: 287px;
        background-size: 411px 287px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-image {
        background-image: url("/tr/earthbykids/images/apple_music__dx8oonxjp8ae_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music .promo-image {
        left: 56%;
        margin-left: -157.5px
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.apple-music .promo-image {
        left: 50%;
        margin-left: -205.5px
    }
}

.section-get-more .promo-tile.apple-music .promo-headline {
    width: 155px;
    height: 38px;
    background-size: 155px 38px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_large.png");
    position: relative;
    left: 50%;
    margin-left: -77.5px;
    margin-top: 6px;
    padding-bottom: 7px
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        width: 105px;
        height: 26px;
        background-size: 105px 26px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_medium_2x.png")
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        width: 105px;
        height: 26px;
        background-size: 105px 26px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_small.png")
    }
}

@media only screen and (max-width: 735px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 735px) and (min-resolution: 1.5dppx), only screen and (max-width: 735px) and (min-resolution: 144dpi) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        background-image: url("/tr/earthbykids/images/apple_music_logo__dsp2f1hjyj8m_small_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        left: 50%;
        margin-left: -52.5px
    }
}

@media only screen and (max-width: 735px) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        left: 50%;
        margin-left: -52.5px
    }
}

@media only screen and (max-width: 1068px) {
    .section-get-more .promo-tile.apple-music .promo-headline {
        margin-top: 1px;
        padding-bottom: 6px
    }
}

.section-get-more .promo-tile.apple-music p, 
.section-get-more .promo-tile.apple-music a {
    color: #fff;
    text-align: center;
    /* font-size: 21px; */
}

.apple-music-margin-fix{
    margin-top: 22px;
}

.tr-apple-music{
    text-align: center;
}

.tr-apple-music li{
    display: inline-block;
    margin: 0 .5em;
}

@media only screen and (max-width: 1068px) {
    .tr-apple-music li:first-child {

    }
}

@media only screen and (max-width: 735px) {
    .tr-apple-music li:first-child {

    }
}

@media only screen and (max-width: 1068px) {
    .tr-apple-music li:last-child {
        margin-right: 23px;
    }
}

@media only screen and (max-width: 735px) {
    .tr-apple-music li:last-child {
        margin-right: 0;
        margin-left: 0;
    }
}

/*------------------------------------*/
   /*MUSIC*/
/*------------------------------------*/



/*------------------------------------*/
   /*COMPARE*/
/*------------------------------------*/

.compare-fix{
    width: 100%;
}

.section-compare {
    height: auto;
    background-color: #fafafa;
    padding-top: 0;
    padding-bottom: 0;
    max-height: none;
    margin-top: 0;
}

@media only screen and (max-width: 1068px) {
    .section-compare {
        max-height: none
    }
}

@media only screen and (max-width: 735px) {
    .section-compare {
        max-height: none
    }
}

.section-compare .typography-headline { color: #111; margin: 0 auto; text-align: center;}


.section-compare .compare-content {
    position: relative;
    padding-bottom: 80px;
    padding-top: 90px;
    max-width: 980px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto;
    height: auto;
    left: auto;
    top: auto;
    width: 100%
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-content {
        padding-bottom: 90px;
        padding-top: 60px;
        max-width: 320px
    }
}

.section-compare .compare-row.compare-update {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update {
        max-width: 830px
    }
}

.section-compare .compare-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 123px
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row {
        margin-top: 45px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row {
        margin-top: 83px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row {
        margin-top: 40px
    }
}

.section-compare .device {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 80px
}

@media only screen and (max-width: 735px) {
    .section-compare .device {
        width: 50%;
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .device {
        margin-bottom: 58px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .device {
        margin-bottom: 62px
    }
}

.ie .section-compare .device {
    min-height: 488px
}

@media only screen and (max-width: 1068px) {
    .ie .section-compare .device {
        min-height: 394px
    }
}

@media only screen and (max-width: 735px) {
    .ie .section-compare .device {
        min-height: 355px
    }
}

.ie .section-compare .device:nth-child(2) {
    margin-top: 0
}

@media only screen and (max-width: 735px) {
    .section-compare .device:last-child {
        margin-bottom: 32px
    }
}

.section-compare .compare-row.compare-update .device .hardware {
    margin: 0 auto 30px auto
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware {
        margin: 0 auto 21px auto
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row.compare-update .device .hardware {
        margin: 0 auto 13px auto
    }
}


@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        left: 50%;
        margin-left: -41px;
        position: relative
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-xr,
.section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
    padding-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr,
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        padding-top: 0
    }
}

.section-compare .compare-row.compare-update .device .typography-label.logo {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.logo {
        margin-bottom: 6px
    }
}

.section-compare .cta {
    margin-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-compare .cta {
        margin-top: 2px
    }
}

.section-compare .compare-row.compare-update .device .normal-space {
    margin-top: 10px
}

.button {
    font-size: 17px;
    line-height: 1.47059;
    font-weight: 400;
    letter-spacing: -.022em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    background-color: #0070c9;
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    min-width: 30px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    white-space: nowrap
}
.button:hover {
    background-color: #147bcd;
    background: -webkit-linear-gradient(#51a9ee, #147bcd);
    background: linear-gradient(#51a9ee, #147bcd);
    border-color: #1482d0;
    text-decoration: none
}

.button:focus {
    box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    outline: none
}

.button:focus[data-focus-method="mouse"]:not(input):not(textarea):not(select),
.button:focus[data-focus-method="touch"]:not(input):not(textarea):not(select) {
    box-shadow: none
}

.button:active {
    background-color: #0067b9;
    background: -webkit-linear-gradient(#3d94d9, #0067b9);
    background: linear-gradient(#3d94d9, #0067b9);
    border-color: #006dbc;
    outline: none
}

.button:disabled, .button.disabled {
    background-color: #0070c9;
    background: -webkit-linear-gradient(#42a1ec, #0070c9);
    background: linear-gradient(#42a1ec, #0070c9);
    border-color: #07c;
    color: #fff;
    cursor: default;
    opacity: .3
}

.button-compact {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    min-width: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px
}
.button-block {
    box-sizing: border-box;
    display: block;
    width: 100%
}
.button-secondary {
    background-color: #e3e3e3;
    background: -webkit-linear-gradient(#fff, #e3e3e3);
    background: linear-gradient(#fff, #e3e3e3);
    border-color: #d6d6d6;
    color: #0070c9
}

.button-secondary:hover {
    background-color: #eee;
    background: -webkit-linear-gradient(#fff, #eee);
    background: linear-gradient(#fff, #eee);
    border-color: #d9d9d9
}

.button-secondary:active {
    background-color: #dcdcdc;
    background: -webkit-linear-gradient(#f7f7f7, #dcdcdc);
    background: linear-gradient(#f7f7f7, #dcdcdc);
    border-color: #d0d0d0
}

.button-secondary:disabled, .button-secondary.disabled {
    background-color: #e3e3e3;
    background: -webkit-linear-gradient(#fff, #e3e3e3);
    background: linear-gradient(#fff, #e3e3e3);
    border-color: #d6d6d6;
    color: #0070c9
}

.button-applemusic {
    background-color: #da0f47;
    background: -webkit-linear-gradient(#f82752, #da0f47);
    background: linear-gradient(#f82752, #da0f47);
    border-color: #da0f47;
    color: #fff
}

.button-applemusic:hover {
    background-color: #dd2256;
    background: -webkit-linear-gradient(#f93860, #dd2256);
    background: linear-gradient(#f93860, #dd2256);
    border-color: #dd2256
}

.button-applemusic:active {
    background-color: #cf0e43;
    background: -webkit-linear-gradient(#ec254e, #cf0e43);
    background: linear-gradient(#ec254e, #cf0e43);
    border-color: #cf0e43
}

.button-applemusic:disabled, .button-applemusic.disabled {
    background-color: #da0f47;
    background: -webkit-linear-gradient(#f82752, #da0f47);
    background: linear-gradient(#f82752, #da0f47);
    border-color: #da0f47;
    color: #fff
}



.section-compare {
    height: auto;
    background-color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    max-height: none
}

@media only screen and (max-width: 1068px) {
    .section-compare {
        max-height: none
    }
}

@media only screen and (max-width: 735px) {
    .section-compare {
        max-height: none
    }
}



.section-compare .compare-content {
    position: relative;
    padding-bottom: 80px;
    padding-top: 90px;
    max-width: 980px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    margin: 0 auto;
    height: auto;
    left: auto;
    top: auto;
    width: 100%
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-content {
        padding-bottom: 30px;
        padding-top: 60px;
        max-width: 320px
    }
}

.section-compare .last {
    margin-top: 0
}


.section-compare .compare-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 60px
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row {
        margin-top: 45px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row {
        margin-top: 83px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row {
        margin-top: 40px
    }
}

.section-compare .device {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 80px
}

@media only screen and (max-width: 735px) {
    .section-compare .device {
        width: 50%;
        -webkit-box-flex: 2;
        -webkit-flex-grow: 2;
        -ms-flex-positive: 2;
        flex-grow: 2
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .device {
        margin-bottom: 58px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .device {
        margin-bottom: 62px
    }
}

.ie .section-compare .device {
    min-height: 488px
}

@media only screen and (max-width: 1068px) {
    .ie .section-compare .device {
        min-height: 394px
    }
}

@media only screen and (max-width: 735px) {
    .ie .section-compare .device {
        min-height: 355px
    }
}

.ie .section-compare .device:nth-child(2) {
    margin-top: 0
}

@media only screen and (max-width: 735px) {
    .section-compare .device:last-child {
        margin-bottom: 32px
    }
}

.section-compare .hardware {
    margin: 0 auto 14px auto
}

@media only screen and (max-width: 1068px) {
    .section-compare .hardware {
        margin: 0 auto 21px auto
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .hardware {
        margin: 0 auto 13px auto
    }
}

.section-compare .compare-row.compare-update {
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update {
        max-width: 830px
    }
}

.section-compare .compare-row.compare-update .device .hardware {
   margin: 38px 48px 32px 45px
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware {
        margin: 0 40px 21px 40px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .compare-row.compare-update .device .hardware {
        margin: 0 auto 13px auto
    }
}

.section-compare .compare-row.compare-update .device .hardware.iphone-7 {
    width: 160px;
    height: 249px;
    background-size: 160px 249px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/iphone_7_combo__fip54thwra2y_large.jpg");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-7 {
        background-image: url("/tr/earthbykids/images/iphone_7_combo__fip54thwra2y_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-7 {
        width: 120px;
        height: 187px;
        background-size: 120px 187px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/iphone_7_combo__fip54thwra2y_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-7 {
        background-image: url("/tr/earthbykids/images/iphone_7_combo__fip54thwra2y_medium_2x.jpg")
    }
}

.section-compare .compare-row.compare-update .device .hardware.iphone-8 {
    width: 162px;
    height: 249px;
    background-size: 162px 249px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/iphone_8__bqwb2793ohle_large.jpg");
    /* margin-left: 40px; */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-8 {
        background-image: url("/tr/earthbykids/images/iphone_8__bqwb2793ohle_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-8 {
        width: 122px;
        height: 187px;
        background-size: 122px 187px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/iphone_8__bqwb2793ohle_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-8 {
        background-image: url("/tr/earthbykids/images/iphone_8__bqwb2793ohle_medium_2x.jpg")
    }
}

.section-compare .compare-row.compare-update .device .hardware.iphone-xs {
    width: 155px;
    height: 249px;
    background-size: 155px 249px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/iphonexs__eflj6qjn3yc2_large.jpg");
    /* margin-left: 55px; */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xs {
        background-image: url("/tr/earthbykids/images/iphonexs__eflj6qjn3yc2_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xs {
        width: 116px;
        height: 187px;
        background-size: 116px 187px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/iphonexs__eflj6qjn3yc2_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xs {
        background-image: url("/tr/earthbykids/images/iphonexs__eflj6qjn3yc2_medium_2x.jpg")
    }
}

.section-compare .compare-row.compare-update .device .hardware.iphone-xr {
    width: 120px;
    height: 249px;
    background-size: 120px 249px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/iphonexr__ee1okka7rmqa_large.jpg");
    /* margin-left: 55px; */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xr {
        background-image: url("/tr/earthbykids/images/iphonexr__ee1okka7rmqa_large_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xr {
        width: 89px;
        height: 187px;
        background-size: 89px 187px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/iphonexr__ee1okka7rmqa_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: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .hardware.iphone-xr {
        background-image: url("/tr/earthbykids/images/iphonexr__ee1okka7rmqa_medium_2x.jpg")
    }
}

.section-compare .compare-row.compare-update .device .typography-label.logo {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.logo {
        margin-bottom: 6px
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-7 {
    width: 123px;
    height: 20px;
    background-size: 123px 20px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/logo_iphone_7__e16ekf5jl26a_large.png");
    left: 50%;
    margin-left: -61.5px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-7 {
        background-image: url("/tr/earthbykids/images/logo_iphone_7__e16ekf5jl26a_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-7 {
        width: 62px;
        height: 13px;
        background-size: 62px 13px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/logo_iphone_7__e16ekf5jl26a_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-7 {
        background-image: url("/tr/earthbykids/images/logo_iphone_7__e16ekf5jl26a_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-7 {
        left: 50%;
        margin-left: -31px;
        position: relative
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-8 {
    width: 125px;
    height: 20px;
    background-size: 125px 20px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/logo_iphone_8__og95xyfangya_large.png");
    left: 50%;
    margin-left: -62.5px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-8 {
        background-image: url("/tr/earthbykids/images/logo_iphone_8__og95xyfangya_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-8 {
        width: 64px;
        height: 13px;
        background-size: 64px 13px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/logo_iphone_8__og95xyfangya_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-8 {
        background-image: url("/tr/earthbykids/images/logo_iphone_8__og95xyfangya_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-8 {
        left: 50%;
        margin-left: -32px;
        position: relative
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-xr {
    width: 102px;
    height: 16px;
    background-size: 102px 16px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/logo_iphonexr__glom2zieamqa_large.png");
    left: 50%;
    margin-left: -51px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr {
        background-image: url("/tr/earthbykids/images/logo_iphonexr__glom2zieamqa_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr {
        width: 82px;
        height: 13px;
        background-size: 82px 13px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/logo_iphonexr__glom2zieamqa_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr {
        background-image: url("/tr/earthbykids/images/logo_iphonexr__glom2zieamqa_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr {
        left: 50%;
        margin-left: -41px;
        position: relative
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
    width: 102px;
    height: 16px;
    background-size: 102px 16px;
    background-repeat: no-repeat;
    background-image: url("/tr/earthbykids/images/logo_iphonexs__dhf1k65s4i4i_large.png");
    left: 50%;
    margin-left: -51px;
    position: relative
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        background-image: url("/tr/earthbykids/images/logo_iphonexs__dhf1k65s4i4i_large_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        width: 82px;
        height: 13px;
        background-size: 82px 13px;
        background-repeat: no-repeat;
        background-image: url("/tr/earthbykids/images/logo_iphonexs__dhf1k65s4i4i_medium.png")
    }
}

@media only screen and (max-width: 1068px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        background-image: url("/tr/earthbykids/images/logo_iphonexs__dhf1k65s4i4i_medium_2x.png")
    }
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        left: 50%;
        margin-left: -41px;
        position: relative
    }
}

.section-compare .compare-row.compare-update .device .typography-label.iphone-xr,
.section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
    padding-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xr,
    .section-compare .compare-row.compare-update .device .typography-label.iphone-xs {
        padding-top: 0
    }
}

.section-compare .compare-row.compare-update .device .normal-space {
    margin-top: 10px
}

.section-compare .cta {
    margin-top: 4px
}

@media only screen and (max-width: 1068px) {
    .section-compare .cta {
        margin-top: 2px
    }
}

.section-compare .normal-space {
    margin-top: 15px
}

@media only screen and (max-width: 1068px) {
    .section-compare .normal-space {
        margin-top: 13px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .normal-space {
        margin-top: 3px
    }
}

.section-compare .extra-space {
    margin-top: 45px
}

@media only screen and (max-width: 1068px) {
    .section-compare .extra-space {
        margin-top: 36px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .extra-space {
        margin-top: 26px
    }
}

@media only screen and (max-width: 735px) {
    .section-compare .extra-space.not-small {
        margin-top: 3px
    }
}

.tr-font{
    color: #fff;
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif
}

@media only screen and (max-width: 1068px) {
    .tr-font {
        font-size:17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif
    }
}

.tr-font-alt{
    font-size: 21px;
    line-height: 1.38105;
    font-weight: 400;
    letter-spacing: .011em;
    font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif
}

@media only screen and (max-width: 1068px) {
    .tr-font-alt {
        font-size:17px;
        line-height: 1.47059;
        font-weight: 400;
        letter-spacing: -.022em;
        font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif
    }
}