.mean-container .mean-bar{position: absolute;}
.logo1 img{max-width: 180px;}
.logo2 img{max-width: 150px}
.logo3 img{max-width: 150px}
 .brand{padding-top: 10px;}
 .baner{height: auto; min-height: 60vw}
 .baner.small{min-height: auto}
 .baner.small .slogan h1{text-transform: uppercase;}
  .topbar.fixed .logo1 img{max-width: 130px;}
  .topbar.fixed .logo2 img{max-width: 100px;}
  .topbar.fixed .logo3 img{max-width: 100px;}

  .slogan h1{padding: 10px 50px 0px 0px;}
  .slogan img{width: 436px; margin-top: 30px;}
  .slogan{width: 1480px; padding-left: 0px; padding-right: 0px; float:none; margin-left:auto; margin-right: auto;}

.mean-container .mean-bar.fix{position: fixed;}


@media only screen and (max-width: 1600px){
  .slogan{padding: 180px 80px; margin: 0px;}

  .efects .point.mrr{top:-15%}
  .efects .point.neuro{left:69%}
  .efects .point.gat{left:21%;}


  .logo1 img{max-width: 140px;}
  .logo2 img{max-width: 110px}
  .logo3 img{max-width: 110px}
  .topbar .navi{padding-top: 20px;}

}
@media only screen and (max-width: 1400px){
  .aktualnosci{padding: 100px 150px;}

  .slogan{padding: 150px 50px; margin: 0px;}

  .slogan h1{padding: 10px 50px 0px 0px;}
  .slogan img{width: 456px; margin-top: 50px;}
  .slogan{width: 1180px; padding-left: 0px; padding-right: 0px; float:none; margin-left:auto; margin-right: auto;}



  section.comeon{padding:100px}
  section.okancelarii{padding: 100px 40px}
  section.wspolpraca{padding: 80px}
  section.kontakt{padding: 70px}
  .efects{max-width: 350px;}

  .navi li{padding:9px 14px; }
  .navi li a{font-size: 13px;}
  .topbar .navi{padding-top: 18px;}
  .celprojektu{padding: 200px 160px;}


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


  .efects .point.neuro:after{
    top: -1px;
    left: -33px;
    width: 25px;
    transform: rotate(30deg);
  }
  .efects .point.gat:after{
    top: -1px;
    right: -33px;
        width: 25px;
    transform: rotate(-30deg);
  }
  .efects .point.mrr:after{
    bottom: -28px;
  left: 11px;
  width: 25px;
     transform: rotate(90deg);
  }



  .logo1 img{max-width: 130px;}
  .logo2 img{max-width: 100px}
  .logo3 img{max-width: 100px}
  .slogan{padding: 120px 30px 80px; margin: 0px; font-size:15px; line-height: 22px;}

  .slogan h1{padding: 10px 50px 0px 0px;}
  .slogan img{width: 406px; margin-top: 40px;}
  .slogan{width: 980px; padding-left: 0px; padding-right: 0px; float:none; margin-left:auto; margin-right: auto;}



div.polowki .half{padding: 60px 50px;}
.polowki .wrap{padding: 0px;}

  .efects{max-width: 260px;}
.efects .point .title{font-size: 30px;}
body.fullwidth .productbox{width:25%}
  .navi li{padding:9px 10px; }
    .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){
.efects .point.neuro .title, .efects .point.mrr .title,
.efects .point.gat .title{left:0; top:-50px;}
  .efects .point.neuro:after{
    top: -1px;
    left: -36px;
    width: 25px;
    transform: rotate(30deg);
  }
  .efects .point.gat:after{
    top: -1px;
    right: -36px;
        width: 25px;
    transform: rotate(-30deg);
  }

  .efects .point.mrr{top:-10%;}
  .efects .point.mrr:after{
    bottom: -28px;
    left: 2px;
    width: 25px;
     transform: rotate(90deg);
  }




  .efects .point .wrap{width: 400px;}

  .aktualnosci{padding: 100px 70px;}
  .blog-details-page{padding: 20px 50px;}

  .shorter{width:300px;}
  .efects .point{width: 30px; height: 30px; line-height: 22px;}

   .efects .point.neuro,
   .efects .point.gat{top:60%;}
  .efects .point:before {width: 60px; height: 60px;}
  .efects{max-width: 100%}
  .efects .point .title{font-size: 20px;}

.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%}
  .celprojektu{padding: 130px 120px;}



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


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



  .slogan h1{padding: 110px 50px 0px 0px;}
  .slogan img{width: 406px; margin-top: 80px;}
  .slogan{width: 800px; padding-left: 0px; padding-right: 0px; float:none; margin-left:auto; margin-right: auto;}



}

@media only screen and (max-width:860px){
  .celprojektu{padding: 100px 50px;}

    .slogan{padding: 100px 0px 60px;}
  .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){
  .aktualnosci{padding: 60px 30px;}
  .efects .point .wrap{width: 400px; left:50%; margin-left: -200px; top:50px;}
  .efects .point.gat .wrap{left:0%; margin-left: -30px;}
  .efects .point.neuro .wrap{left:0%; margin-left: -200px;}

  .blog-post .foto{max-height: none; overflow: inherit;}
  .efekty .row.wline .col-sm-6:first-child{padding: 0px 0px 20px;}
  .efekty .row.wline .col-sm-6:last-child::after{border: none; background: none; display: none;}
  .efekty .row.wline .col-sm-6:last-child{border:none; }
  .efekty .row.wline .col-sm-6:last-child{padding: 0px;}
    .efekty .row.wline .col-sm-6{padding: 0px;}
  .efekty{padding: 100px 40px;}
  .shorter{width: 100%;}
  .efekty .row.wline .col-sm-6{padding-left: 60px;}
  .shorter.left{text-align: left;}
  .efects{max-width: 100%; margin-bottom: 30px;}
  .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 {padding: 100px 30px; width: auto;}
  .slogan h1{text-align: left;}
  .slogan h2{font-size:14px; font-weight: 300; letter-spacing: 2px;}
  .slogan img{display: none;}

  .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){
  .blog-details-page{padding: 20px 20px;}

  .efects .point .wrap{width: 300px; left:50%; margin-left: -150px; top:50px; padding: 25px;}
  .efects .point.gat .wrap{left:0%; margin-left: -60px;}


  #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){
  .brand{padding-top: 5px;}
  .logo1 img{max-width: 100px;}
  .logo2 img{max-width: 80px}
  .logo3 img{max-width: 80px}

  div.polowki .half{width: 100%; }
  div.polowki .half-img{width:0; display: none;}
  .wspolpraca h2{font-size:25px;}

  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 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){
  .brand{padding-top: 15px;}
  .logo1 img{max-width: 80px;}
  .logo2 img{max-width: 60px}
  .logo3 img{max-width: 60px}
  .celprojektu{padding: 60px 30px; font-size:15px;}
  .slogan h1{padding: 0px;}
  .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:0px; font-size:14px; line-height:20px;}



}