@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1025px) and (max-width:1169px) {
}
@media screen and (min-width:769px) and (max-width:1024px) {
}
@media screen and (min-width:300px) and (max-width:768px) {
a { outline: 0!important }
body { }
blockquote:before {left: 3%;}
.page-content .su-pullquote img {max-width: 40%; float: left; margin-right: 15px;}
.su-pullquote:after {content: ""; display: block; clear: both;}
.box-top { position: relative; right: initial; padding-bottom: 10px; height: 76px }
.box-top ul li { display: block; float: none; }
.box-top ul li a { float: none; line-height: 20px }
.box-top-adres { display: none; max-width: 80%; font-size: 1.1em; }
.accessibility { display: none }
.socials { float: left; padding-top: 20px; }
.box-top .socials ul li { display: inline-block; margin-left: 0; margin-right: 5px; }
.box-top .socials ul li.bip { position: relative; top: -5px; }
.socials ul li a { font-size: 1.3em; }
#top-wrapper .container { padding-bottom: 50px; }
.ue { position: absolute; bottom: -5px; right: 10px;  width: 140px; }
.pl-flag {
    position: absolute;
    bottom: 0px;
    right: initial;
    max-width: 130px;
    left: 20px;
}
.alignleft {
    float: none; margin: 0;
    width: 100%;
    display: block;
    margin-bottom: 30px;
}
.mazovia { position: absolute; bottom: 0px; right: 20px; width: 100px; }
.movie-frame { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; }
.movie-frame iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.post-list .post-title a { min-height: initial; padding-bottom: 40px; }
.live-event { position: absolute; top: -55px; right: 100px; }
.search-box { position: relative; bottom: initial; right: initial; margin: 0 auto; width: 275px; }
.search-box input#search { width: 220px; float: left; margin-right: 5px; }
.logo { max-width: initial; margin: 0px auto 0; position: relative; padding-bottom: 0px; float: none; text-align: center; width: 130px; }
.logo h2 { font-size: 17px; }
.socials-box { position: absolute; right: initial; top: 20px; left: 10px; }
.rslides img { float: none }
.mobile-header { position: relative; }
.section-title { font-size: 2.2em; }
.footer .box-address .col-lg-4 { text-align: left }
.footer .box-address { padding-right: 15px; margin-bottom: 40px; }
.box-menu-mik { margin-bottom: 40px; }
.footer .box-menu-projekty ul { column-count: 1 }
.caption-maska { background-image: url(../images/header-slide-bg.png); background-repeat: no-repeat; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 30%; z-index: 10; background-size: cover; }
.caption { background-image: none; padding-top: 30px; max-width: 100%; position: relative; z-index: 100; bottom: initial; left: initial; right: initial; margin: 0 auto; color: #333333; text-align: center; width: 100%; padding: 30px 10px 20px; }
.caption-2 { text-align: center }
.caption h2, .caption-2 h2 { font-size: 1.8em; line-height: 1.1; color: #333333; padding-top: 10px; font-weight: 700; padding-bottom: 10px; text-align: center; }
.caption p, .caption-2 p { font-size: 1.1em; text-align: center; color: #333333; }
.rslides_nav { display: none }
.caption h3 { font-size: 14px; text-shadow: none; padding-top: 20px }
span.slider-more { display: inline-block; text-align: center; font-weight: bold; border: 1px solid #ccc; padding: 5px 10px; color: #9f9f9f; margin-top: 10px; color: #000; border-radius: 5px; }
.home h3 { font-size: 1.3em; }
.pojeciownik-wrapper h3 { font-size: 0.9em; }
.relacje-wrapper .post-title { padding-left: 15px; padding-right: 15px; }
.oferta-box p { font-size: 0.8em; }
.footer { padding-top: 40px; padding-bottom: 0px; }
.footer .widget { float: none; padding-right: 15px; padding-left: 15px; font-size: 1em; margin-bottom: 40px; }
    #show-search {display: none!important}
    .bottom * {text-align: center}
    .bottom .row div + div {text-align: center}
     
    ul.projects-list li {width: 100%;}
}