@media only screen and (max-width: 1600px){
body.fullwidth .productbox{width:20%}
}
@media only screen and (max-width: 1400px){
body.fullwidth .productbox{width:20%}
}
@media only screen and (max-width: 1220px){
  .polowki .wrap{width: 400px;}
body.fullwidth .productbox{width:25%}
.oferta .col-sm-4{padding:10px 50px;}



.lgray > li > a{padding:9px 5px 41px;}
.asortyment h1{font-size:32px;}
.half{padding:80px 80px 0px 80px;}
.slogan.align-left{width:48%; margin-top: 80px;}
.baner{
  background-position-x:58%;
}

section.halfleft .half .wrap {
    width: 411px;
    font-weight: 300;
    line-height: 24px;
}
.halfleft h1, .halfright h1{
  font-size:33px;
}

}


@media only screen and (max-width: 992px){
.whatwedo .col-xs-2{width:33.3%}
  .polowki .wrap{width: 275px;}
  section.polowki .half{padding-top: 40px;}
  section.halfleft .half-img{width:33%;}
  body.fullwidth .container{width:100%; padding-left:30px; padding-right: 30px;}
  .oferta .col-sm-4{padding:10px 15px;}
  body.fullwidth .productbox{width:33.3%}
  .baner{
    background-position-x:62%;
  }

  .mapy .col{float:left; width: 100%;padding:0px 15px 30px;}
.slogan.align-left{width: 64%;}

  .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;}
  #mean{display:block;}
  .topbar .nav{right:0px;}
  .slogan{padding:0px;}
  .filtry .filterbox a{width:130px; font-size:13px;}
}
@media only screen and (max-width: 892px){
    .bloki .col-xs-4{width: 50%;}

  .baner{
    background-position-x:70%;
  }
}

@media only screen and (max-width:767px){
section.polowki .half{padding:40px;}
#body-jak-dzialamy section.polowki .half-img{width: 0; height:auto;}
section.polowki .half{width:100%; }
section.polowki .half .wrap{width:100%;  text-align: center;}
section.halfleft .half, section.halfright .half{padding:40px;}

  .footer .col-xs-3{width:50%; margin-bottom: 30px;}

  section.halfleft .half, section.halfright .half{width: 100%;}
  section.halfleft .half .wrap {
      width: 100%;
      text-align: center;
      font-weight: 300;
      line-height: 24px;
  }
section.halfleft .half-img{width: 0%; height: auto;}
  section.whoweare .col-sm-4{text-align: center; margin-bottom: 30px;}

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

.slogan {padding-left:20px; padding-right:20px; text-align: center;}
.slogan .btn{float:none; margin-top:40px;}

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

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



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


  .part{width:100%;}
  .part a{margin-left:0px;}
  .steps .step{width:100%; border-right:none;    border-bottom: 2px dashed rgba(0,0,0,0.2);}
  #login-open{float:right;}
  .topbar #shoppingcart{right:auto; top:150px; margin-left:0px;}
  section.newsletter .btn{padding:9px 20px;}
  .baner{background-position:70% 0%}

}
@media only screen and (max-width:560px){
  .whatwedo .col-xs-2{width:50%}
.slogan.align-left{width: 100%; text-align: center;}
  .promopopup .wrap{width:90%; padding:30px;}
  .promopopup .wrap .close {right:0px}
  .pole .label{width:100%;}
  #cart-container .pole input{width:100%;}
  .slogan h1{font-size:60px; line-height:60px;}
  .slogan h2{font-size:50px; line-height:50px;}
}

@media only screen and (max-width:480px){
  .bloki .col-xs-4{width: 100%;}

  .footer .col-xs-3{width:100%; margin-bottom: 30px;}


  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){
  .topbar .logo{max-width: 220px;}
  body.fullwidth .productbox{width:100%}

  .baner{
    background-position-x:75%;
  }

  .searchform .wrap{width:280px;}
  .filtry .filterbox{width:100%; }
  .filtry .filterbox a{width:100%;}
  .part a{margin-left:0px; font-size:11px;}
  .slogan { margin-top:50px; font-size:14px; line-height:20px;}



}