.mean-container .mean-bar{position: absolute;}
.mean-container .mean-bar.fix{position: fixed;}
@media only screen and (max-width: 1600px){
  section.comeon{padding:100px}
  section.okancelarii{padding: 100px 100px}
  section.specjalizacje{padding:100px 30px}

  section.wspolpraca.dark{padding:100px 30px}
}
@media only screen and (max-width: 1400px){
  section.comeon{padding:100px}
  section.okancelarii{padding: 100px 40px}
  section.wspolpraca{padding: 80px}
  section.kontakt{padding: 70px}

  .navi li{padding:9px 10px; }
  .navi li a{font-size: 13px;}
  .topbar .navi{padding-top: 18px;}
  .brand{width:330px}


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

   .paralax{background-attachment: scroll; height:400px;}
  .baner{background-attachment: scroll;}
body.fullwidth .productbox{width:25%}

    .specjalizacje .col-sm-3{float:left;width:100%; margin-bottom: 20px; border: none; padding:30px;  border-bottom:1px solid #c99e67;}
.columns{background-position: 27% 0%;}

.lgray > li > a{padding:9px 5px; font-size: 13px;}
.asortyment h1{font-size:32px;}
.half{padding:80px 80px 0px 80px;}
  .adwokatura{left:30px;
}


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

     .paralax{background-attachment: scroll; height:300px!important;}
    .baner{background-attachment: scroll;}

.hero h1{font-size:30px; line-height: 33px;}
.hero{font-size:14px; font-weight: 400; line-height: 21px}
  section.comeon{padding:70px}
  section.okancelarii{padding: 100px 30px}
  section.wspolpraca{padding: 70px 40px}
  section.kontakt{padding: 40px}
  section.wspolpraca.dark .col-sm-3{width:100%}



  .menumobiletoggle{display: block;}
  .topbar .navi{display: none;}
  .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;}
  .slogan{padding:0px;}
  .slogan{margin-top: 44px;}

  .slogan h1{font-size:80px;}
  .slogan h2{font-size:16px; font-weight: 300; letter-spacing: 3px;}
  .filtry .filterbox a{width:130px; font-size:13px;}
}

@media only screen and (max-width:860px){
  .slogan h1{font-size:66px;}
  .slogan h2{font-size:14px; font-weight: 300; letter-spacing: 3px;}
  .footer .col-sm-6{text-align: left; float:left; width: 100%;}
  .slogan .btn{margin-top: 10px;}


}

@media only screen and (max-width:767px){
  .hero li{list-style-type: none;  position: relative; font-size:13px; padding: 0px 0px 7px; margin: 0px; color:#fff;}
  .hero li:after{border:none;}
.hero h1{font-size:20px; line-height: 22px; padding: 0px 30px;}

  section.kontakt{text-align: center;}
  section.okancelarii .col-sm-3{text-align: center; margin-bottom: 20px;}
  section.okancelarii img{padding-left: 0px; float:none;  }
  .slogan.align-left{width: 100%;}

  .slogan h1{font-size:60px; line-height: 50px;}
  .slogan h2{font-size:14px; font-weight: 300; letter-spacing: 2px;}

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

@media only screen and (max-width:640px){
  .adwokatura{}
  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;}

}
@media only screen and (max-width:560px){
  #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%;}

}

@media only screen and (max-width:480px){
  .wspolpraca h2{font-size:25px;}
  .brand{display: none;}
  .brand.mobile{display: block; width: 100px;}

  section.comeon{padding:50px 10px;}
  section.okancelarii{padding: 50px 10px}
  section.wspolpraca{padding: 50px 10px}
  section.kontakt{padding: 30px 10px}
  .galeria .foto{width: 50%;}
  .shoplogo{width: 50%;}
  .slogan.align-left{padding-left:10px; padding-right: 10px;}
  .slogan h1{font-size:45px; letter-spacing: 0px; line-height: 50px;}
  .slogan h2{font-size:12px; line-height: 18px; font-weight: 300; letter-spacing: 1px;}
    .baner-small .slogan h2{line-height:33px; font-weight: 300; letter-spacing: 1px;}
    .baner-small .slogan{margin-top: 50px}


  .col-xs-6{width: 100%;}
    #body-main .col-xs-6{width: 100%;}
    .topbar{height:85px;}
    .menumobiletoggle{top:20px;}
    .topbar .nav{top:20px;}
    .topbar .logo{width: 180px; padding-top: 15px;}
    #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){
  .slogan h1{font-size:40px; letter-spacing: 0px; line-height: 44px;}
  .slogan h2{font-size:12px; line-height: 18px; font-weight: 300; letter-spacing: 1px;}
  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;}
  .slogan { margin-top:50px; font-size:14px; line-height:20px;}



}