@media only screen and (max-width:991px){
.screen1_inner,.screen2_inner,.screen3_inner,.screen4_inner,.screen5_inner,.screen6_inner,.screen7_inner,.screen8_inner,.screen9_inner{width:100%; margin:auto; }
.sc2_entername{width:75%}
}
@media only screen and (max-width:640px){
body{overflow:auto!important; height:100%!important; }
.wrapper{background-color:transparent;}
.screen1bg{opacity:0; -webkit-box-shadow:-2px -2px 0 0 rgba(50, 50, 50, 0); -moz-box-shadow:inset -2px -2px 0 0 rgba(50, 50, 50, 0); box-shadow:inset -2px -2px 0 0 rgba(50, 50, 50, 0); }
.container{width:100%;}
.topheader{height:60px; position:relative; }
.topheader_wrap{height:100%; width:89.375%; margin:0 auto; }
.header_logo{width:70px; height:100%; position:relative; }
.header_logo a{padding:0; width:44px; position:absolute; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); }
.header_logo a img{display:block; }
.header_centertext{display:block; width:calc(100% - 154px); height:100%; margin:0; position:relative; float:left; }
.header_centertext p{font-size:10px!important; letter-spacing:1px; position:absolute; width:100%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.header_campaign{max-width:70px; min-width:70px; width:100%; height:100%; }
.header_campaign .header_campaign_inner{font-size:8px; }
.header_campaign a{padding-left:0; font-size:8px; line-height:60px; }
.topheader_whitearrow{padding-left:2px; top:1px; }
.header_campaign:hover .topheader_whitearrow{padding-left:5px; }
.topheader_whitearrow img{width:6%; }
.cont_foot_wrap{height:100%; height:calc(100% - 100px); position:relative; overflow:auto; }
.footer{position:relative; bottom:0; padding-bottom:20px; padding-top:0; text-align:center; width:89.375%; margin:0 auto; }
.footer_left,.footer_right{display:none; font-size:7px; float:inherit; text-align:center; width:auto; line-height:1.5; }
.footer_left a{font-size:7px; line-height:1.5; }
.footer_right a{font-size:7px; }
.footer_right.mobile-foot{display:block; }
#screen1_main,#screen2_entername,#screen3_hello{position:absolute; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); }
.screen1_inner,.screen2_inner,.screen3_inner,.screen4_inner,.screen5_inner,.screen6_inner,.screen7_inner,.screen8_inner,.screen9_inner{width:89.375%; margin:auto; }
.sc1_title1{font-size:10px; padding:0; letter-spacing:4px; word-spacing:1px; }
.sc1_title2{font-size:2em!important; width:100%; padding:0; }
.sc1_content, .sc3_content{margin:20px auto 0; }
.sc1_content p{font-size:10px; line-height:1.5; }
.sc1_btn{margin-top:40px!important; position:relative; width:100%; max-width:none !important; }
.progress-button[data-perspective] .content{text-align:center; padding:0 !important; }
.sc1_btn_txt{line-height:43px; padding:0 !important; }
.sc2_title1{font-size:8px; padding:0; }
.sc2_title2{font-size:22px; padding-top:2px; }
.sc2_entername{width:100%; margin-top:85px; font-size:22px; height:42px; }
.sc2_entername input{width:100%; }
.sc2_btn{width:100%; max-width:none !important; }
.sc3_title1{font-size:22px; padding:0; }
.sc3_content p{width:100%; font-size:9.5px; line-height:1.5; }
#screen3_hello .progress-button2{margin-top:47px; }
.progress-button2{text-align:center; padding:0 !important}
.sc3_btn{margin:0 auto; display:block !important; width:100%; max-width:none !important; }
#screen2_entername .progress-button2{margin-top:105px; }
.divider{width:30px; }
#screen1_main .divider, #screen3_hello .divider{margin:25px auto 0; }
.block_tracker{position:relative; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.tracker_linewrap{padding-bottom:20px !important; position:absolute; top:0!important; left:0 !important; right:0 !important; }
.tracker_lineinner{width:181px; display:block; }
.inner-circle{width:15px; height:15px; border:1px solid #fff; }
#screen4_do, #screen5_see, #screen6_visit, #screen7_experience, #screen8_own, #screen9_love, #screen10_compiling{display:none; }
#screen4_do, #screen5_see, #screen6_visit, #screen7_experience, #screen8_own, #screen9_love{position:absolute; top:auto; bottom:0 !important; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important; }
.sc4fromright.animated,.sc5fromright.animated,.sc6fromright.animated,.sc7fromright.animated,.sc8fromright.animated,.sc9fromright.animated{-webkit-animation-duration: .6s;animation-duration: .6s;}
.sc_opt_main{position:relative; float:left; height:100px; width:50%; text-align:center; cursor:pointer; }
.sc4_opt_block, .sc5_opt_block, .sc6_opt_block, .sc7_opt_block, .sc8_opt_block, .sc9_opt_block{width:100%; }
.block_inner{line-height:1.6; text-align:center; padding:0; width:80%; font-size:9px; letter-spacing:1px; }
.sc4_title1{font-size:26px; }
.sc4_title2{font-size:8px; letter-spacing:3.8px; line-height:16px; width:86%; margin:0 auto}
.sc4_opt_block{min-height:75px; }
.sc4_optionblockwrap{width:100%; display:block; margin:20px auto 0; }
.sc6_optionblockwrap{margin-top:20px; }
#screen10_compiling{position:absolute; top:50%; -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); min-height:210px; }
.screen10_inner{width:96%; }
.sc10_title1{font-size:27px; width:100%; padding:0; }
.sc10_title2{font-size:27px; width:100%; padding:0; line-height:1.2; letter-spacing:0; }
.screen10_progressbar{width:100%; margin-top:30px; }
.sc10_text1{font-size:10px; margin-top:0 !important; margin-bottom:0 !important; }
#wert{height:auto; margin:56px auto 0; max-width:80%; }
.lefts1{position:absolute!important; display:block!important; transition:3s; -moz-transition:3s; -webkit-transition:3s; -o-transition:3s; left:0!important; -webkit-animation-delay:1.5s; -moz-animation-delay:1.5s; animation-delay:1.5s; }
.pushlefts1{left:-100%!important; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s; }
.sc11_replaybtn{width:100px; height:100px; background-position:center; background-size:90%; }
.sc11_replaywrap {width:89.375%;}
.sc11_btn_wrap{margin:35px auto 0; width:100%;}
.sc11_replaywrap .sc11_btn_wrap{margin:95px auto 0 !important; }
.sc11_sharevideo_btn{width:100%;margin:0;}
.sc11_abtcam_btn{width:100%;margin-top:20px;}
.sc11_abtcam_btn{margin-top:12px !important; }
.video-bg{height:90%; }
.jw-state-idle .jw-preview {
    background-size: contain !important;
}
.jw-state-idle .jw-icon-display:before {content: url('../../resources/images/playButton-mobile.svg') !important;}
.jwplayer.jw-state-paused .jw-display-icon-container .jw-icon-display:before{background: url('../../resources/images/playButton-mobile.svg') !important;}
.jw-controlbar.jw-background-color.jw-reset {display: none !important;}
.jw-skin-seven .jw-controlbar{border-top:none !important; height:54px !important; width:100% !important; margin:auto !important; padding:0 10px !important; }
.sc12_labeltext{font-size:11px; margin-top:3px; float:left; width:86%; display:inline-block; text-align:left !important; line-height:1; }
.sc12_labeltext span{display:inline; text-align:left; font-size:11px; line-height:1; }
.sc12_labeltext, .sc12_labeltext span{font-size:9px; line-height:12px; }
.sc12_disclaimer{display:none; }
.sc12_emailadd{margin-bottom:20px; }
.sc12_emailadd, .sc12_phoneno{width:100%; margin:auto; float:none; }
.sc12_emailadd input, .sc12_phoneno input{font-size:11px; border-radius:0!important; }
#screen12_filldetail{-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; padding-bottom:0 !important; }
#screen12_filldetail .sc11_btn_wrap{width:100%; max-width:none; padding:0; }
#screen12_filldetail .sc10_title1{width:100%; font-size:23px !important; }
.sc12_textbox_wrap{width:100%; }
.screen12_inner{width:89.375%; margin:auto; }
.screen12_inner .sc10_title2{font-size:26px !important; max-width:385px; margin:0 auto; line-height:32px; }
.sc12_radiocheck{margin-top:30px; }
.sc12_radiocheck input[type=checkbox]:not(old) + label{margin-left:0 !important; }
.sc12_radiocheck input[type=checkbox]:not(old) + label > span{width:22px; height:22px; float:left; margin:0.25em 7px 0.25em 0.25em !important; }
.sc12_radiocheck input[type=checkbox]:not(old):checked + label > span > span{width:10px; height:10px; margin:4px; }
.blur-mob-img{background:transparent url(../images/screen1bg-blur.jpg) 0 0 no-repeat; background-size:auto 100%; }
.line2, .line3, .line4, .line5, .line6{width:29px; }
.sc13_socialmedia_wrap{max-width:none;width:100%;}
.screen13_sharesocial{position:absolute; top:50% !important; -webkit-transform:translate(0,-50%) !important; -moz-transform:translate(0,-50%) !important; -o-transform:translate(0,-50%) !important; -ms-transform:translate(0,-50%) !important; transform:translate(0,-50%) !important; }
.error_text{font-size:7px; }
.androidspacetop{padding-top:50px; }
.campaign-page .container{padding:0 !important; position:relative; }
.campaign-scroll{overflow:auto!important; }
}
@media (min-width:599px) and (max-width:800px){
.block_inner{font-size:15px!important; }
}
@media (min-width:760px) and (max-width:1027px){
.block_inner{font-size:15px!important; }
.screen1bg{-webkit-box-shadow:-2px -2px 0 0 rgba(50, 50, 50, 0) !important; -moz-box-shadow:inset -2px -2px 0 0 rgba(50, 50, 50, 0)!important; box-shadow:inset -2px -2px 0 0 rgba(50, 50, 50, 0)!important; }
#screen12_filldetail .sc10_title1{width:80%; }
}
@media only screen and (min-device-width:600px) and (max-device-width:1024px) and (orientation:landscape){
.sc1_title1{font-size:20px; letter-spacing:9px; line-height:20px; margin-top:0; }
.sc1_title2{font-size:2.55em!important; margin:0 auto; padding-top:10px; }
#screen1_main .divider{margin:10px auto; }
.sc1_content{animation-delay:0.5s; margin:0 auto; }
.sc1_btn{height:50px !important; margin-top:5px !important; max-width:250px !important; }
.html5-video-player .video-click-tracking, .html5-video-player .video-stream{top:0!important; }
#videoplayer{width:100% !important; height:100% !important; }
}
@media all and (-ms-high-contrast:none){
.only-ie-hack{color:green }
_:-ms-fullscreen,:root .only-ie-hack{display:block; margin:0 auto; text-align:center; }
.sc1_btn{display:none}
_:-ms-fullscreen,:root .sc1_btn{display:none}
}
@media (min-width:200px) and (max-width:1030px){
.video-bg {
        background: transparent url(../images/screen1bg1.webp) 0 0 no-repeat;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: block;
        z-index: 999;
    }
.playbtn-jw{width:77px; height:77px; margin:-38px auto 0; }
.playicon-jw{width:75px; height:75px; background-size:100% auto; }
}
@media only screen and (max-width: 991px){
.jwplayer.jw-state-idle .jw-display-icon-container .jw-icon-display:before {
    width: 90px;
    line-height: normal !important;
}
}