.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: 1400px){
  .special{padding-top: 100px;padding-bottom: 100px; font-size: 18px; line-height: 25px;}

img.left{max-width: 50%!important; height: auto!important; padding-right: 20px;}
body.fullwidth .productbox{width:20%}
.portfoliobox{width:33.3%}
.mobilehide{display: none;}
.polowki .wrap{width: auto;}
section.polowki .half{padding:70px 60px 0px;}
}
@media only screen and (max-width: 1220px){
  #body-main .slogan{font-size: 30px; line-height: 43px;}
.navi a{margin: 0px 13px;}
body.fullwidth .productbox{width:25%}
.columns{background-position: 27% 0%;}
.cechy{font-size: 12px;}
.asortyment h1{font-size:32px;}
.half{padding:80px 80px 0px 80px;}
#body-main .baner {
    background-position: 10% 10%;
}
.special{padding-top: 100px;padding-bottom: 100px; font-size: 18px; line-height: 25px;}
.special h1{font-size: 40px; line-height: 40px;}
  .half{padding: 50px}
  section.zespol .half-img{padding-right: 30px;}
  section.zespol  .michal .half-img{padding-left: 30px;}

}


@media only screen and (max-width: 1022px){
  .topbar{position: absolute;}
  .topbar .navi{display: none}
  .phone{right:90px}
  .colcechy{width: 25%;}
  .half{padding: 30px}
  #body-main .baner {
    background-position: 14% 10%;
}
  section.polowki .half{padding:70px 50px 0px;}

  .menumobiletoggle{display: block;}
  .searchform{margin-right: 50px;}
  .banerslide a.slick-prev, .banerslide a.slick-next{display: none!important; opacity: 0; visibility: hidden;}
    .sep{height: 190px;}

  #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;}
  .topbar .contactus{right:50px; position: relative;}

  .filtry .filterbox a{width:130px; font-size:13px;}
}

@media only screen and (max-width:960px){

  .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%}
  #body-main .slogan h1{font-size:60px; line-height: 60px;}




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


}

@media only screen and (max-width:767px){
    .sep{height: 150px;}
  section.kontakt .contactus{float:none;}
  section.kontakt .col-sm-4{float:left; width: 100%; margin-bottom: 20px; text-align: center;}

  section.polowki .half{width: 100%; padding:80px; text-align: center;}
  section.polowki h1:after{margin-left:-15px; left:50%; }
  section.polowki .half-img{display: none;}
  img.left{max-width: 100%!important}
section.zespol .half-img{width: 100%; padding: 20px;}
section.zespol .half{width: 100%; padding: 20px; }

section.zespol .michal .half-img{width: 100%; padding: 20px;}
section.zespol .michal .half{width: 100%; padding: 20px; text-align: left;}
  .slogan.align-left{width: 100%;}
  #body-main .slogan { font-size: 25px; line-height: 38px;}


  .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;

}
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;}
.logofooter{padding: 0px; text-align: center; float:none;}

}

@media only screen and (max-width:640px){

  .specjalizacja h1{font-size: 30px;}
  #body-main .slogan { width: 100%;font-size: 25px; line-height: 38px;}

  .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){
    .sep{height: 110px;}
    .colcechy{width: 50%;}
  #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:0px}
  .pole .label{width:100%;}
  #cart-container .pole input{width:100%;}
  .okancelarii h1,
  .specjalizacja h1{font-size: 25px; line-height: 30px; letter-spacing: 3px;}
  .specjalizacja{padding-bottom: 0px;}
  section.zespol{padding: 0px;}
}

@media only screen and (max-width:480px){
  .okancelarii .more{margin-top: -10px;}
  #body-main .slogan { width: 100%;font-size: 21px; line-height: 34px;}

  .topbar .contactus{display: none;}
  .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%}

    #body-main .slogan h1{font-size: 30px; line-height: 30px; letter-spacing: -1px; font-weight: 700;}
  .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;}

}
@media only screen and (max-width:393px){

  .special h1{font-size: 30px; line-height: 30px;}
  .special .wrap{padding-right: 50px;}

  #body-main .baner {
    background-position: 17% 10%;
}
  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;}




}