/*Styles for tablets and phones*/

footer .addr {display: none;}

@media (max-width: 1367px) {
    .steps {width: 75%}
}

@media (min-width: 1281px) {
  /*.article-txt-wrap { margin-left: 40%; max-width: 550px; }*/
  .article-txt section {background-position: 85% 73%, 50% 0; }
  .content-block-info { right: auto; left: 50%; margin-left: 270px;}
}
@media (max-width: 1250px) {
  header nav {margin: 20px 90px 0;}

  .wide_banner .first-div-banner { width: 50%;}
  .wide_banner .first-div-banner p { text-align: left;}
  /*.wide_banner .first-div-banner .butns_block { width: 40%;}*/
	
  .sec-div-banner {right: 53px;width: auto;}
	
  /*.wide_banner section {height:auto; background: #fff url(https://images.zentio.com/zm/dizolve/bg_wide_banner_768.png) no-repeat;background-size: 112% auto;}*/
  .wide_banner section {height:auto; background-size: 112% auto;}		
  .wide_banner .decorate-block {right: 0;}
  .sec-div-banner {display: none;}
	
  .list-elements ul li {width: 21%;margin: 0 0 0 10%;text-align:center;}
  .list-elements ul li:before {top: 145px;}
  .list-elements ul li figure {float: none;margin: 0 0 30px;}
	
  .steps {transform: translateX(0); width: 90%}
	
  .content-block-info h4 {top: 250px;left: 220px;}
	
  /*.article-txt section {background: url(https://images.zentio.com/zm/pacebox/bg_article_txt_pics.png) no-repeat scroll 98% 75%, url(https://images.zentio.com/zm/pacebox/bg_article_txt.jpg) no-repeat scroll 53% 0%, #eaf3f0;}*/
  .article-txt-wrap {padding-left: 40px;}
  .article-txt-wrap .save-env__poster { position: relative;float: left;margin-right: 20px;margin-bottom: 10px;width: 42.5%;}
  /*.article-txt h3 { margin-right: -20%;}*/
  .article-txt h6 {margin-right: -140px; }
  .list-elements h2 {padding-left: 50px;}
  .element-block .link {display:inline;}
	
  .bg-banner-info section {background-position: 90% 100%; }

   .bg-banner-info-logo {left: 45%; margin-left: 100px; right: auto; top: 48px;}
  .bg-banner-info h2 {font-size: 2.6rem; top:50px}
  .bg-banner-info h3 {width: 41%; top: 155px; font-size: 3.6rem;}
  .bg-banner-info .nav_list {left: 45%; margin-left: 100px; top: 155px;}
  .items-bar li {display: block; padding-top: 30px;}
  /*.camp_c section, .camp_f section {background-position: 28% 0;}
  .camp_g section, .camp_n section {position: relative;height: 600px; background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_1280_k.png) 50% 50% no-repeat;}
  .camp_k section {position: relative;height: 600px; background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_1280_k1.png) 50% 50% no-repeat;}*/

  .short-reviews {
        padding-left: 0;
        padding-right: 0;
    }
  .short-reviews__list {
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

  .promo-dizolve-wrap {
        padding-left: 40px;
        padding-right: 40px;
    }

  .element-block h3 span { font-size: 3.5rem;}

    .reviews {
        padding-left: 0;
        padding-right: 0;
    }

    .reviews__list {
        margin: 0;
    }

    .reviews__title {
        padding-left: 40px;
        padding-right: 40px;
    }

    .reviews__slogan {
        padding-left: 40px;
        padding-right: 40px;
    }
}

@media (max-width: 1023px) {
  header nav {margin:20px 30px 0;}
  .wide_banner section {background: #fff url(https://images.zentio.com/zm/dizolve/bg_wide_banner_768.png) no-repeat;background-size: 112% auto;}
  .wide_banner .first-div-banner {width:100%;margin: 70% 0 0;padding: 0;text-align:center;}	
  .wide_banner .first-div-banner h2 {font-size: 5rem;}
  .wide_banner .first-div-banner h3 {font-size: 3rem;display: inline-block;}
  .wide_banner .first-div-banner p { text-align: center;}
  .wide_banner .first-div-banner label {display:inline-block;position: relative;top: auto;margin: 0 0 15px;}
  .wide_banner .decorate-block {right: 50%; top: 240px; margin-right: -70px; display: none;}
  .sec-div-banner {display: none;}
  .wide_banner .first-div-banner .butns_block {width: 67%;margin-left: auto;}
  .wide_banner .first-div-banner .but-style + .clear { display: none;}
  .wide_banner .first-div-banner.top_banner_mobile_only { display: inline-block; margin: 0;}
  .hide_on_mobile { display: none !important;}
  /*.pull-right { float: left;}*/
  .list-elements ul li {width: 31%;margin: 0 0 0 2%;}
  .list-elements ul li article { padding-left: 30px; }

  /*.camp_c section,
  .camp_f section {height:auto; background: #dceaed url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768_c.jpg) no-repeat;background-size: 100% auto;}	
  .camp_g section, .camp_n section {background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768_k.png) no-repeat;background-size: 100% auto;}
  .camp_k section {background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768_k1.png) no-repeat;background-size: 100% auto;}*/
  
  .confirmation_block .inner-page-block-wrap { width: 88%;}

  .content-block-info { background: url(https://images.zentio.com/zm/pacebox/pace-premie-mobile.jpg) no-repeat; width: 140px; height: 90px; top: 180px; right: 10px;}
  .content-block-info h2,
  .content-block-info h3,
  .content-block-info h4, 
  .content-block-info .pic-area {
    display: none;
  }
  .steps {margin: 0 auto;width: 88%;}
  .steps > h2 { font-size: 3.8rem;}
  .steps > h3,
  .steps > h4 {
    font-size: 2.2rem;
  }
  .steps > h5 {
    display: block; 
    color: #4ba8b4;
    font-size: 1.9rem;
    font-family: "orgonbold";
    margin-top: 5px;
  }
  /*.article-txt section {background: #eaf3f0;}*/
  /*.article-txt-wrap {width: 80%; margin-left: 45px;}*/
  .article-txt h3,
  .article-txt h4,
  .article-txt h6 {margin-right: 0;}
  .article-txt .item img { right: -150px;}
  
  .element-block a {padding: 6px 0 0;}
  .element-block .link {display: block;}
  
  .bg-banner-info-logo {top: 58px;left: 310px;right: auto; margin: 0;}
  .bg-banner-info h2 {top: 170px;}
  .bg-banner-info h3 {top: 220px;width: 50%;font-size: 3.6rem;}
  .bg-banner-info .nav_list {left: -35px; top: 35px;}
  .items-bar { bottom:20px; }
  .items-bar li { padding: 15px 0;}
  .article-txt .item { width: 80%;}
  .try-again h2 { width: 100%;}
  .container-for-elements > ins { top: -130px;}

  .promo-dizolve {
        display: block;
    } 
  .promo-dizolve__col_about {
        padding-right: 0;
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
  .promo-dizolve__col_result {
        display: none;
    }     
  .promo-dizolve__info_about {
        padding-right: 0;
        padding-bottom: 60px;
    }
  .promo-dizolve__info_result {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 12px;
        max-width: 220px;
        width: 100%;
    }
  .promo-dizolve__txt_result {
        font-size: 26px;
        line-height: 30px;
    }
  .promo-dizolve__steps {
        margin-left: 0;
        margin-right: 0;
    }
  .promo-dizolve__step {
        margin-bottom: 45px;
        padding: 0 50px;
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
    }
  .promo-dizolve__step_mobile {
        display: block;
        margin-top: -10px;
    }            
}

@media (max-width: 769px) {
  .mobile_fixed {width: 100%;z-index: 10000;position: fixed;top: 0; background-color: #fff }
  .anchor { height:74px; margin-top:-74px;}
  .body_wrapper { padding-top: 74px;}

  .inner-page-block .inner-page-block-wrap { margin-left:30px;}

  .article-txt-wrap {padding-left: 0;padding-right: 0;}
  .article-txt-wrap .save-env__poster { float: none;margin-bottom: 20px;margin-top: 0;margin-right: 0;width: 80%;}
  .article-txt-content {padding-top: 0;padding-left: 40px;padding-right: 40px;}

  .short-reviews__list {padding-left: 0;padding-right: 0;}
  .short-review {-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}

    .reviews__list {padding-left: 0;padding-right: 0;}
    .reviews__title {font-size: 40px;line-height: 46px;}
    .review {-ms-flex: 0 0 50%;-webkit-box-flex: 0;flex: 0 0 50%;max-width: 50%;}

    .bottom_info { background: #f5f7fB;}
    .bottom_info section {padding: 15px;text-align: left;}
    .bottom_info .logo {    height: 60px;position: unset; margin-bottom: 10px;}
    .bottom_info .ul_links {float: none;width: inherit;text-align: left;margin-left: 0;}
    .bottom_info .ul_sharing { display: inline-block; float: right; padding-right: inherit;}
    .bottom_info .ul_sharing a { float: right;}
    .bottom_info h3 { margin-bottom: 1px;}

    .steps.klarna-cart {width: 95%;}
    .sign-up-left-col, .sign-up-right-col { width: 100%; display: block; float:left }
}

@media (max-width: 481px) {   
  header {height: 45px;top: 14px;}	
  header .logo {top: 9px;width:78px; left: 15px;height: 135px; background-size: 100% auto;}
  header nav {margin: 7px 0 0;}	
  header nav li {margin: 0 0 0 12px;}

  header .navbar-toggle { position: absolute; left: 20px; top: 26px; display: inline-block; background: none; border: none; outline: none;}
  header .navbar-toggle .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
  .navbar-toggle .icon-bar {display: block;width: 30px;height: 4px;border-radius: 2px;background-color: #213850;margin: 0 0 4px 0;}
  header nav li { padding: 0; margin: 0;}
  header nav li a { display: block; font-size: 1.3rem; }
  header nav li.selected a {border-radius: 0;}
  header nav li.badge {display: none;}

  .wide_banner section {background: #fff url(https://images.zentio.com/zm/dizolve/bg_wide_banner_320.png) no-repeat; background-size: 100% auto;}
  .wide_banner .first-div-banner {margin: 80% 0 0;}
  .wide_banner .decorate-block {left: 32px;top: 29px;}
  .wide_banner .first-div-banner h2 {margin: 5px auto 12px;font-size:2.8rem;line-height:2.8rem;font-family: "orgonextrabold";}
  .wide_banner .first-div-banner h3 {font-size: 2rem;margin-bottom: 4px;}
  .wide_banner .first-div-banner h4 {width: 90%;margin: 0 auto;font-size: 1.46rem; padding: 0 20px; text-align: center;}
  .wide_banner .first-div-banner h4 br {display: none;}
  .wide_banner .first-div-banner p {font-size: 2rem; margin-bottom: 10px; font-family: "orgonextrabold"}
  .wide_banner .first-div-banner .butns_block {width: 310px;margin: 0 auto;padding-left: 8px;}
  .wide_banner .first-div-banner .but-style {font-size: 2rem;width: 150px;float: left;margin: 0 8px 0 0;padding: 8px 0;}
  .wide_banner .first-div-banner .but-style + .clear {display: none;} 
  .wide_banner .first-div-banner label { margin-bottom: 0; font-size: 1.5rem; padding: 4px 13px;}
  .float-list { float: left;}
  .float-list li { font-size: 1.6rem; font-family: "orgonlight"}
  
  .inner-page-block .inner-page-block-wrap { margin-left:20px;}

  .element-block section { padding: 20px 0 0;}
  .element-block ul { width: 100%;}
  .list-elements h2 {padding: 0 0 0 25px;font-size: 2.3rem; margin-bottom: 0;}
  .list-elements ul li {width: 100%;text-align: left; background: #afd0d6; margin: 0; padding: 15px 25px 15px 50px; box-sizing: border-box;}
  .list-elements ul li:first-child {background: #bbdbe1; }
  .list-elements ul li:last-child {display: none;}
  .list-elements ul li:before {top: 0;}
  .list-elements ul li figure {float: left; margin: 0 25px 0 0;}
  .list-elements ul li article {text-align: left; padding-right: 0;}
  
  .steps, .steps.klarna-cart {width: 90%; padding: 20px 0;}
  .steps > h2 {font-size: 2.8rem;}
  .steps > h3 {font-size: 1.8rem;}
  .steps > h4 {font-size: 1.46rem; line-height: 1.6rem;}
  .steps > h5 { font-size: 1.5rem;width: 70%;}
  .steps  hr { background: transparent; margin-top: 0;}
  .form-content .item-with-buttons {width:100%;} 
  .form-content .item-with-buttons .but-style {margin: 0 0 20px;}
  .form-content .float-list {float: right;}
  .form-content .item-size-4 { width: 58%;}
  .form-content .item-size-6 { width: 100%;}
  .content-block-info {top: 70px; right: 0; background-image: url(https://images.zentio.com/zm/pacebox/pace-premie-mobile.jpg); width: 135px;height: 92px;}
  
  .article-txt section {min-height: 0;background-image: none;}
  .article-txt h2 {font-size: 3.5rem;}
  /*.article-txt-wrap {width: 100%; margin-left: 0; padding: 25px 25px 0 25px; box-sizing: border-box; overflow: hidden;}*/
  .article-txt h3 {font-size: 1.8rem;  }
  .article-txt .item {position: relative;width: 100%; padding: 0 60px 0  0; box-sizing: border-box;}
  .article-txt .item h5 { padding-left: 0;}
  .article-txt .item p { padding-left: 0;}
  .article-txt .item h5:before {display: none;}
  .article-txt .item:before {content: "";display: block;position: absolute; right: -30px; top:15px;width: 86px;}
  .article-txt .item:nth-of-type(1):before {height: 115px;}  
  .article-txt .item:nth-of-type(2):before {height: 126px;background-position: 0 -128px;}  
  .article-txt .item:nth-of-type(3):before {height: 137px;background-position: 0 -257px;}  
  .article-txt .item:nth-of-type(4):before {height: 199px;background-position: 0 -403px;}  
  .article-txt h6 { display: none;}
  .article-txt h4 { display: none;}

  .element-block-2 section { padding: 25px 0;}
  .element-block-2 h3 {font-size: 2rem;}
  .element-block-2 .link {padding-top: 10px;}
  .element-block-2 .link a { cursor: pointer; display: inline-block; background: #0aaf86; color: #fff; line-height: 40px; padding: 0 12px; font-size: 1.8rem; border-radius: 6px;box-shadow: 1px 1px 0 0 #058a69;}

  .form-content .half-size {width: 100%;} 
  .form-content .item-with-buttons .payfor { margin-left: 0;}
  .form-content .float-list { float: none; padding-left: 10px;}
  .form-content .item-with-buttons .but-style {margin: 0;}
  .float-list li { font-size: 1.8rem; }
  .bg-banner-info section {background: #ecefef;}
  .bg-banner-info-logo {top: 45px; left: auto; right: 30px;width: 100px; height: 25px; background: url(https://images.zentio.com/zm/pacebox/banner-info-logo_480.png); }
  /*.bg-banner-info h2 {top: 34px; left: 30px;  width:auto;font-size:2.4rem;text-align: center;text-align: left; font-size: 18px; font-family: "orgonbold";}
  .bg-banner-info h3 {top: 180px; left: 30px; width:auto;font-size:22px;text-align: left; font-family: "orgonbold";}*/ 
  .bg-banner-info h2, .bg-banner-info h3 { display: none;}
  .items-bar {bottom: auto;width: 77%;}
  .items-bar li {width: 100%;}
  .bg-banner-info .nav_list {left: 40px; top: 80px; width: 300px; margin-left: 0;}
  .bg-banner-info .nav_list li { display: block;}
  .bg-banner-info .nav_list li a { font-size: 14px;}
  .bg-banner-info .ul_links {text-align: center; margin-left: 0;}
  
  footer section {
    height: auto;
  }
  footer section .payfor,
  footer .copy {top: 0;padding: 25px 0 25px 30px;position: relative;right: auto;left: -50%;-webkit-transform: translateX(50%);transform: translateX(50%);}
  footer .addr {
    display: block;
    color: #453f41;
    padding: 25px;
    font-size: 1.8rem;
    font-family: "orgonregular";
  }
  footer section .info { font-size: 1.3rem;}
  footer .addr strong,
  footer .addr b {
    font-family: "orgonbold";
  }
  .try-again .btn-small { font-size: 15px;margin-bottom: 15px;vertical-align: top;}
  .body_wrapper { padding-top: 50px;}

  .bottom_info .ul_links, 
  .bottom_info .ul_sharing{ font-size: 70%;}
}

@media (max-width: 479px) {
  header .navbar-toggle { top: 15px; left: 15px;}

  .article-txt-wrap .save-env__poster { width: 100%;}
  .article-txt-content { padding-left: 25px;padding-right: 25px;}
  .article-txt-demos { padding-left: 10px;padding-right: 10px;}
  .article-txt-demo {padding-left: 15px;padding-right: 15px;}
  .article-txt-demo-img.demo-img_benefit {margin-top: 10px;}

  .list-elements ul li
  .element-block section {padding: 15px 0 20px 0;}
  .list-elements h2 {font-size: 24px;}
  .list-elements ul li { padding-left: 20px;}
  .list-elements ul li figure {margin: 0 15px 0 0;}
  .list-elements ul li article {font-size: 1.4rem;padding-right: 0;}
  .list-elements ul li article h3 {font-size: 1.4rem;}
  .list-elements ul li:before {top: 28px; right: 0;width:80px;height:60px;background-size: cover;}
  .list-elements ul li figure img { width: 100px; height: 100px;}
  .list-elements ul li article {min-height: 90px;}
  .steps { padding: 15px; width: auto;}
  .steps.klarna-cart { width: auto;}
  .steps > h2 {font-size: 3rem; line-height: 3.2rem; padding-bottom: 15px;}
  .steps > h3 {font-size: 2rem;}
  .steps > h5 strong { white-space: nowrap;}

  .form-content .item-with-buttons > p { overflow: hidden; width: 100%;}
  .form-content .item-with-buttons .but-style {width: 100%; margin: 10px 0;}
  .form-content .float-list { float: none; display: block; text-align: right; padding: 0; font-size: 1.6rem;}
  /*.article-txt-wrap {width: auto;}*/
  .article-txt-wrap h2 {font-size: 2.2rem;}
  .article-txt h3,
  .article-txt h4 {font-size: 28px;line-height: 30px;}
  .article-txt .item { padding-right: 60px;}
  .article-txt .item h5,
  .article-txt h6,
  .article-txt .item p { font-size: 1.4rem;}
  .article-txt .item img { position: relative; top: auto; right: auto; float: left; left: 50%; margin: 0 0 10px; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
  
  .element-block h3 {font-size: 1.5rem;}
  .element-block h3 a {padding: 0;font-size: 1.9rem;}
  
  .bg-banner-info-logo {top: 100px;}

  .bg-banner-info h2 {font-size: 1.6rem;}
  .bg-banner-info h3 {font-size: 1.4rem;}

  .bg-banner-info .nav_list {width: auto;}
  .copy {font-size: 1rem;}
  .container-for-elements > ins {top: -150px;left:auto;right:0;width: 75px;height:74px;background:url(https://images.zentio.com/zm/pacebox/ic-e-commerce-mobile.png);background-size: 75px auto;}

  .short-review {-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}

  .promo-dizolve-wrap {padding-left: 25px;padding-right: 25px;}
  .promo-dizolve__title {margin-bottom: 6px;font-size: 28px;line-height: 30px;}
  .promo-dizolve__title_result {margin-bottom: 6px;font-size: 28px;line-height: 36px;}
  .promo-dizolve__info_about {padding-bottom: 40px;}
  .promo-dizolve__info_result {margin-left: 0;margin-right: 0;padding-bottom: 20px;max-width: 240px;width: 100%;}
  .promo-dizolve__txt {line-height: 1.3;}
  .promo-dizolve__txt_result {font-size: 24px;line-height: 28px;}
  .promo-dizolve__step {margin-bottom: 30px;padding: 0 40px;-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}
  .promo-dizolve__step_mobile {margin-top: 0;padding: 0;}
  .promo-dizolve__img_result {max-width: 246px;}

    .reviews {padding-top: 40px;}
    .reviews__title {padding-left: 25px;padding-right: 25px;font-size: 36px;line-height: 42px;}

    .reviews__slogan {margin-bottom: 30px;padding-left: 25px;padding-right: 25px;}

    .review {margin-bottom: 30px;padding-top: 0;padding-left: 25px;padding-right: 25px;-ms-flex: 0 0 100%;-webkit-box-flex: 0;flex: 0 0 100%;max-width: 100%;}

    .klarna-sketch-container { text-align: center }
}

@media (max-width: 377px) {
    .steps > h3 { font-size: 1.8rem; }
}

@media (max-width: 359px) {
    .klarna-sketch { width: 100% }
}

@media (max-width: 322px) {
  /*.camp_g section, .camp_n section { background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_320_k.png) no-repeat; background-size: 100% auto;}
  .camp_k section { background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_320_k1.png) no-repeat; background-size: 100% auto;}*/
  .wide_banner .first-div-banner .butns_block { width: 100%;}
  .wide_banner .first-div-banner .but-style {float:left;margin: 0 8px 0 15px;width:173px;padding: 10px 0;font-size: 2rem;}
  .wide_banner .first-div-banner h2 {font-size:2.4rem;line-height:2rem;font-family: "orgonextrabold";}
  .wide_banner .first-div-banner h3 {margin: 0 0 4px;font-size: 1.7rem;width: 100%;}
  .wide_banner .first-div-banner h4 {width: 90%;margin: 0 auto 10px;font-size: 1.46rem;}
  .wide_banner .first-div-banner p {font-size: 1.7rem;padding: 0 0 5px;}
  .float-list {float: left;margin: 8px 0 0;}
  .float-list li {font-size: 1.3rem;}    
  /*.content-block-info { top: 100px;}*/
  .container-for-elements > ins {top: -170px;}
  .anchor { height:55px; margin-top:-35px;}

  .steps > h2 { font-size: 2.8rem;}
  .steps > h3 { font-size: 1.6rem; }

  .promo-dizolve__info_about {
        padding-bottom: 25px;
    }
  .promo-dizolve__txt {
        font-size: 18px;
        line-height: 1.333;
    }
    .reviews__title {
        font-size: 28px;
        line-height: 30px;
    }

    .reviews__slogan {
        margin-bottom: 20px;
        font-size: 20px;
        line-height: 24px;
    }
}