/*Styles for tablets and phones*/

footer .addr {display: none;}

@media (min-width: 1281px) {
  .article-txt-wrap { margin-left: 40%; max-width: 550px; }
  .article-txt section {background-position: 85% 73%, 50% 0; }
}
@media (max-width: 1250px) {
  header nav {margin: 20px 90px 0;}

  .sec-div-banner {right: 53px;width: auto;}

  .wide_banner section {background-position: 28% 0;}
  .wide_banner .decorate-block {right: 0;}
    .sec-div-banner {display: none;}
  .wide_banner .first-div-banner{ margin-left: 20px;}

  .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 {margin: 0 0 0 64px; transform: translateX(0)}

  .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 {width: 54%; margin-left: 30%;}
  .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_o 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;}
  /*.camp_o section,*/
  .camp_n section {position: relative;height: 450px; background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_1024_o.jpg) 50% 50% no-repeat;}
  .camp_m section, 
  .camp_a section,
  .camp_g section {position: relative;height: 450px; background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_1024_g1.jpg) 50% 50% no-repeat;}
  .camp_o section .wide_banner .first-div-banner { width: 490px;}
}

@media (max-width: 1023px) {
  header nav {margin:20px 30px 0;}

  .list-elements ul li {width: 31%;margin: 0 0 0 2%;}
  .list-elements ul li article { padding-left: 30px; }

  .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;min-height: unset;}
  .article-txt-wrap {width: 80%; margin-left: 45px;}
  .article-txt h3,
  .article-txt h4,
  .article-txt h6 {margin-right: 0;}
  .article-txt h6 { padding-bottom: 10px}
  .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;}
  .confirmation_block.inner-page-block  .inner-page-block-wrap { width: 95%;margin: 0 auto;}
  .confirmation_block.inner-page-block  .confirmation-addons-wrap { width: 95%;margin: 0 auto;}
}

@media (max-width: 1000px) {
  .wide_banner section {height:auto; background: #dceaed url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768.jpg) no-repeat;background-size: 100% auto;}	
  .wide_banner .first-div-banner {width:100%;margin: 70% 0 0;padding: 0 0 60px;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 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;}
  .butns_block.pull-right .float-list {float: left;}

  .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_o 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;}
  /*.camp_o section,*/
  .camp_n section {background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768_o.jpg) no-repeat;background-size: 100% auto;}
  .camp_m section,
  .camp_a section, 
  .camp_g section {background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_768_g1.jpg) no-repeat;background-size: 100% auto;}
  .wide_banner.camp_g .first-div-banner {margin: 63% 0 0;}
}

@media (max-width: 766px) {
  .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;}
  .wide_banner .first-div-banner.top_banner_mobile_only { display: inline-block; margin: 0;padding: 0 0 30px;}
  .hide_on_mobile { display: none !important;}
  .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-color: #dceaed; background-position: 50% 0;}
  .wide_banner .decorate-block {left: 32px;}
  .wide_banner .first-div-banner {margin: 0 0 0;}
  /*.wide_banner .first-div-banner label {display: none;}*/
  .wide_banner .first-div-banner label {font-size: 1.3rem;}
  .wide_banner .first-div-banner h2 {font-size: 3.6rem; margin-top: 10px;}
  .wide_banner .first-div-banner h3 { font-size: 2.4rem;}
  .wide_banner .first-div-banner h4 { padding: 0 30px; font-size: 18px; text-align: left;}
  .wide_banner .first-div-banner h4 br {display: none;}
  .wide_banner .first-div-banner p {font-size: 2.5rem;}
  .wide_banner .first-div-banner .butns_block {width: 310px;margin: 0 auto; }
  .wide_banner .first-div-banner .but-style {width: 100%;}
  
  .element-block section { padding: 20px 0 0; background: #bbdbe1;}
  .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 {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;}
  .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%;}
  
  .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; }
  .form-content .item-with-buttons p.comment {font-size:1.2rem;}
  .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;width: 100%;min-height: 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;}

  .klarna-sketch-container { text-align: center }
}

@media (max-width: 479px) {
  header .navbar-toggle { top: 15px; left: 15px;}
  
  .wide_banner section {background: #dceaed url(https://images.zentio.com/zm/pacebox/bg_wide_banner_320.jpg) no-repeat; background-size: 100% auto;}
  .wide_banner .first-div-banner {padding-bottom: 30px;}
  .wide_banner .decorate-block {top: 29px;}
  .wide_banner .first-div-banner {margin: 68% 0 0;}
  .wide_banner.camp_g .first-div-banner {margin: 54% 0 0;}
  .wide_banner .first-div-banner h2 {margin: 16px 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 p {font-size: 2rem; margin-bottom: 10px; font-family: "orgonextrabold"}
  .wide_banner .first-div-banner .butns_block {width: 100%;}
  .wide_banner .first-div-banner .but-style {font-size: 2rem;width: 150px;float: left;margin: 0 8px 0;padding: 8px 0;}
  .wide_banner .first-div-banner .but-style + .clear {display: none;} 
  .float-list { float: left;}
  .float-list li { font-size: 1.6rem; font-family: "orgonlight"}

  .camp_c section, .camp_f section {background: #dceaed url(https://images.zentio.com/zm/pacebox/bg_wide_banner_320_c.jpg) no-repeat; background-size: 100% auto;}
  .camp_o 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;}
  /*.camp_o section,*/
  .camp_n section { background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_320_o.jpg) no-repeat; background-size: 100% auto;}
  .camp_m section,
  .camp_a section, 
  .camp_g section { background: url(https://images.zentio.com/zm/pacebox/bg_wide_banner_414_g1.jpg) no-repeat; background-size: 100% auto;}
  .wide_banner.camp_g .first-div-banner {margin: 54% 0 0;}

  .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 20px; width: auto;}
  .steps > h2 {font-size: 2.8rem; line-height: 3.2rem;}
  .steps > h3 {font-size: 1.8rem;}
  .steps > h5 strong { white-space: nowrap;}

  .inner-page-block .inner-page-block-wrap { margin: 0 23px 0 15px;}
  .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: 1.6rem;}
  .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;}
}

@media (max-width: 374px) {
    .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;}    
  .container-for-elements > ins {top: -170px;}
  .anchor { height:55px; margin-top:-35px;}
}