/*Styles for tablets and phones*/

@media (max-width: 1368px) {
    .wide_banner .first-div-banner { width: 500px;}
    .wide_banner .first-div-banner h2 { font-size: 4.5rem;}
    .wide_banner .first-div-banner h4 { font-size: 1.7rem;}
}

@media (max-width: 1250px) {
	header nav {margin: 20px 91px 0;}
	
	.sec-div-banner {right: 53px;width: auto;}
	
	.wide_banner section {background-position: 60% 0;}
	.wide_banner .decorate-block {right: 27.2%;}
    .camp_g section .decorate-block { right: 17.2%;top: 13px;}
	
	.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;}

	/*.article-txt section {background: url(https://images.zentio.com/zm/shai/bg_article_txt.jpg) no-repeat scroll 53% 0%, #eaf3f0;}*/
	.article-txt .item img {height:auto;right: -120px;}
	.article-txt .item.high img {right: -158px;}
	.article-txt-wrap {width: 69%;margin: 0 auto;}
	.article-txt .item .item-wrap {width: 69%;}
	.article-txt .item.high img {right: -160px;}
	
	.element-block a {display:block;}

	.bg-banner-info h3 {width: 61%;font-size: 4rem;}
    .bg-banner-info-logo { display: none;}
    .bg-banner-info-logo-mobile { display: block;margin-bottom: 3%;}
    .bg-banner-info .ul_links { min-height: 0;}
    .wide_banner .first-div-banner { width: 450px;margin-top: 64px}
    /*.competition_line { padding-left: 30px;}*/
}

@media (max-width: 1023px) {
  .list-elements ul li {width: 31%;margin: 0 0 0 2%;}
  .list-elements ul li article {text-align: center;}
  
  .steps {margin: 0 auto;width: 90%;}
  .steps .steps-header > h2 { font-size: 4rem;}
  
    .article-txt-wrap {width: 82%;}
  .article-txt .item img {right: -20px;}
  .article-txt .item.high img {right: -82px;}
  
  .element-block a {padding: 6px 0 0;}
  
  .bg-banner-info h3 {top: 271px;width: 60%;font-size: 3.6rem;}
  .inner-page-block-wrap .banner { max-width: 100%;width: 100%;background-size: contain;}
  
  .text-for-info {width: 100%;}
  .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;}
  .try-again h2 { width: 100%;}
}

@media (max-width: 1000px) {
    .wide_banner .first-div-banner h2 { font-size: 3.5rem;}
    .wide_banner section {height:auto;background:url(https://images.zentio.com/zm/shai/bg_wide_banner_768.jpg) no-repeat;background-size: 100% auto;}	
    .wide_banner .first-div-banner,
    .wide_banner.camp_u .first-div-banner {width:100%;margin: 58% 0 0;padding: 0 0 60px;text-align:center;}	
    .wide_banner .first-div-banner h3 {display: inline-block;width: 82%;}
    .wide_banner .first-div-banner label {display:inline-block;position: relative;top: auto;margin: 0 0 15px;}
    .wide_banner .decorate-block {right: auto;left: 60px;}
    .camp_g section .decorate-block { right: 40.2%;left: auto;}
    .sec-div-banner {display: none;}
    .butns_block.pull-right .float-list {float: left;}

    .camp_s section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_768.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
    .camp_c section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_c_mobile.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
    .camp_b section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_b_768.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
    .camp_p section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_p6_768.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
    .camp_g section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_g3.jpg) no-repeat 100% 0 #fff;} 
    .camp_f section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_f_mobile.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
    .camp_m section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_m_768.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
    .camp_u section { background: url(https://images.zentio.com/zm/shai/bg_banner_product_u_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
}

@media (max-width: 767px) {
  .mobile_fixed {width: 100%;z-index: 10000;position: fixed;top: 0; background-color: #fff }
  .body_wrapper { padding-top: 74px;}
  .steps .steps-header > h5 {font-size: 1.8rem; display: block}
  .wide_banner .first-div-banner,
  .wide_banner.camp_u .first-div-banner {margin: 53% 0 0;padding: 30px 0 30px 0;}
  .wide_banner.camp_p .first-div-banner {margin: 56% 0 0;padding: 30px 0 30px 0;}
  .wide_banner .first-div-banner .butns_block {width: 72%;margin: 0 auto;}
  .wide_banner.camp_u .first-div-banner .butns_block { width: 95%;margin-top: 18px;margin-bottom: 18px;}
  .wide_banner.camp_u .first-div-banner .butns_block .pull_middle { float: none;}
  .wide_banner .first-div-banner h3,
  .wide_banner .first-div-banner h4,
  .wide_banner .first-div-banner p { padding-left: 10px; padding-right: 10px}
  .anchor { height:44px; margin-top:-44px;}
  .wide_banner .first-div-banner.top_banner_mobile_only { display: inline-block;}
  .hide_on_mobile { display: none !important;}
  .wide_banner section .decorate-block {top: 185px;}
  .sign-up-left-col, .sign-up-right-col { width: 100%; display: block; float:left }
}

@media (max-width: 600px) {
    header nav { margin: 20px 30px 0;}
    header .logo {left: 37px;}
	.steps .steps-header > h2 {font-size: 3.5rem;}
	.steps .steps-header > h3 {font-size: 3rem;}
	.steps .steps-header > h4 {font-size:2.8rem;line-height:2.8rem;}
    .article-txt .item.high {padding: 0;}
    .article-txt h3 {width: 100%;}
    .article-txt .item .item-wrap {width: 100%;}
    .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%);}
}


@media (max-width: 481px) { 

  header nav {margin: 20px 47px 0 0;}
  header nav li {margin: 0 0 0 12px;}
  header .logo {top:20px;left: 32px;width: 124px; background-size: 100% auto;}
  header .logo.camp_g {background-size: 100% auto;}
  header .logo.camp_u {background-size: 100% auto;}
  .mobile_fixed { height: 40px;}

  .body_wrapper { padding-top: 40px;}
  
  .wide_banner section .decorate-block {left: 32px;}
  .wide_banner .first-div-banner,
  .wide_banner.camp_u .first-div-banner {margin: 58% 0 0;}
  .wide_banner .first-div-banner h2 {font-size: 3.6rem;}
  .wide_banner .first-div-banner p {font-size: 2.5rem;}
  
  .list-elements ul { padding-top: 10px;}
  .list-elements ul li {width: 100%;text-align: left;}
  .list-elements ul li:before {top: 0;}
  .list-elements ul li figure {float: left; margin: 0 35px 30px 0;}
  .list-elements ul li article {text-align: left;padding-top: 0;}
  .list-elements ul li figure img { width: 90px;height: 90px;}
  
  .steps {width: 90%;}
  .steps .steps-header > h2 {font-size: 3.6rem;}
  .steps .steps-header > h3 {font-size: 2.4rem;}
  .steps .steps-header > h4 {font-size: 2.4rem;}
  .form-content .item-with-buttons {width:100%;} 
  .form-content .item-with-buttons .but-style {width:100%;margin: 0 0 20px;}
  .form-content .float-list {float: right;}
  .form-content .item-size-4 { width: 100%;}
  .form-content .item-size-6 { width: 100%;}
  
  .article-txt section {background-image: none;}
  .article-txt h2 {font-size: 3.5rem;}
  .article-txt-wrap {width: 90%;}
  .article-txt h3 {font-size: 1.8rem;}
  .article-txt .item {position: relative;width: 67%;padding: 0;}
  .article-txt h6 {padding: 0 0 35px;text-align: left;}
  
  .element-block section {padding: 43px 0;}
  .list-elements h2 {width: 90%;margin: 0 auto}
  .element-block ul {width: 90%;margin: 0 auto;}
  .element-block h3 {font-size: 2.3rem;}
  .element-block a {font-size: 2.3rem;} 
  
  .bg-banner-info section {background: #ecefef;height: 610px}
  /*.bg-banner-info section > * {left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}*/
  .bg-banner-info-logo-mobile { display: block;margin-left: 25%;}
  .bg-banner-info h2 {font-size:2.4rem;text-align: center;display: block; width: 100%}
  .bg-banner-info h3 {width:87%;font-size:2.6rem;text-align: center;display: block;margin-left: auto;margin-right: auto;} 
  .bg-banner-info-logo {top: 42px;}
  .bg-banner-info h2 {top: 122px;width:100%;font-size:2.4rem;text-align: center;}
  .bg-banner-info h3 {top: 157px;width:87%;font-size:3.6rem;text-align: center;} 
  .items-bar {bottom: auto;}
  .items-bar li {width: 100%;}
  .items-bar li figure {width: 160px;}
  
  footer section { height: auto;}
  footer section .copy {top: 0; padding: 25px 0 25px 30px; position: relative;right: auto;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

  .try-again .btn-small { font-size: 15px;margin-bottom: 15px;vertical-align: top;}

    .bottom_info .ul_links a { font-size: 1.5rem;}
  .bg-banner-info .bg-banner-info-items { margin-left: 0;width: 100%}
  .bg-banner-info .ul_links { text-align: center;margin-left: 0;width: 100%}
  .items-bar { margin-right: auto;margin-left: auto;}
  .bg-banner-info-logo-mobile { margin-bottom: 8%;}

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

@media (max-width: 479px) {

  header .logo {top: 6px;}
  header nav {margin: 5px 0 0;}	
  header nav li {margin: 0 10px 0 10px;}

  .mobile-trigger {display: inline-block;} 
  .desktop-link { display: none;}
  
  .wide_banner section {background:url(https://images.zentio.com/zm/shai/bg_wide_banner_320.jpg) no-repeat;background-size: 100% auto;}
  .wide_banner .first-div-banner,
  .wide_banner.camp_u .first-div-banner {margin: 53% 0 0;}
  .wide_banner .first-div-banner label {margin-bottom: 17px;font-size: 1.5rem;}
  .wide_banner .first-div-banner h2 {margin: 0 auto 2px;font-size:2.8rem;line-height:2.8rem;font-family: 'Open Sans', sans-serif;}
  .wide_banner .first-div-banner h3 {margin: 0 0 4px;font-size: 2rem;width: 90%;}
  .wide_banner .first-div-banner h4 {width: 90%;margin: 0 auto 15px;font-size: 1.46rem;}
  .wide_banner .first-div-banner p {font-size: 2rem;padding: 0 0 7px;}
    .wide_banner .first-div-banner .but-style {float:left;width:173px;padding: 10px 0;font-size: 2rem;}
  .wide_banner .first-div-banner .but-style.pull_middle {float:none;padding: 10px 12px;}
  .wide_banner .first-div-banner .but-style + .clear {display: none;} 
  .float-list {float: left;}
  .float-list li {font-size: 1.6rem;}
  .wide_banner section .decorate-block {top: 151px;left: 5px;width: 64px;height: 52px;padding: 6px 0 5px 0;}
  .wide_banner section .decorate-block span {font-size: 1rem;}
  .wide_banner section .decorate-block h2 {font-size: 1.8rem;line-height: 1.8rem;}
  .wide_banner .competition_line { margin-top: 10px;}
  
  .camp_s section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_320.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  .camp_c section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_c_mobile.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_b section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_b_320.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_p section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_p6_768.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_g section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_g3_414.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_f section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_f_mobile.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_m section {background:url(https://images.zentio.com/zm/shai/bg_banner_product_m_320.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_u section { background: url(https://images.zentio.com/zm/shai/bg_banner_product_u_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  
  .element-block section {padding: 17px 0;}
  .list-elements ul li figure {margin: 0 15px 20px 0;}
  .list-elements ul li article {font-size: 1.6rem;padding-right: 0;}
  .list-elements ul li:before {top: 28px; right: 0;width:80px;height:60px;background-size: cover;}
  
  .steps {width: 90%;padding: 15px 0;}
  .steps .steps-header > h2 {font-size: 2.8rem;}
  .steps .steps-header > h3 {margin: 0 0 5px;font-size: 1.6rem;}
  .steps .steps-header > h4 {margin: 0 0 10px;font-size: 1.6rem;line-height:2rem;width: 100%;}
  .steps .steps-header > h5 { font-size: 1.3rem;}
  .form-content .half-size {width: 100%;} 
  .form-content .item-size-4 {width: 65%;}
  .container-for-elements > ins {top: -25px;left:auto;right:0;width: 75px;height:74px;background:url(https://images.zentio.com/zm/shai/ic-e-commerce-mobile.png);background-size: 75px auto;}
  .article-txt-wrap {width: 80%;}
  .article-txt .item {width: 100%;}
  .article-txt h6 {font-size: 2.4rem;}
  
  .element-block h3 {font-size: 1.9rem;}
  .element-block h3 a {padding: 0;font-size: 1.9rem;}
  
  .article-txt h3 {width: 100%;}
  .article-txt .item .item-wrap {width: 100%;}
  .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%);} 
  
  .bg-banner-info h2 {font-size: 2rem;}
  .bg-banner-info h3 {font-size: 2.6rem;}
  .items-bar { text-align: left;}
  
  .inner-page-block .inner-page-block-wrap { margin: 0 23px 0 15px;}
  .inner-page-block h1 {color: #ff0090;font-size: 3.2rem;}
  .inner-page-block h2 {font-size: 2rem;}
  .inner-page-block .content-block-part li { font-size: 1.5rem;}
  .inner-page-block .confirmation-addons-wrap { margin: 0 23px 0 15px;}
}

@media (max-width: 374px) {
    .klarna-sketch { width: 100% }
}

@media (max-width: 322px) {
	
   header {height: 45px;top: 14px;}	
   header .logo {left: 23px;top: 7px;width:78px;}
   header nav {margin: 5px 0 0;}

    header .logo.camp_u {
        width: 120px;
    }
	
   .wide_banner .first-div-banner label {padding: 2px 13px;font-size: 1.3rem;}
   .wide_banner .first-div-banner h2 {margin: 0 auto 7px;font-size:2.4rem;line-height:2rem;font-family: 'Open Sans', sans-serif;}
   .wide_banner .first-div-banner h3 {margin: 0 0 4px;font-size: 1.7rem;width: 90%;}
   .wide_banner .first-div-banner h4 {width: 90%;font-size: 1.46rem;}
   .wide_banner.camp_f .first-div-banner h4 { display: inline-block; } 
   .wide_banner .first-div-banner label {font-size: 1.4rem;margin-bottom: 7px;}
   .wide_banner .first-div-banner p {font-size: 1.7rem;padding: 0 0 5px;}
   .wide_banner .first-div-banner .butns_block {width: 78%;}
   .wide_banner .first-div-banner .but-style {float:left;margin: 0 8px 0 0;width:173px;padding: 10px 0;font-size: 2rem;}
   .wide_banner .first-div-banner .but-style + .clear {display: none;} 
   .float-list {float: left;margin: 8px 0 0;}
   .float-list li {font-size: 1.3rem;}    
   .inner-page-block .but-style.green { font-size: 2rem;}

   .form-content .item-size-4{ width: 60%;}
   .body_wrapper { padding-top: 50px;}
   .steps .steps-header > h2 { font-size: 2.5rem;}
}