/*SCREEN IMPLEMENTATION*/
.app-row-ikea-place .app-video-startframe {
    background-image: url("/my/ios/augmented-reality/images/ikea_place_startframe_large.jpg");
}

@media only screen and (min-width:1700px) {
    .app-row-ikea-place .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/ikea_place_startframe_xlarge.jpg");
    }

}

@media only screen and (max-width:1068px) {
    .app-row-ikea-place .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/ikea_place_startframe_medium.jpg");
    }

}

@media only screen and (max-width:735px) {
    .app-row-ikea-place .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/ikea_place_startframe_small.jpg");
    }

}

.app-row-pokemon-go .app-video-startframe {
    background-image: url("/my/ios/augmented-reality/images/pokemon_go_startframe_large.jpg");
}


@media only screen and (min-width:1700px) {
    .app-row-pokemon-go .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/pokemon_go_startframe_xlarge.jpg");
    }

}

@media only screen and (max-width:1068px) {
    .app-row-pokemon-go .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/pokemon_go_startframe_medium.jpg");
    }

}

@media only screen and (max-width:735px) {
    .app-row-pokemon-go .app-video-startframe {
        background-image: url("/my/ios/augmented-reality/images/pokemon_go_startframe_small.jpg");
    }

}

.section-productivity-pillar .pillar-video-posterframe {
    background-image: url("/my/ios/augmented-reality/images/hero_startframe_large.jpg")
}

@media only screen and (min-width:1700px) {
    .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_startframe_xlarge.jpg")
    }

}

@media only screen and (max-width:1068px) {
    .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_startframe_medium.jpg")
    }

}

@media only screen and (max-width:735px) {
    .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_startframe_small.jpg")
    }

}

html.no-js .section-productivity-pillar .pillar-video-posterframe,
html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
html.aow .section-productivity-pillar .pillar-video-posterframe,
html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
html.touch .section-productivity-pillar .pillar-video-posterframe,
html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
    background-image: url("/my/ios/augmented-reality/images/hero_fallback_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) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_large_2x.jpg")
    }
}

@media only screen and (min-width: 1700px) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_xlarge.jpg")
    }
}

@media only screen and (min-width: 1700px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 1700px) and (min-resolution: 1.5dppx), only screen and (min-width: 1700px) and (min-resolution: 144dpi) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_xlarge_2x.jpg")
    }
}

@media only screen and (max-width: 1068px) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_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) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_medium_2x.jpg")
    }
}

@media only screen and (max-width: 735px) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_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) {
    html.no-js .section-productivity-pillar .pillar-video-posterframe,
    html.reduced-motion .section-productivity-pillar .pillar-video-posterframe,
    html.no-inline-video .section-productivity-pillar .pillar-video-posterframe,
    html.aow .section-productivity-pillar .pillar-video-posterframe,
    html.no-css-sticky .section-productivity-pillar .pillar-video-posterframe,
    html.touch .section-productivity-pillar .pillar-video-posterframe,
    html.disable-pillar-video .section-productivity-pillar .pillar-video-posterframe {
        background-image: url("/my/ios/augmented-reality/images/hero_fallback_small_2x.jpg")
    }
}

/*END SCREEN IMPLEMENTATION*/