.
.mean-container .mean-bar{position: absolute;}
.mean-container .mean-bar.fix{position: fixed;}
@media only screen and (max-width: 1600px){
body.fullwidth .productbox{width:20%}


}
@media only screen and (max-width: 1430px){
  .special{padding-top: 100px;padding-bottom: 100px; font-size: 18px; line-height: 25px;}
#body-main .slogan h1{font-size: 64px; line-height: 67px;}
#body-main .cechy .wrap{margin-top: 5vh;}

body.fullwidth .productbox{width:20%}
.portfoliobox{width:33.3%}
.mobilehide{display: none;}
.polowki .wrap{width: auto;}
}
@media only screen and (max-width: 1300px){
  .colcechy.s4 .cechy{background-position: 30% 50%;}
  .aplikacja .step div{font-size: 14px; line-height: 21px;}
  .konturovnia{padding: 60px 0px;}

  .baner{height:calc( 70vh - 100px)}
  .cechy{height:27vh;}
.navi a{margin: 0px 15px;}
body.fullwidth .productbox{width:25%}
.columns{background-position: 27% 0%;}
.asortyment h1{font-size:32px;}
#body-main .slogan{padding-top: 20px;}
.half{padding:80px 80px 0px 80px;}

.special{padding-top: 100px;padding-bottom: 100px; font-size: 18px; line-height: 25px;}
.special h1{font-size: 40px; line-height: 40px;}

}


@media only screen and (max-width: 1122px){
  section.paski .pasek .wrap{padding: 10px;}
  section.paski .pasek h4{line-height: 18px; min-height: 50px;}
  .productdetails .photosy{width: 100%; }
  .productdetails .opis{width: 100%;}
  #body-main .slogan h1{font-size: 40px; line-height: 43px; font-weight: 300; letter-spacing: -1px;}
  #body-main .slogan h1 strong{font-size: 60px; line-height: 60px;}
    #body-main .slogan{font-size: 24px; line-height:30px; }
    .cechy .title{font-size: 25px; line-height: 26px;}
    .cechy {font-size: 15px; line-height: 23px; font-weight: 400;}
  .topbar{position: absolute;}
  .topbar .navi{display: none}
  .phone{right:90px}

.dets.offer .opis{padding-left:0;}
  .menumobiletoggle{display: block;}
  .searchform{margin-right: 50px;}
  .banerslide a.slick-prev, .banerslide a.slick-next{display: none!important; opacity: 0; visibility: hidden;}


  #body-main .links3 .categorybox a{font-size:18px; line-height: 22px;}
  .columns{background-position: 20% 0%;}
.columns .col-sm-9{padding:30px;}
  .topbar.fixed{display: none;}
  body.fullwidth .container{width:100%; padding-left:30px; padding-right: 30px;}
  .oferta .col-sm-4{padding:10px 15px;}
  body.fullwidth .productbox{width:33.3%}
  .topbar #shoppingcart{position:absolute; right:100px; top:58px; z-index:400}
  #cartcontents{visibility: hidden;}
  section#page{width:100%; margin:0px;}
  .nav .hidden-phone{display:none}
  .totals > div > div > span{display: block;}

  .topbar .nav{right:0px;}

.konturovnia .half{padding: 60px;}
.konturovnia .half-img{padding: 20px;}
  .filtry .filterbox a{width:130px; font-size:13px;}
}

@media only screen and (max-width:1020px){
  .promopopup .wrap.wide{width: 92%;}
  .jakdbac .opis{width: 100%; padding: 50px; }
  .jakdbac{padding: 0px;}
  .jedwab{padding: 40px;}
  .jakdbac .foto{display: none;}
  .aplikacja .step{width: 100%;}
  .aplikacja .foto{background-position: 60% 50%}
  #body-main .slogan h1{font-size: 30px; line-height: 33px; font-weight: 300; letter-spacing: -1px;}
  #body-main .slogan{font-size: 18px; line-height:25px; }

  .cechy {font-size: 13px; line-height: 19px; font-weight: 400;}

  .special{background-position: 90% 100%; padding-top: 80px;padding-bottom: 80px; font-size: 16px; line-height: 23px; font-weight: 300;}
  .special h1{font-size: 40px; line-height: 40px;}

  .portfoliobox{width:50%}


section.paski .pasek{width: 33%;}

  .slogan .btn{margin-top: 10px;}


}

@media only screen and (max-width:768px){
  .konturovnia .half{padding: 30px; width: 66%}
  .konturovnia .half-img{width: 30%; padding: 0px;}
  .colcechy.s4{width: 100%;}
  section.paski .pasek{width: 50%;}
.aplikacja .kroki{width: 100%; padding: 40px;}
.wspolpraca .text h1{font-size: 50px; line-height: 50px;}
.aplikacja .foto{display: none;}
  .productdetails .opis{padding: 40px;}
  .dets.offer .foto{width: 100%;}
  .dets.offer .opis{width: 100%;}
  .colcechy.s4 .cechy{height: 180px;}
  .colcechy.s4 .cechy .wrap{margin-top: 30px;}
  section.polowki .half{width: 100%; padding:80px; text-align: center;}
  section.polowki h1:after{margin-left:-15px; left:50%; }
  section.polowki .half-img{max-height: 300px; width: 100%}
  .jedwab{padding: 40px;}

  .baner{height:400px;}
  #body-main .colcechy{width: 100%; margin: 0px;}
  .cechy{height:200px; }
  section#page{padding: 0px 20px;}

  .slogan.align-left{width: 100%;}


  .special{background-position: 80% 100%; padding-top: 80px;padding-bottom: 80px; font-size: 16px; line-height: 23px; font-weight: 300;}
  .special h1{font-size: 40px; line-height: 40px;}

  .slogan .btn{margin-top: 10px;}

  #body-main .categorybox a{font-size:16px; font-weight: 300; line-height: 21px;}
  #body-main .links3 .categorybox a{font-size:13px; line-height: 17px; left:15px; bottom: 15px;}
  .categorybox img{display: none;}
  .categorybox img.bg{display: block;}

  .columns{background:none;}
.columns>.row>.col-sm-3{display: none;}

  .footer .kategorie{float:left; width:50%;}
  .footer .dostawa{width:100%;}
  .footer .przydatne{width:50%;}
  .text table{
    overflow-x: auto!important;
  height: auto!important;
  display: block;
  }
  .nophone{display:none;}
  .wrapper{float:none;}
.rolnik{display:none;}
  .oferta .box{padding:10px 40px;}
  section#page{width:100%;}


section.zespol .box{padding-right:0px; border-bottom :2px solid rgba(255,255,255,0.2);}
section.zespol .box-last{padding-left:0px; border:none; margin-top:200px;}

section.zakres .col-sm-4:nth-child(2) .box, section.zakres .col-sm-4:nth-child(3) .box {

    border-left:none;

}

.opis h2,.jedwab h1{font-size: 33px; line-height: 35px;}


section.zakres .col-sm-4:nth-child(1) .box{padding:15px 0px;}
section.zakres .box{padding:15px 0px;   border-bottom: 2px solid #f3ecde;}
section.zakres .borderbottom{border:none;}
.kontaktowe .centered{margin-bottom:30px;}
}

@media only screen and (max-width:640px){
  section.polowki .half{padding: 40px; font-size: 16px; line-height: 22px;}
  .polowki .wrap{font-size: 16px; line-height: 22px; font-weight: 400;}
  .special .wrap{padding-right: 150px;}
  .portfoliobox .wrap{ padding-top: 15%}
  .portfoliobox h1 {font-size: 24px; line-height: 28px;}


  body.fullwidth .productbox{width:50%}
  body.fullwidth .container{width:100%; padding-left:20px; padding-right: 20px;}


  .steps .step{width:100%; border-right:none;    border-bottom: 2px dashed rgba(0,0,0,0.2);}
  #login-open{float:right;}

  section.newsletter .btn{padding:9px 20px;}
  .baner{background-position:70% 0%}

}
@media only screen and (max-width:560px){
  #modal .content{width: 100%; padding: 30px;}
  #modal .photo{width: 100%;}
    .colcechy{width: 50%;}
    .konturovnia .half{padding: 30px; width: 100%}
    .konturovnia .half-img{width: 100%; padding: 0px;}
  #body-main .categorybox a{font-size:14px; font-weight: 300; line-height: 21px;}
.slogan.align-left{text-align: center;}
  #body-main .col-xs-4{width: 100%;}
  .categorybox img.bg{width: 100%;}

  #body-main .links3 .categorybox a{font-size:23px; line-height: 27px; left:25px; bottom: 25px;}

  .part {display: none;}
  .promopopup .wrap{width:90%; padding:30px;}
  .promopopup .wrap .close {right:10px}
  .pole .label{width:100%;}
  #cart-container .pole input{width:100%;}

}

@media only screen and (max-width:480px){
  h1.heading{font-size: 30px;line-height: 33px;}
  section.paski .pasek{width: 100%;}

  #body-main .slogan h1{font-size: 20px; line-height: 23px; font-weight: 300; letter-spacing: -1px;}
  #body-main .slogan{font-size: 16px; line-height:20px; }
  #body-main .slogan h1 strong{font-size: 40px; line-height: 40px;}
  .baner{height:300px;}
  #body-main .colcechy{width: 100%; margin: 0px;}
  .cechy{height:170px; }
  #body-main .cechy .wrap{margin-top: 20px;}
  .special{background-position: 70% 100%; padding-top: 80px;padding-bottom: 80px; font-size: 16px; line-height: 23px; font-weight: 300;}
  .special h1{font-size: 30px; line-height: 30px;}
  .special .wrap{padding-right: 80px;}

  .portfoliobox .wrap{ padding-top: 25%}

  .galeria .foto{width: 50%;}
  .shoplogo{width: 50%;}
  .portfoliobox{width:100%}
  .slogan.align-left{padding-left:10px; padding-right: 10px;}
  .phone{display: none;}

  .col-xs-6{width: 100%;}
    #body-main .col-xs-6{width: 100%;}
    #body-main .categorybox a{font-size:20px; font-weight: 300; line-height: 24px;}

  section.newsletter input{width:150px;}
.baner-small h1{font-size:40px; margin-top:40px; margin-bottom:0px; line-height:40px}
  .productlist .col-xs-6{width:100%;}
  .buttons .col-xs-4{width:100%}
  .buttons .qty{margin-bottom:10px;}
  .stopka .text-right{text-align: left;}
}
@media only screen and (max-width:393px){
  .special h1{font-size: 30px; line-height: 30px;}
  .special .wrap{padding-right: 50px;}

  #body-main .baner {
}
#body-main .slogan{width: 50%; font-size: 13px; line-height: 18px; font-weight: 400;}
.cechy .title{font-size: 17px; line-height: 20px;}
.cechy {font-size: 12px; line-height: 16px;}
#body-main .slogan h1{font-size: 13px; line-height: 23px; font-weight: 400; letter-spacing: 0px;}

  body.fullwidth .productbox{width:100%}

  .searchform .wrap{width:280px;}
  .filtry .filterbox{width:100%; }
  .filtry .filterbox a{width:100%;}
  .part a{margin-left:0px; font-size:11px;}




}