@media all and (max-width: 1600px){
    .realizacja-overlay h3{
        font-size: 15px;
    }
}

@media all and (max-width: 1200px){
    .view-realizacje .view-content > div{
        width: 49%;
    }

    .nav > li > a{
        padding: 10px;
    }
}

@media all and (max-width: 991px){
    .paragraph--type--zdjecie img{
        display: none;
    }

    .paragraph--type--dwie-kolumny .field--name-field-lewa-kolumna,
    .paragraph--type--dwie-kolumny .field--name-field-prawa{
        width: 100%;
    }
}

@media all and (max-width: 767px){
    .block-views-blockrealizacja-opis-block-1,
    .block-views-blockrealizacja-opis-block-2{
        width: 100%;
        float: none;
    }

    .kontakt-info{
        width: 100%;
    }

    .navbar-default .navbar-collapse{
        margin-top: 15px;
    }

    .view-realizacje .view-content > div{
        width: 100%;
    }

    .view-realizacje .view-content > div img{
        width: 100%;
        height: auto;
    }

    .realizacja-overlay{
        font-size: 12px;
    }

    .realizacja-overlay h3{
        font-size: 18px;
    }

    .galeria-realizacji a img{
        width: 500px !important;
        height: auto !important;
        max-width: 100% !important;
    }

    .slider{
        height: 100vh;
        min-height: 0;
        width: 100%;
    }

    .slider .slick img{
        width: 100%;
        height: 100vh;
        min-height: 0;
        object-fit: cover;
    }

    header.navbar {
        padding: 40px 5vw 10px;
        background: rgba(0,0,0,.8);
    }

    .top-info > a{
        display: none;
    }

    .slide--caption--bottom .slide__constrained > .slide__caption h2{
        padding: 10px;
        font-size: 24px;
        min-width: 50vw;
    }

    .slide--caption--bottom .slide__constrained > .slide__caption h2 span{
        font-size: 13px;
        margin-top: 5px;
    }

    .slick-dots:before{
        height: 50px;
    }

    .footer{
        padding: 20px;
    }

    .slide--caption--bottom .slide__constrained{
        height: 100%;
        left: 50%;
        margin-left: -49%;
        position: absolute;
        width: 98%;
    }

    .slide--caption--bottom .slide__constrained > .slide__caption{
        padding-bottom: 0
    }

    .slick-dots {
        width: 10px;
        padding-bottom: 0;
        left: 2vw;
    }

    .slick-dots li{
        width: 10px;
        height: 10px;
    }

    .slick-dots li.slick-active button{
        width: 10px;
        height: 10px;
    }
    .slick-dots li.slick-active button:before{
        width: 10px;
        height: 10px;
    }

    .slick-dots li button:before{
        width: 10px;
        height: 10px;
    }

    .page-header {
        font-size: 24px;
        margin: 20px 0;
    }

    .block-views-blockrealizacja-opis-block-1{
        margin-bottom: 30px;
    }

    .about-ico > div{
        width: 23%;
    }

    /*.view-obszar-dzialalnosci{
        padding: 0 15px;
    }*/
}

@media all and (max-width: 460px){
    .realizacja-overlay h3{
        font-size: 15px;
    }

    .logo-img{
        width: 200px;
        height: 50px;
    }

    .field--name-field-pliki .field--item{
        width: 100%;
        min-width: 0;
    }

    .inline-list {
        justify-content: flex-start;
    }

    .about-ico > div{
        width: 45%;
    }
}