.rece{position: absolute; top:120px; right:200px; width: 300px;}


@media only screen and (max-width: 1400px){
  .rece{position: absolute; top:120px; right:100px; width: 300px;}

}


@media only screen and (max-width: 1200px){
  .rece{position: absolute; top:120px; right:30px; width: 300px;}

.baner .mainpic{margin-top:69px;}

.portfolio  img.th{width:auto; max-width:100%;}
.lgray > li > a {font-size:12px; padding:13px 13px; 	margin-left:1px;
}
.baner .mt50{margin-top:30px;}
#portfolio a.overlay{padding-top:70px; width:294px;}
#content.oferta{font-size:15px; line-height:23px;}
.fwimg h1{font-size:50px; line-height:50px; }
.fwimg h2{ font-size:20px; line-height:53px; }
.fwimg .btn-reverse{font-size:20px; font-weight:300;}
.fwimg h3 {font-size:30px; line-height:30px;}
#mean{display:none;}
.technologia{height:320px;}
#body-projekt .fwimg h1 {font-size:50px;line-height:50px;}
#body-projekt .fwimg .wrapper{top:10%;}
}
@media only screen and (max-width: 992px){
  .rece{position: absolute; top:120px; right:30px; width: 150px;}

.fwimg .wrapper{top:10%;}
.topbar .logo{padding-top: 40px;}
.technologia{height:360px; padding:20px;}
.strip .phone:last-child{margin-top:0px;}
.quote{padding:50px 0px;}
.quote .wrap{padding:0px 0px; font-size:22px; line-height: 30px; font-weight: normal;}
.bg{ height:180px;}
#body-oferta .fwimg.bg .wrapper{top:12%;}
.h200{height:300px;}
#body-oferta .fwimg .wrapper{top:7%;}
#content .strony{padding:30px 0px 0px 0px; background:#fff; overflow:hidden;}
#content .sklepy{padding:30px 0px 0px 0px; background:#f7f7f7; overflow:hidden;}
#content .cms{padding:30px 0px 0px 0px; background:#fff; overflow:hidden;}
#content .projekty{padding:30px 0px 0px 0px; background:#f7f7f7; overflow:hidden;}
.oferta img{margin-top:50px;}
#content.oferta{font-size:14px; line-height:21px; font-weight:normal;}
#content.oferta h1{font-weight:normal; font-size:18px;}
.baner .slogan{width:70%;}
.lgray ul{top:32px;}
.baner .mainpic{margin-top:79px;}
.lgray > li > a {font-size:10px; padding:13px 8px; font-weight: 600;	margin-left:0px;}

#portfolio a.overlay{padding-top:40px; width:220px; font-size:16px; font-weight:normal;}

#body-projekt .fwimg h1 {font-size:40px;line-height:40px;}
#body-projekt .fwimg .wrapper{top:10%;}

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

  .rece{position: absolute; bottom:70px; left:36%; top:auto; right:auto; width: 150px;}

  .subs{display: none;}
  img.left,img.right{margin-bottom:20px; text-align: center;float:none; }
  img.normalny{margin-top:0px;}
  blockquote{width:100%; border-right:none; margin:0px 0px 30px 0px;}
.topbar .navi{margin-top:70px;}
.bg{ height:220px;}
img.mobile{display:block;}
img.desktop{display:none;}
.technologia{height:auto;}
.baner {text-align:center; background-position:48% 0%!important;}
.baner .slogan{width:100%; padding-left:0px; padding-right:50%;}

.baner .fullw{display: none; }

.slogan h2{text-align: left; font-size:15px; line-height: 22px;}

.topbar .logo{padding-top:55px; text-align: left;}
.baner h2::after{margin:20px auto;}
.baner .mt50 {padding-top:50px; margin:0px;}
.mainpic{display:none;}
.heading{line-height:30px; font-size:30px;}
.projekt {text-align:center; margin-bottom:20px;}
.last-news .col-sm-4{margin-bottom:40px;}
.overlay{display:none!important;}
#mean{display:block; }
#menulist{display:none;}
.topbar {height:180px; text-align:center;}
#seeall {text-align:center; height:170px;}
.footer .text-left{text-align:left; margin-top:30px;}
.footer .nav{float:left; margin-bottom: 40px;}
.footer .text-right{text-align:center; margin-top:10px;}
#seeall .btn{clear:both; float:none; display:block; text-align:center;}

.hd{background:#fff; padding:40px 0px 0px 0px; margin-bottom:20px; }
.hd h1{ font-weight:900; font-size:40px; color:#23b9db; margin:0px; line-height:54px; letter-spacing:-1px;}
.hd h2{ font-weight:300; font-size:25px; color:#666; margin:0px; line-height:32px; letter-spacing:-1px;}
.hd h3{ font-weight:300; font-size:24px; color:#666; margin:0px; line-height:40px; letter-spacing:-1px;}
#content .fwbold h2{font-size:24px; line-height:30px;}
.fwimg h1{background:rgba(0,0,0,0.5); font-size:50px; font-weight:900; color:#fff; line-height:60px; padding:10px; display:inline-block; text-transform:uppercase; margin:0px 0px 10px;}
.fwimg h3{font-size:18px; font-weight:900; color:#fff; line-height:20px; padding:0px; display:inline-block; text-transform:uppercase; margin:0px 0px 3px;}
.fwimg h4{font-size:20px; font-weight:300; color:#fff; line-height:30px; padding:0px; display:inline-block; text-transform:uppercase; margin:0px 0px 3px;}

.fwimg h2{background:rgba(255,255,255,0.8); font-size:18px; font-weight:300; color:#333; line-height:38px; height:17px; padding:4px; display:inline;  text-transform:uppercase; margin:0px;}
.fwimg .btn-reverse{font-size:14px; font-weight:700;}
#body-projekt .fwimg h1{background:none; line-height:70px; font-size:70px; text-shadow:0px 0px 15px rgba(0,0,0,0.3)}

#body-projekt .fwimg h1 {font-size:40px;line-height:40px; color:#fff; text-shadow:none;}
#body-projekt .fwimg .wrapper{top:0%;  position:relative; padding:30px 0px; margin:0px; width:auto; text-align:center; left:auto;}
#body-projekt .fwimg img{display:none; }
#body-projekt .fwimg{height:auto;  background:url(images/baner.jpg);  display:block; overflow:hidden;}

.fwimg .wrapper{top:20%; width:400px; margin-left:-200px;}
.h200 {height: 200px;}
}

@media only screen and (max-width:580px){
  .rece{position: absolute; bottom:70px; left:0%; top:auto; right:auto; width: 150px;}

  .footer h3{margin-top:30px;}
  .modal .wrap{width:90%; margin:10px 5%; padding:30px;}
  .slogan h1{text-align: left; font-size:30px; line-height: 34px;}
  .slogan h2{text-align: left; font-size:15px; line-height: 22px;}
  .baner a {float:left; position:relative; top:0px;}
  .baner {text-align:center; }

.bg {
    height: 256px;
}
#content .projekt {
    height: 320px;
}
.oferta img{max-width:100%; margin:0px; margin-bottom:15px;}
}

@media only screen and (max-width:480px){
  .baner {text-align:center; background-position:52% 0%!important;}
  .baner .slogan{width:100%; padding-top:90px;padding-left:0px; padding-right:30%;}

  .wspolpracabox.osoby .image{width:100%; padding:0px; margin:10px 0px 10px; text-align: center; float:none; height:auto; max-height: none;}
    .wspolpracabox.osoby .image img{max-width:300px; text-align: center;}
  .last-news .image{width:100%; }
  #body-oferta .col-xs-6{width:100%;}
.h200 {height: 240px;}
.topbar .navi{margin-top: 60px;}
.strip .phone{font-size:11px; line-height: 19px;}

.fwimg h2{background:rgba(255,255,255,0.8); font-size:15px; font-weight:300; color:#333; line-height:28px; height:17px; padding:3px; display:inline;  text-transform:uppercase; margin:0px;}

.fwimg h1{background:rgba(0,0,0,0.5); font-size:20px; font-weight:900; color:#fff; line-height:30px; padding:10px; display:inline-block; text-transform:uppercase; margin:0px 0px 10px;}

.fwimg .wrapper{top:10%; width:300px; margin-left:-150px;}
#body-projekt .fwimg .wrapper{top:0%;  position:relative; padding:30px 0px; margin:0px; width:auto; text-align:center; left:auto;}
#body-projekt .fwimg h1{font-size:27px; line-height:30px;}
}
@media only screen and (max-width:393px){

#content .projekt {
    height: 280px;
}
.fwimg h2{background:rgba(255,255,255,0.8); font-size:13px; font-weight:500; color:#333; line-height:23px; height:17px; padding:2px; display:inline;  text-transform:uppercase; margin:0px;}

}