/*Styles for tablets and phones*/

@media (max-width: 1250px) {
	header nav {margin: 20px 91px 0;}
	
	.sec-div-banner {right: 53px;width: auto;}
	
	.wide_banner section {background-position: 28% 0;}
	.wide_banner .decorate-block {right: 27.2%;}
    .wide_banner .first-div-banner { width: 540px;}
    .wide_banner .first-div-banner h2 { font-size: 4.3rem;}
    .wide_banner .first-div-banner h3 { font-size: 2.5rem;}
    .wide_banner .first-div-banner p { text-align: left;}
    .wide_banner .first-div-banner .butns_block.pull-right { float: left;}
    .camp_g section .decorate-block { right: 17.2%;top: 13px;}
    .camp_c section { background-position: 65% 0;}
    .camp_g section { background-position: 90% 0;}

    .camp_k section { background: url(https://images.zentio.com/zm/shaibox/bg_banner_product_f5_1250.jpg) no-repeat 100% 0 #ffffff; background-position: 70% 0; height: 350px; }
    .camp_o section,
    .camp_a section,
    .camp_m section,
    .camp_f section { background: url(https://images.zentio.com/zm/shaibox/bg_banner_product_f11_1250.jpg) no-repeat 100% 0 #ffffff; background-position: 70% 0; height: 350px; }
	
	.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;}
	
	.content-block-info h4 {display:inline-block;width:80%;}
	
	/*.article-txt section {background: url(https://images.zentio.com/zm/shaibox/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;}
}

@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 { width: 70%;font-size: 4rem;}
  .steps .steps-header > h3 { width: 70%;}
  .steps .steps-header > h4 { width: 100%;}
  .steps .steps-header > h5 { width: 70%;}
  
  .article-txt-wrap {width: 82%;}
  .article-txt .item img {right: -20px;}
  .article-txt .item.high img {right: -54px;}
  
  .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%;}

  .content-block-info {top: 190px; position: absolute;}
  .content-block-info > h3 { display: none;}
  .content-block-info > h2 { display: none;}
  .content-block-info > h4 { display: none;}
  .content-block-info .pic-area { width: 216px;height: 144px; background: url(https://images.zentio.com/zm/shaibox/shai-premie-mobile-768.jpg) no-repeat;}
  /*.content-block-info .pic-area.medium2 { background: url(https://images.zentio.com/zm/shaibox/bg_orderform_prize_768-2.png) no-repeat;}
  .content-block-info .pic-area.medium_nel { background: url(https://images.zentio.com/zm/shaibox/bg_orderform_prize_768.png) no-repeat;}*/

  .butns_block.pull-right .float-list {
      float: left;
  }
}

@media (max-width: 1000px) {
    .wide_banner section {height:auto;background:url(https://images.zentio.com/zm/shaibox/bg_wide_banner_768.jpg) no-repeat;background-size: 100% auto;}	
  .wide_banner .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;}
  .wide_banner .first-div-banner p { text-align: center;}
  .wide_banner .first-div-banner .butns_block.pull-right { float: right;}
  .camp_g section .decorate-block { right: 40.2%;left: auto;}
  .sec-div-banner {display: none;}
  
  .camp_s section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_768.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  /*.camp_c section {background:url(https://images.zentio.com/zm/shaibox/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/shaibox/bg_banner_product_b_768.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_g section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_g3.jpg) no-repeat 100% 0 #fff;} 
  .camp_n section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f2_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_m section, .camp_p section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_m_768.png) no-repeat 100% 0 #fff;background-size: 100% auto;}
  /*.camp_k section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_kcsm_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}*/
  .camp_c section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f3_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  .camp_k section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_o_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  .camp_o section,
  .camp_a section,
  .camp_m section,
  .camp_f section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f11_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
}

@media (max-width: 766px) {
  .mobile_fixed {width: 100%;z-index: 10000;position: fixed;top: 0;background-color: #fff;height: 54px;}
  .body_wrapper { padding-top: 54px;}
  header .logo { top: 12px;}
  header nav { margin-top: 12px;}
  .steps .steps-header > h5 {font-size: 1.8rem; display: block}
  .wide_banner .first-div-banner {margin: 55% 0 0;padding: 10px 0 10px 0;}
  /*DH for cdn*/
  /*.wide_banner.camp_k section .first-div-banner { margin-top: 55%;}*/
  /*DH for cdn*/
  /*.wide_banner.camp_g section .first-div-banner { margin-top: 70%;}*/
  .anchor { height:44px; margin-top:-44px;}
  .wide_banner .first-div-banner.top_banner_mobile_only { display: block; margin-bottom:50px}
  .hide_on_mobile { display: none !important;}
  .wide_banner section .decorate-block {top: 145px;}

    .sign-up-left-col, .sign-up-right-col { width: 100%; display: block; float:left }
}

@media (max-width: 600px) {
    header nav { margin: 12px 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%);}
    /*DH for cdn*/
    /*.wide_banner.camp_g section .first-div-banner { margin-top: 78%;}*/ 
}


@media (max-width: 481px) { 
  header nav {margin: 20px 47px 0 0;}
  header nav li {margin: 0 0 0 12px;}
  header .logo {left: 32px;width: 124px;height: 135px; background-size: 100% auto;}
  
  .wide_banner section .decorate-block {left: 32px;}
  .wide_banner .first-div-banner {margin: 58% 0 0;}
  .wide_banner .first-div-banner h2 {font-size: 3.6rem;}
  .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: 90%;margin: 0 auto;}
  .wide_banner .first-div-banner .but-style {width: 100%;}
   /*DH for cdn*/
   /*.wide_banner.camp_g section .first-div-banner { margin-top: 55%;}*/
  
  .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: 95%;}
  .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;} 
  .items-bar {width: 77%;}
  .items-bar li {width: 100%;}
  
  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;}

  .content-block-info {top: 150px;right: 0; position: absolute;}
  .content-block-info .pic-area {background: url(https://images.zentio.com/zm/shaibox/shai-premie-mobile.jpg) no-repeat;height: 90px;width: 135px;}
  /*.content-block-info .pic-area.medium2 { background: url(https://images.zentio.com/zm/shaibox/bg_orderform_prize_320-2.png) no-repeat;}
  .content-block-info .pic-area.medium_nel { background: url(https://images.zentio.com/zm/shaibox/bg_orderform_prize_320.png) no-repeat;}*/
  .bottom_info .ul_links a { font-size: 1.5rem;}
  .bg-banner-info .bg-banner-info-items { margin-left: 0;}
  .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 }
  .klarna-sketch { margin-top: 0 }
}

@media (max-width: 479px) {
  header nav {margin: 12px 0 0;}	
  header nav li {margin: 0;}
  
  .wide_banner section {background:url(https://images.zentio.com/zm/shaibox/bg_wide_banner_320.jpg) no-repeat;background-size: 100% auto;}
  .wide_banner .first-div-banner {margin: 55% 0 0;}
  .wide_banner .first-div-banner label {margin-bottom: 17px;font-size: 1.5rem;}
  .wide_banner .first-div-banner h2 {margin: 0 auto 6px;font-size:2.8rem;line-height:2.8rem;font-family: "orgonextrabold";}
  .wide_banner .first-div-banner h3 {margin: 0 0 4px;font-size: 2rem;width: 100%;}
  .wide_banner .first-div-banner h4 {width: 90%;margin: 0 auto;font-size: 1.46rem;}
  .wide_banner .first-div-banner p {font-size: 2rem;padding: 0 0 14px;}
  .wide_banner .first-div-banner .butns_block {width: 100%;}
  .wide_banner .first-div-banner .but-style {float:left;margin: 0 8px;width:40%;padding: 10px 0;font-size: 2rem;}
  .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: 131px;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;}
  
  .camp_s section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_320.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}
  /*.camp_c section {background:url(https://images.zentio.com/zm/shaibox/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/shaibox/bg_banner_product_b_320.png) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_g section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_g3_414.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_n section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f2_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_m section, .camp_p section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_m_320.png) no-repeat 100% 0 #fff;background-size: 100% auto;}
  /*.camp_k section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_kcsm_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;}*/
  .camp_c section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f3_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_k section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_o_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_o section,
  .camp_a section,
  .camp_m section,
  .camp_f section {background:url(https://images.zentio.com/zm/shaibox/bg_banner_product_f11_mobile.jpg) no-repeat 100% 0 #fff;background-size: 100% auto;} 
  .camp_f section .decorate-block h2 { font-size: 1.8rem;line-height: 1.8rem;}

  .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 .steps-header > h2 {font-size: 2.2rem;}
  .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.7rem;}
  .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/shaibox/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.4rem;}
  .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) {
    .inner-page-block h1 { font-size: 2.8rem; }
}

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

@media (max-width: 322px) {
	
   header {height: 45px;top: 14px;}	
   header .logo {left: 23px;top: 16px;width:78px;}
   header nav {margin: 11px 0 0;}	
	
   .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:2rem;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.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: 100%;}
   .wide_banner .first-div-banner .but-style {float:left;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;}

   .steps .steps-header > h5 { width: 66%;}
   .form-content .item-size-4{ width: 60%;}
   .body_wrapper { padding-top: 50px;}

   .steps .steps-header > h2 { font-size: 2rem;}
   .content-block-info {top: 170px;}
}