
a.learn_more { display: inline; }
a.learn_more::after { top: inherit; bottom: 6px; }

.main_landing_bg { min-height: 784px; background: #fff url("/img/spark/20160223/sm-bg.jpg") no-repeat center top; background-size: 2560px 462px; }
.main_landing_bg .content { padding: 0; }

.main_landing_bg .title { padding: 150px 0 250px; color: #fff; font-size: 7em; font-weight: 600; line-height: 100%; }

.main_landing_bg .button.active { padding: 14px 65px; font-size: 1.5em; }

.description { padding: 55px 150px; }


.main-panel-1 .left { width: 350px; }
.main-panel-1 .right { width: 660px; }
.main-panel-1 .device { width: 1372px; height: 838px; background: url("/img/spark/20160223/sm-img-1.png") no-repeat center center; background-size: 1372px 838px; }

.main-panel-1 .icon { margin-top: 120px; background-image: url("/img/spark/inbox/sm-si-icon-1.png"); }
.main-panel-1 h1 { padding: 0 0 5px; }
.main-panel-1 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-2 .left { width: 670px; }
.main-panel-2 .right { width: 360px; }
.main-panel-2 .device { width: 670px; height: 446px; background: url("/img/spark/20160223/sm-img-2.png") no-repeat center center; background-size: 670px 446px; }

.main-panel-2 .icon { margin-top: 40px; background-image: url("/img/spark/20160223/sm-icon-2.png"); }
.main-panel-2 h1 { padding: 0 20px 20px 0; }


.main-panel-3 .left { width: 380px; }
.main-panel-3 .right { width: 500px; }
.main-panel-3 .device { width: 661px; height: 764px; background: url("/img/spark/20160223/sm-img-3.png") no-repeat center center; background-size: 661px 764px; }

.main-panel-3 .icon { margin-top: 80px; background-image: url("/img/spark/20160223/sm-icon-3.png"); }
.main-panel-3 h1 { padding: 0 0 30px; }


.main-panel-4 .left { width: 386px; }
.main-panel-4 .right { width: 440px; }
.main-panel-4 .device { margin: 20px 0 0 100px; width: 286px; height: 520px; background: url("/img/spark/20160223/sm-img-4.png") no-repeat center center; background-size: 286px 520px; }

.main-panel-4 .icon { margin-top: 20px; background-image: url("/img/spark/notifications/sm-sn-icon-1.png"); }
.main-panel-4 h1 { padding: 0 0 5px; }
.main-panel-4 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-5 { background: url("/img/spark/20160223/sn-bg-gradient.png") repeat-x top left; background-size: 1px 560px; }
.main-panel-5 .icon { background-image: url("/img/spark/viewer/sm-ev-icon-1.png"); }
.main-panel-5 h1 { padding: 0 0 5px; }
.main-panel-5 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }
.main-panel-5 p { margin: 0 auto; width: 600px; }
.main-panel-5 .device { margin: 40px 0 0 -23px; width: 1206px; height: 830px; background: url("/img/spark/20160223/sm-img-5.png") no-repeat center center; background-size: 1206px 830px; }


.main-panel-6 .left { width: 380px; }
.main-panel-6 .right { width: 500px; }
.main-panel-6 .device { width: 514px; height: 776px; background: url("/img/spark/20160223/sm-img-6.png") no-repeat center center; background-size: 514px 776px; }

.main-panel-6 .icon { margin-top: 100px; background-image: url("/img/spark/attach/sm-a-icon-1.png"); }
.main-panel-6 h1 { padding: 0 0 5px; }
.main-panel-6 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-7 .left { width: 540px; }
.main-panel-7 .right { width: 440px; }
.main-panel-7 .device { width: 540px; height: 776px; background: url("/img/spark/20160223/sm-img-7.png") no-repeat center center; background-size: 540px 776px; }

.main-panel-7 .icon { margin-top: 100px; background-image: url("/img/spark/composer/sm-c-icon-1.png"); }
.main-panel-7 h1 { padding: 0 0 5px; }
.main-panel-7 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-8 .left { width: 440px; }
.main-panel-8 .right { width: 660px; }
.main-panel-8 .device { width: 925px; height: 984px; background: url("/img/spark/20160223/sm-img-8.png") no-repeat center center; background-size: 925px 984px; }

.main-panel-8 .icon { margin-top: 140px; background-image: url("/img/spark/20160223/sm-icon-8.png"); }
.main-panel-8 h1 { padding: 0 0 5px; }
.main-panel-8 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-9 .left { width: 504px; }
.main-panel-9 .right { width: 440px; }
.main-panel-9 .device { width: 504px; height: 776px; background: url("/img/spark/20160223/sm-img-9.png") no-repeat center center; background-size: 504px 776px; }

.main-panel-9 .icon { margin-top: 100px; background-image: url("/img/spark/search/sm-ss-icon-1.png"); }
.main-panel-9 h1 { padding: 0 0 5px; }
.main-panel-9 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-10 { padding: 100px 0 80px; }
.main-panel-10 .left { width: 440px; }
.main-panel-10 .right { width: 540px; padding: 60px 0 0; }

.main-panel-10 .icon { margin-top: 10px; background-image: url("/img/spark/widgets/sm-w-icon-1.png"); }
.main-panel-10 h1 { padding: 0 0 5px; }
.main-panel-10 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }

.main-panel-10 .widget_item { display: inline-block; width: 170px; height: 64px; margin: 0 0 40px 0; padding: 0 0 0 84px; color: #191919; font-size: 1.5em; line-height: 250%; background: url("/img/index/blank.gif") no-repeat top left; background-size: 64px 64px; }
.main-panel-10 .widget_item:nth-of-type(1) { background-image: url("/img/spark/20160223/sm-img-10-1.png"); }
.main-panel-10 .widget_item:nth-of-type(2) { background-image: url("/img/spark/20160223/sm-img-10-5.png"); }
.main-panel-10 .widget_item:nth-of-type(3) { background-image: url("/img/spark/20160223/sm-img-10-2.png"); }
.main-panel-10 .widget_item:nth-of-type(4) { background-image: url("/img/spark/20160223/sm-img-10-6.png"); }
.main-panel-10 .widget_item:nth-of-type(5) { background-image: url("/img/spark/20160223/sm-img-10-3.png"); }
.main-panel-10 .widget_item:nth-of-type(6) { background-image: url("/img/spark/20160223/sm-img-10-7.png"); }
.main-panel-10 .widget_item:nth-of-type(7) { background-image: url("/img/spark/20160223/sm-img-10-4.png"); }


.main-panel-11 .left { width: 504px; }
.main-panel-11 .right { width: 440px; }
.main-panel-11 .device { width: 504px; height: 774px; background: url("/img/spark/20160223/sm-img-11.png") no-repeat center center; background-size: 504px 774px; }

.main-panel-11 .icon { margin-top: 140px; background-image: url("/img/spark/20160223/sm-icon-11.png"); }
.main-panel-11 h1 { padding: 0 0 5px; }
.main-panel-11 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }


.main-panel-12 { padding: 100px 0 40px; }
.main-panel-12 .icon { background-image: url("/img/spark/viewer/sm-ev-icon-1.png"); }
.main-panel-12 h1 { padding: 0 0 5px; }
.main-panel-12 h2 { padding: 0 0 10px; font-size: 2em; line-height: 40px; }
.main-panel-12 p { margin: 0 auto; padding: 0 0 60px; width: 900px; }
.main-panel-12 .device { margin: 0 0 0 -70px; width: 1300px; height: 838px; background: url("/img/spark/20160223/sm-img-12.png") no-repeat center center; background-size: 1300px 838px; }


.main-panel-press h1 { padding: 0 0 60px; }
.press_holder { height: 340px; }
.press_holder a { float: left; display: block; width: 290px; height: 110px; background: url("/img/spark/20160223/sprite-logos.png") no-repeat 0 0; background-size: 1160px 340px; }
.press_holder a.mashable { width: 270px; height: 100px; background-position: 0 0; }
.press_holder a.tnw { width: 210px; height: 100px; background-position: -270px 0; }
.press_holder a.venture_beat { width: 380px; height: 100px; background-position: -480px 0; }
.press_holder a.gizmodo { width: 300px; height: 100px; background-position: -860px 0; }
.press_holder a.life_hacker { width: 130px; height: 130px; background-position: 0 -100px; }
.press_holder a.cult_of_mac { width: 380px; height: 130px; background-position: -130px -100px; }
.press_holder a.verge { width: 240px; height: 130px; background-position: -510px -100px; }
.press_holder a.sweet_setup { width: 160px; height: 130px; background-position: -750px -100px; }
.press_holder a.igeneration { width: 250px; height: 130px; background-position: -910px -100px; }
.press_holder a.mac_stories { width: 320px; background-position: 0 -230px; }
.press_holder a.iculture { width: 320px; background-position: -320px -230px; }
.press_holder a.tech_crunch { width: 190px; background-position: -640px -230px; }
.press_holder a.nine_to_five { width: 330px; background-position: -830px -230px; }

.social-panel-1 a.appstore_get_spark { display: inline-block; width: 182px; height: 54px; background: url("/img/appstore_svg/available_badge_en.svg") no-repeat center center; background-size: 182px 54px; }
.de .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_de.svg"); }
.es .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_es.svg"); }
.fr .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_fr.svg"); }
.it .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_it.svg"); }
.ja .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_ja.svg"); }
.pt .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_pt.svg"); }
.ru .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_ru.svg"); }
.zh .social-panel-1 a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_zh.svg"); }


.en .main-panel-5 p { width: 700px; }

.de .main-panel-3 .icon { margin-top: 40px; }
.de .main-panel-6 .left { width: 450px; }
.de .main-panel-7 .right { width: 460px; }
.de .main-panel-8 .left { width: 450px; }
.de .main-panel-11 .right { width: 400px; }
.de .main-panel-11 .icon { margin-top: 100px; }

.de .social-panel-1 h1 { padding-bottom: 20px; }

.es .main-panel-1 .left { width: 410px; }
.es .main-panel-2 .icon { margin-top: 30px; }
.es .main-panel-3 .left { width: 430px; }
.es .main-panel-3 .icon { margin-top: 90px; }
.es .main-panel-4 .device { margin: 60px 0 0 100px; }
.es .main-panel-7 .icon { margin-top: 90px; }
.es .main-panel-8 .icon { margin-top: 160px; }
.es .main-panel-9 .icon { margin-top: 60px; }
.es .main-panel-11 .icon { margin-top: 100px; }

.es .social-panel-1 h1 { padding-bottom: 45px; }
.es .social-panel-1 p { padding-bottom: 49px; }

.fr .description { padding: 55px 130px; }
.fr .main-panel-5 p { width: 620px; }
.fr .main-panel-6 .left { width: 400px; }
.fr .main-panel-7 .right { width: 450px; }
.fr .main-panel-10 .right { padding: 70px 0 0; }
.fr .main-panel-11 .icon { margin-top: 90px; }

.it .main-panel-1 .left { width: 420px; }
.it .main-panel-6 h2 { padding: 0 20px 10px 0; }
.it .main-panel-6 .left { width: 400px; }
.it .main-panel-7 .icon { margin-top: 40px; }
.it .main-panel-7 .right { width: 460px; }
.it .main-panel-8 .left { width: 420px; }
.it .main-panel-9 .right { width: 460px; }
.it .main-panel-11 .right { width: 460px; }
.it .main-panel-11 .icon { margin-top: 90px; }

.it .social-panel-1 h1 { padding-bottom: 45px; }
.it .social-panel-1 p { padding-bottom: 49px; }

.ja .main-panel-1 .left { width: 360px; }
.ja .main-panel-1 .icon { margin-top: 180px; }
.ja .main-panel-4 .icon { margin-top: 40px; }
.ja .main-panel-6 .left { width: 400px; }
.ja .main-panel-6 .icon { margin-top: 150px; }
.ja .main-panel-7 .right { width: 460px; }
.ja .main-panel-7 .icon { margin-top: 130px; }
.ja .main-panel-8 .icon { margin-top: 170px; }
.ja .main-panel-9 .icon { margin-top: 160px; }
.ja .main-panel-10 .right { padding-top: 30px; }
.ja .main-panel-11 .icon { margin-top: 120px; }
.ja .quote { padding: 16px 220px 0 82px; }

.ja .social-panel-1 h1 { padding-bottom: 45px; }
.ja .social-panel-1 p { padding-bottom: 49px; }

.pt .main-panel-1 h2 { padding: 0 10px 10px 0; }
.pt .main-panel-4 .right { width: 430px; }
.pt .main-panel-6 .left { width: 360px; }
.pt .main-panel-6 h2 { padding: 0 50px 10px 0; }
.pt .main-panel-11 .icon { margin-top: 100px; }

.pt .social-panel-1 h1 { padding-bottom: 45px; }
.pt .social-panel-1 p { padding-bottom: 49px; }

.ru .main-panel-5 p { width: 700px; }
.ru .main-panel-4 .icon { margin-top: 40px; }
.ru .main-panel-6 .left { width: 430px; }
.ru .main-panel-6 .icon { margin-top: 140px; }
.ru .main-panel-7 .right { width: 470px; }
.ru .main-panel-7 p { padding: 0 20px 30px 0; }
.ru .main-panel-7 .icon { margin-top: 110px; }
.ru .main-panel-10 .right { padding-top: 50px; }
.ru .main-panel-10 .left { width: 430px; }
.ru .main-panel-11 .right { width: 460px; }
.ru .main-panel-11 .icon { margin-top: 130px; }
.ru .quote { padding: 16px 60px 0 82px; }

.ru .social-panel-1 h1 { padding-bottom: 45px; }
.ru .social-panel-1 p { padding-bottom: 64px; }
.ru .social-panel-2 h1 { padding-bottom: 35px; }
.ru .social-panel-2 p { padding-bottom: 40px; }
.ru .social-panel-3 h1 { padding-bottom: 10px; }
.ru .social-panel-3 p { padding-bottom: 20px; }

.zh .main-panel-1 .icon { margin-top: 200px; }
.zh .main-panel-4 .right { width: 360px; }
.zh .main-panel-4 .icon { margin-top: 70px; }
.zh .main-panel-5 p { width: 560px; }
.zh .main-panel-6 .left { width: 400px; }
.zh .main-panel-6 .icon { margin-top: 140px; }
.zh .main-panel-6 p { padding: 0 20px 30px 0; }
.zh .main-panel-7 .icon { margin-top: 140px; }
.zh .main-panel-8 .icon { margin-top: 160px; }
.zh .main-panel-9 .right { width: 360px; }
.zh .main-panel-9 .icon { margin-top: 140px; }
.zh .main-panel-10 .right { padding-top: 10px; }
.zh .main-panel-11 .right { width: 400px; }

.zh .social-panel-1 h1 { padding-bottom: 45px; }
.zh .social-panel-1 p { padding-bottom: 49px; }



@media (-webkit-min-device-pixel-ratio: 2) {
    .main_landing_bg { background-image: url("/img/spark/20160223/sm-bg@2x.jpg"); }

    .main-panel-1 .device { background-image: url("/img/spark/20160223/sm-img-1@2x.png"); }
    .main-panel-1 .icon { background-image: url("/img/spark/inbox/sm-si-icon-1@2x.png"); }

    .main-panel-2 .device { background-image: url("/img/spark/20160223/sm-img-2@2x.png"); }
    .main-panel-2 .icon { background-image: url("/img/spark/20160223/sm-icon-2@2x.png"); }

    .main-panel-3 .device { background-image: url("/img/spark/20160223/sm-img-3@2x.png"); }
    .main-panel-3 .icon { background-image: url("/img/spark/20160223/sm-icon-3@2x.png"); }

    .main-panel-4 .device { background-image: url("/img/spark/20160223/sm-img-4@2x.png"); }
    .main-panel-4 .icon { background-image: url("/img/spark/notifications/sm-sn-icon-1@2x.png"); }

    .main-panel-5 { background: url("/img/spark/20160223/sn-bg-gradient@2x.png") repeat-x top left; }
    .main-panel-5 .icon { background-image: url("/img/spark/viewer/sm-ev-icon-1@2x.png"); }
    .main-panel-5 .device { background-image: url("/img/spark/20160223/sm-img-5@2x.png"); }

    .main-panel-6 .device { background-image: url("/img/spark/20160223/sm-img-6@2x.png"); }
    .main-panel-6 .icon { background-image: url("/img/spark/attach/sm-a-icon-1@2x.png"); }

    .main-panel-7 .device { background-image: url("/img/spark/20160223/sm-img-7@2x.png"); }
    .main-panel-7 .icon { background-image: url("/img/spark/composer/sm-c-icon-1@2x.png"); }

    .main-panel-8 .device { background-image: url("/img/spark/20160223/sm-img-8@2x.png"); }
    .main-panel-8 .icon { background-image: url("/img/spark/20160223/sm-icon-8@2x.png"); }

    .main-panel-9 .device { background-image: url("/img/spark/20160223/sm-img-9@2x.png"); }
    .main-panel-9 .icon { background-image: url("/img/spark/search/sm-ss-icon-1@2x.png"); }

    .main-panel-10 .icon { background-image: url("/img/spark/widgets/sm-w-icon-1@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(1) { background-image: url("/img/spark/20160223/sm-img-10-1@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(2) { background-image: url("/img/spark/20160223/sm-img-10-5@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(3) { background-image: url("/img/spark/20160223/sm-img-10-2@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(4) { background-image: url("/img/spark/20160223/sm-img-10-6@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(5) { background-image: url("/img/spark/20160223/sm-img-10-3@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(6) { background-image: url("/img/spark/20160223/sm-img-10-7@2x.png"); }
    .main-panel-10 .widget_item:nth-of-type(7) { background-image: url("/img/spark/20160223/sm-img-10-4@2x.png"); }

    .main-panel-11 .device { background-image: url("/img/spark/20160223/sm-img-11@2x.png"); }
    .main-panel-11 .icon { background-image: url("/img/spark/20160223/sm-icon-11@2x.png"); }

    .main-panel-12 .icon { background-image: url("/img/spark/viewer/sm-ev-icon-1@2x.png"); }
    .main-panel-12 .device { background-image: url("/img/spark/20160223/sm-img-12@2x.png"); }

    .press_holder a { background-image: url("/img/spark/20160223/sprite-logos@2x.png"); }
}


/* iPhone 4 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    html { max-width: 320px; margin: 0 auto; }

    #ip_home { padding: 0; background: url("/img/spark/20160223/iphone/sm-top-bg-iphone@2x.jpg") no-repeat center top; background-size: 320px 300px; }
    #ip_home h1 { margin: 0; padding: 100px 0 170px 40px; color: #fff; font-size: 3em; font-weight: 500; line-height: 100%; }

    .awards { display: block; margin: 0 auto 30px; width: 201px; height: 37px; background: url("/img/spark/20160223/iphone/sm-award-iphone@2x.png") no-repeat center center; background-size: 201px 37px; }

    .spark_features_window { margin: 0; }

    .ip_panel .icon { margin: 30px auto 0; width: 60px; height: 60px; background: url("/img/spark/20160223/iphone/sm-sprite-icons-iphone@2x.png") no-repeat 0 0; background-size: 742px 60px; }
    .ip_panel h1 { padding: 10px 23px 0; font-size: 1.375em; font-weight: 300; line-height: 150%; }
    .ip_panel h2 { padding: 0 23px 8px; font-weight: 300; }
    .ip_panel p { padding: 12px 23px 20px; }
    .ip_panel a.learn_more { display: inline; margin: 0 auto; padding: 0 15px 0 0; }
    .ip_panel a.learn_more::after { top: inherit; bottom: 4px; }

    #main-panel-5 { background: url("/img/spark/20160223/sn-bg-gradient@2x.png") repeat-x top left; background-size: 1px 560px; }

    #main-panel-1 .icon { background-position: 0 0; }
    #main-panel-2 .icon { background-position: -62px 0; }
    #main-panel-3 .icon { background-position: -124px 0; }
    #main-panel-4 .icon { margin: 20px auto 0; background-position: -186px 0; }
    #main-panel-5 .icon { background-position: -248px 0; }
    #main-panel-6 .icon { background-position: -310px 0; }
    #main-panel-7 .icon { margin: 10px auto 0; background-position: -372px 0; }
    #main-panel-8 .icon { background-position: -434px 0; }
    #main-panel-9 .icon { background-position: -496px 0; }
    #main-panel-10 .icon { background-position: -558px 0; }
    #main-panel-11 .icon { background-position: -620px 0; }
    #main-panel-12 .icon { background-position: -682px 0; }

    #main-panel-1 .screen { width: 100%; height: auto; margin: 20px auto 0; content: url("/img/spark/20160223/iphone/sm-img-1-iphone@2x.png"); }
    #main-panel-2 .screen { width: 320px; height: auto; margin: 0 auto 40px; content: url("/img/spark/20160223/iphone/sm-img-2-iphone@2x.png"); }
    #main-panel-3 .screen { width: 320px; height: auto; margin: 0 auto; content: url("/img/spark/20160223/iphone/sm-img-3-iphone@2x.png"); }
    #main-panel-4 .screen { width: 150px; height: auto; margin: 30px auto 40px; content: url("/img/spark/20160223/iphone/sm-img-4-iphone@2x.png"); }
    #main-panel-5 .screen { width: 100%; height: auto; margin: 0 auto; content: url("/img/spark/20160223/iphone/sm-img-5-iphone@2x.png"); }
    #main-panel-6 .screen { width: 244px; height: auto; margin: 30px auto 50px; content: url("/img/spark/20160223/iphone/sm-img-6-iphone@2x.png"); }
    #main-panel-7 .screen { width: 263px; height: auto; margin: 30px auto 20px; content: url("/img/spark/20160223/iphone/sm-img-7-iphone@2x.png"); }
    #main-panel-8 .screen { width: 100%; height: auto; margin: 20px auto 0; content: url("/img/spark/20160223/iphone/sm-img-8-iphone@2x.png"); }
    #main-panel-9 .screen { width: 252px; height: auto; margin: 30px auto 20px; content: url("/img/spark/20160223/iphone/sm-img-9-iphone@2x.png"); }
    #main-panel-10 .screen { width: 100%; height: auto; margin: 30px auto 20px; content: url("/img/spark/20160223/iphone/sm-img-10-iphone@2x.png"); }
    #main-panel-11 .screen { width: 252px; height: auto; margin: 30px auto 20px; content: url("/img/spark/20160223/iphone/sm-img-11-iphone@2x.png"); }
    #main-panel-12 .screen { width: 100%; height: auto; margin: 0 auto; content: url("/img/spark/20160223/iphone/sm-img-12-iphone@2x.png"); }

    #main-panel-12 h1 { padding: 10px 40px 0; }
    #main-panel-12 h2 { padding: 0 60px 8px; }

    #main-panel-2 p { padding: 12px 23px 40px; }
    #main-panel-3 p { padding: 12px 23px 30px; }

    #social_panel h1 { font-size: 1.25em; font-weight: 600; }
    #social_panel a.appstore_get_spark { display: inline-block; width: 149px; height: 44px; background: url("/img/appstore_svg/available_badge_en.svg") no-repeat center center; background-size: 149px 44px; }

    .de #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_de.svg"); }
    .es #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_es.svg"); }
    .fr #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_fr.svg"); }
    .it #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_it.svg"); }
    .ja #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_ja.svg"); }
    .pt #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_pt.svg"); }
    .ru #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_ru.svg"); }
    .zh #social_panel a.appstore_get_spark { background-image: url("/img/appstore_svg/available_badge_zh.svg"); }

    .de #main-panel-2 h1 { padding: 10px 60px 0; }
    .de #main-panel-4 h2 { padding: 0 10px 8px; }
    .de #main-panel-6 h2 { padding: 0 30px 8px; }
    .de #main-panel-7 p { padding: 12px 20px 20px; }
    .de #main-panel-8 p { padding: 12px 20px 20px; }
    .de #main-panel-11 p { padding: 12px 20px 20px; }
    .de #main-panel-12 h2 { padding: 0 20px 8px; }
    .de #social_panel .button.active { padding: 10px 35px; }

    .es #main-panel-1 h2 { padding: 0 30px 8px; }
    .es #main-panel-1 p { padding: 12px 19px 20px; }
    .es #main-panel-5 h1 { padding: 10px 40px 0; }
    .es #main-panel-5 h2 { padding: 0 30px 8px; }
    .es #main-panel-6 p { padding: 12px 30px 20px; }
    .es #main-panel-7 h1 { padding: 10px 10px 0; }
    .es #main-panel-8 p { padding: 12px 30px 20px; }
    .es #main-panel-10 h2 { padding: 0 18px 8px; }
    .es #main-panel-12 h2 { padding: 0 18px 8px; }

    .fr #ip_home .button.active { padding: 10px 40px; }
    .fr #main-panel-1 h2 { padding: 0 30px 8px; }
    .fr #main-panel-1 p { padding: 12px 20px 20px; }
    .fr #main-panel-4 h2 { padding: 0 45px 8px; }
    .fr #main-panel-5 h1 { padding: 10px 40px 0; }
    .fr #main-panel-5 h2 { padding: 0 50px 8px; }
    .fr #main-panel-6 p { padding: 12px 20px 20px; }
    .fr #main-panel-8 p { padding: 12px 20px 20px; }
    .fr #main-panel-9 p { padding: 12px 20px 20px; }
    .fr #social_panel .button.active { padding: 10px 15px; }

    .it #main-panel-5 h1 { padding: 10px 40px 0; }
    .it #main-panel-5 h2 { padding: 0 10px 8px; }
    .it #main-panel-8 h2 { padding: 0 30px 8px; }
    .it #main-panel-9 h2 { padding: 0 50px 8px; }

    .ja #main-panel-8 h2 { padding: 0 40px 8px; }
    .ja #main-panel-9 p { padding: 12px 20px 20px; }
    .ja #main-panel-12 h2 { padding: 0 20px 8px; }

    .pt #main-panel-2 p { padding: 12px 20px 20px; }
    .pt #main-panel-4 h2 { padding: 0 80px 8px; }
    .pt #main-panel-5 h1 { padding: 10px 60px 0; }
    .pt #main-panel-6 p { padding: 12px 16px 20px; }
    .pt #main-panel-9 p { padding: 12px 20px 20px; }
    .pt #main-panel-11 h2 { padding: 0 50px 8px; }
    .pt #main-panel-12 h1 { padding: 10px 50px 0; }
    .pt #main-panel-12 p { padding: 12px 20px 20px; }

    .ru #main-panel-1 p { padding: 12px 30px 20px; }
    .ru #main-panel-2 h1 { padding: 10px 10px 0; }
    .ru #main-panel-4 p { padding: 12px 20px 20px; }
    .ru #main-panel-6 h2 { padding: 0 10px 8px; }
    .ru #main-panel-8 p { padding: 12px 40px 20px; }
    .ru #main-panel-9 h2 { padding: 0 50px 8px; }
    .ru #main-panel-10 h2 { padding: 0 30px 8px; }
    .ru #main-panel-12 h2 { padding: 0 30px 8px; }
    .ru #main-panel-12 p { padding: 12px 30px 20px; }

    .zh #main-panel-2 p { padding: 12px 40px 20px; }
    .zh #main-panel-5 p { padding: 12px 40px 20px; }
    .zh #main-panel-6 h2 { padding: 0 40px 8px; }
    .zh #main-panel-12 h1 { padding: 10px 20px 0; }

    .ip_press_holder { width: 320px; height: 300px; margin: 0 auto; background: url("/img/spark/20160223/iphone/sprite-logos-iphone@2x.png") no-repeat 0 0; background-size: 320px 300px; }
    .ip_press_holder a { float: left; display: block; width: 160px; height: 60px; }
    .ip_press_holder a.mashable { width: 145px; height: 40px; margin: 20px 0 0; }
    .ip_press_holder a.venture_beat { width: 175px; height: 40px; margin: 20px 0 0; }
    .ip_press_holder a.verge { width: 120px; height: 40px; margin: 10px 0 0; }
    .ip_press_holder a.tech_crunch { width: 70px; height: 40px; margin: 10px 0 0; }
    .ip_press_holder a.gizmodo { width: 130px; height: 40px; margin: 10px 0 0; }
    .ip_press_holder a.life_hacker { width: 70px; height: 50px; margin: 10px 0 0; }
    .ip_press_holder a.cult_of_mac { width: 160px; height: 50px; margin: 10px 0 0; }
    .ip_press_holder a.tnw { width: 90px; height: 50px; margin: 10px 0 0; }
    .ip_press_holder a.iculture { width: 140px; height: 55px; margin: 0; }
    .ip_press_holder a.sweet_setup { width: 60px; height: 55px; margin: 0; }
    .ip_press_holder a.igeneration { width: 120px; height: 55px; margin: 0; }
    .ip_press_holder a.mac_stories { width: 160px; height: 40px; margin: 10px 0 0; }
    .ip_press_holder a.nine_to_five { width: 160px; height: 40px; margin: 10px 0 0; }
}

/* iPhone 5 styles */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (device-aspect-ratio: 40/71) {
}

/* iPhone 6 styles */
@media only screen and (min-device-width : 374px) and (max-device-width : 376px) {
    html { position: relative; max-width: 375px; }
    #iphone { position: relative; width: 100%; }

    #ip_home { background-image: url("/img/spark/20160223/iphone/sm-top-bg-iphone6@2x.jpg"); background-size: 375px 351px; }
    #ip_home h1 { padding: 120px 0 190px 60px; font-size: 3.5em; }

    #main-panel-1 .screen { content: url("/img/spark/20160223/iphone/sm-img-1-iphone6@2x.png"); }
    #main-panel-5 .screen { content: url("/img/spark/20160223/iphone/sm-img-5-iphone6@2x.png"); }
    #main-panel-6 .screen { width: 100%; content: url("/img/spark/20160223/iphone/sm-img-6-iphone6@2x.png"); }
    #main-panel-7 .screen { width: 100%; content: url("/img/spark/20160223/iphone/sm-img-7-iphone6@2x.png"); }
    #main-panel-8 .screen { content: url("/img/spark/20160223/iphone/sm-img-8-iphone6@2x.png"); }
    #main-panel-9 .screen { width: 100%; content: url("/img/spark/20160223/iphone/sm-img-9-iphone6@2x.png"); }
    #main-panel-10 .screen { content: url("/img/spark/20160223/iphone/sm-img-10-iphone6@2x.png"); }
    #main-panel-11 .screen { width: 375px; content: url("/img/spark/20160223/iphone/sm-img-11-iphone6@2x.png"); }
    #main-panel-12 .screen { content: url("/img/spark/20160223/iphone/sm-img-12-iphone6@2x.png"); }

    .en #main-panel-12 h1 { padding: 10px 60px 0; }
    .en #main-panel-12 h2 { padding: 0 80px 8px; }

    .de #main-panel-1 h2 { padding: 0 40px 8px; }
    .de #main-panel-2 h1 { padding: 10px 60px 0; }
    .de #main-panel-2 p { padding: 12px 40px 20px; }
    .de #main-panel-3 p { padding: 12px 40px 20px; }
    .de #main-panel-5 p { padding: 12px 30px 20px; }
    .de #main-panel-6 h2 { padding: 0 60px 8px; }

    .es #main-panel-1 h2 { padding: 0 60px 8px; }
    .es #main-panel-2 h1 { padding: 10px 60px 0; }
    .es #main-panel-4 h2 { padding: 0 50px 8px; }
    .es #main-panel-4 p { padding: 12px 30px 20px; }
    .es #main-panel-5 h1 { padding: 10px 70px 0; }
    .es #main-panel-8 h2 { padding: 0 70px 8px; }

    .fr #main-panel-1 h2 { padding: 0 60px 8px; }
    .fr #main-panel-4 h2 { padding: 0 70px 8px; }
    .fr #main-panel-5 h1 { padding: 10px 20px 0; }
    .fr #main-panel-5 h2 { padding: 0 20px 8px; }
    .fr #main-panel-7 p { padding: 12px 30px 20px; }
    .fr #main-panel-8 h2 { padding: 0 50px 8px; }
    .fr #main-panel-10 h2 { padding: 0 20px 8px; }

    .it #main-panel-1 h2 { padding: 0 50px 8px; }
    .it #main-panel-1 p { padding: 12px 18px 20px; }
    .it #main-panel-4 h2 { padding: 0 70px 8px; }
    .it #main-panel-5 h1 { padding: 10px 80px 0; }
    .it #main-panel-7 h1 { padding: 10px 80px 0; }
    .it #main-panel-8 h2 { padding: 0 20px 8px; }
    .it #main-panel-8 p { padding: 12px 40px 20px; }
    .it #main-panel-9 h2 { padding: 0 20px 8px; }

    .ja #main-panel-1 p { padding: 12px 30px 20px; }
    .ja #main-panel-2 h1 { padding: 10px 20px 0; }
    .ja #main-panel-3 h1 { padding: 10px 20px 0; }
    .ja #main-panel-6 h2 { padding: 0 50px 8px; }
    .ja #main-panel-8 h2 { padding: 0 20px 8px; }
    .ja #main-panel-11 h2 { padding: 0 50px 8px; }
    .ja #main-panel-12 p { padding: 12px 40px 20px; }

    .pt #main-panel-1 p { padding: 12px 20px 20px; }
    .pt #main-panel-4 p { padding: 12px 40px 20px; }
    .pt #main-panel-4 h2 { padding: 0 20px 8px; }
    .pt #main-panel-5 h1 { padding: 10px 20px 0; }
    .pt #main-panel-5 p { padding: 12px 30px 20px; }
    .pt #main-panel-6 p { padding: 12px 30px 20px; }
    .pt #main-panel-7 h2 { padding: 0 60px 8px; }
    .pt #main-panel-7 p { padding: 12px 30px 20px; }
    .pt #main-panel-8 h2 { padding: 0 60px 8px; }
    .pt #main-panel-9 h2 { padding: 0 60px 8px; }
    .pt #main-panel-11 h2 { padding: 0 30px 8px; }
    .pt #main-panel-12 h1 { padding: 10px 80px 0; }
    .pt #main-panel-12 h2 { padding: 0 30px 8px; }
    .pt #main-panel-12 p { padding: 12px 30px 20px; }

    .ru #main-panel-2 p { padding: 12px 40px 20px; }
    .ru #main-panel-4 h2 { padding: 0 40px 8px; }
    .ru #main-panel-4 p { padding: 12px 40px 20px; }
    .ru #main-panel-5 h1 { padding: 10px 60px 0; }
    .ru #main-panel-7 h2 { padding: 0 70px 8px; }
    .ru #main-panel-7 p { padding: 12px 30px 20px; }
    .ru #main-panel-8 h2 { padding: 0 70px 8px; }
    .ru #main-panel-9 h2 { padding: 0 70px 8px; }
    .ru #main-panel-10 h2 { padding: 0 70px 8px; }
    .ru #main-panel-10 p { padding: 12px 17px 20px; }
    .ru #main-panel-11 h2 { padding: 0 70px 8px; }
    .ru #main-panel-12 h2 { padding: 0 70px 8px; }
    .ru #main-panel-12 p { padding: 12px 40px 20px; }

    .zh #main-panel-6 h2 { padding: 0 20px 8px; }
}

/* iPhone 6 Plus styles */
@media only screen and (min-device-width : 413px) and (max-device-width : 415px) {
    html { max-width: 414px; }

    #ip_home { background-image: url("/img/spark/20160223/iphone/sm-top-bg-iphone6plus@3x.jpg"); background-size: 414px 388px; }
    #ip_home h1 { padding: 130px 0 210px 80px; font-size: 4em; }

    .awards { display: block; margin: 0 auto 30px; width: 201px; height: 37px; background: url("/img/spark/20160223/iphone/sm-award-iphone@3x.png") no-repeat center center; background-size: 201px 37px; }

    .ip_panel .icon { background-image: url("/img/spark/20160223/iphone/sm-sprite-icons-iphone@3x.png"); }

    #quote_cloud.ip_panel .quote { padding: 10px 30px 0 40px; background-position: 0 18px; }

    #main-panel-1 .screen { content: url("/img/spark/20160223/iphone/sm-img-1-iphone@3x.png"); }
    #main-panel-2 .screen { content: url("/img/spark/20160223/iphone/sm-img-2-iphone@3x.png"); }
    #main-panel-3 .screen { content: url("/img/spark/20160223/iphone/sm-img-3-iphone@3x.png"); }
    #main-panel-4 .screen { content: url("/img/spark/20160223/iphone/sm-img-4-iphone@3x.png"); }
    #main-panel-5 .screen { content: url("/img/spark/20160223/iphone/sm-img-5-iphone@3x.png"); }
    #main-panel-6 .screen { width: 320px; content: url("/img/spark/20160223/iphone/sm-img-6-iphone@3x.png"); }
    #main-panel-7 .screen { width: 320px; content: url("/img/spark/20160223/iphone/sm-img-7-iphone@3x.png"); }
    #main-panel-8 .screen { content: url("/img/spark/20160223/iphone/sm-img-8-iphone@3x.png"); }
    #main-panel-9 .screen { width: 320px; content: url("/img/spark/20160223/iphone/sm-img-9-iphone@3x.png"); }
    #main-panel-10 .screen { width: 320px; content: url("/img/spark/20160223/iphone/sm-img-10-iphone@3x.png"); }
    #main-panel-11 .screen { width: 320px; content: url("/img/spark/20160223/iphone/sm-img-11-iphone@3x.png"); }
    #main-panel-12 .screen { content: url("/img/spark/20160223/iphone/sm-img-12-iphone@3x.png"); }

    #main-panel-12 h1 { padding: 10px 80px 0; }
    #main-panel-12 h2 { padding: 0 80px 8px; }

    .ip_press_holder { width: 414px; height: 353px; margin: 0 auto; background: url("/img/spark/20160223/iphone/sprite-logos-iphone@3x.png") no-repeat 0 0; background-size: 414px 360px; }
    .ip_press_holder a { float: left; display: block; width: 160px; height: 60px; }
    .ip_press_holder a.mashable { width: 180px; height: 40px; margin: 30px 0 0; }
    .ip_press_holder a.venture_beat { width: 234px; height: 40px; margin: 30px 0 0; }
    .ip_press_holder a.verge { width: 140px; height: 40px; margin: 20px 0 0; }
    .ip_press_holder a.tech_crunch { width: 90px; height: 40px; margin: 20px 0 0; }
    .ip_press_holder a.gizmodo { width: 184px; height: 40px; margin: 20px 0 0; }
    .ip_press_holder a.life_hacker { width: 90px; height: 60px; margin: 15px 0 0; }
    .ip_press_holder a.cult_of_mac { width: 200px; height: 60px; margin: 15px 0 0; }
    .ip_press_holder a.tnw { width: 124px; height: 60px; margin: 15px 0 0; }
    .ip_press_holder a.iculture { width: 160px; height: 65px; margin: 10px 0 0; }
    .ip_press_holder a.sweet_setup { width: 90px; height: 65px; margin: 10px 0 0; }
    .ip_press_holder a.igeneration { width: 164px; height: 65px; margin: 10px 0 0; }
    .ip_press_holder a.mac_stories { width: 200px; height: 50px; margin: 10px 0 0; }
    .ip_press_holder a.nine_to_five { width: 214px; height: 50px; margin: 10px 0 0; }

    .de #main-panel-1 h2 { padding: 0 80px 8px; }
    .de #main-panel-2 h1 { padding: 10px 20px 0; }
    .de #main-panel-8 h2 { padding: 0 30px 8px; }

    .es #main-panel-2 h1 { padding: 10px 60px 0; }
    .es #main-panel-3 p { padding: 12px 40px 20px; }
    .es #main-panel-4 h2 { padding: 0 70px 8px; }
    .es #main-panel-5 h1 { padding: 10px 20px 0; }
    .es #main-panel-6 h2 { padding: 0 60px 8px; }
    .es #main-panel-7 h2 { padding: 0 60px 8px; }
    .es #main-panel-7 p { padding: 12px 40px 20px; }
    .es #main-panel-8 p { padding: 12px 40px 20px; }
    .es #main-panel-9 h2 { padding: 0 60px 8px; }
    .es #main-panel-10 h2 { padding: 0 60px 8px; }
    .es #main-panel-12 h2 { padding: 0 60px 8px; }

    .fr #main-panel-1 h2 { padding: 0 20px 8px; }
    .fr #main-panel-4 h2 { padding: 0 20px 8px; }
    .fr #main-panel-4 p { padding: 12px 50px 20px; }
    .fr #main-panel-5 h2 { padding: 0 20px 8px; }
    .fr #main-panel-6 p { padding: 12px 40px 20px; }
    .fr #main-panel-7 h2 { padding: 0 50px 8px; }
    .fr #main-panel-9 h2 { padding: 0 50px 8px; }
    .fr #main-panel-11 h2 { padding: 0 50px 8px; }

    .it #main-panel-4 h2 { padding: 0 70px 8px; }
    .it #main-panel-6 h2 { padding: 0 70px 8px; }
    .it #main-panel-6 p { padding: 12px 40px 20px; }
    .it #main-panel-7 h1 { padding: 10px 80px 0; }
    .it #main-panel-9 p { padding: 12px 40px 20px; }

    .ja #main-panel-7 h2 { padding: 0 50px 8px; }
    .ja #main-panel-7 p { padding: 12px 30px 20px; }

    .pt #main-panel-1 h2 { padding: 0 70px 8px; }
    .pt #main-panel-2 h1 { padding: 10px 60px 0; }
    .pt #main-panel-2 p { padding: 12px 30px 20px; }
    .pt #main-panel-4 h2 { padding: 0 20px 8px; }
    .pt #main-panel-6 h2 { padding: 0 80px 8px; }
    .pt #main-panel-7 h2 { padding: 0 80px 8px; }
    .pt #main-panel-8 h2 { padding: 0 80px 8px; }
    .pt #main-panel-9 h2 { padding: 0 80px 8px; }
    .pt #main-panel-10 h2 { padding: 0 60px 8px; }
    .pt #main-panel-12 h1 { padding: 10px 20px 0; }
    .pt #main-panel-12 h2 { padding: 0 40px 8px; }

    .ru #main-panel-3 p { padding: 12px 30px 20px; }
    .ru #main-panel-5 h1 { padding: 10px 60px 0; }
    .ru #main-panel-7 h2 { padding: 0 60px 8px; }
    .ru #main-panel-9 h2 { padding: 0 20px 8px; }
    .ru #main-panel-9 p { padding: 12px 20px 20px; }
    .ru #main-panel-10 h2 { padding: 0 75px 8px; }
    .ru #main-panel-11 h2 { padding: 0 70px 8px; }
    .ru #main-panel-11 p { padding: 12px 30px 20px; }

    .zh #main-panel-4 p { padding: 12px 40px 20px; }
}


