@media only screen and (max-width:1020px) {
    .wrappTo1020 {
        width: 100%;
    }
    .hide2 {
        display:none;
    }
    .referencja {
        clear: both;
        width: 93%;
        height: auto;
        float: none;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .ref_txt {
        float:none;
    }
    .arrow, .arrow2, .arrow3, .arrow4, .arrow5, .mouse {
        display: none;
    }
    .menu {
        margin-right: 10px;
    }
    .top {
        height:70vw;
    }
    .real_foto {
        overflow: hidden;
    }
    .description {
        font: italic 300 18px/22px Lato;
    }
    .k_1 {
        width: 50%;
        box-sizing: border-box;
        margin: 0 20px;
    }
    .k_3 {
        width: 94%;
        float: none;
        margin: 0 auto 50px;
    }
    .inner_kontakt {
        background-image: none;
        padding-bottom: 20px;
    }
    .credits {
        box-sizing: border-box;
        padding: 0 10px;
        width: 270px;
    }
}
@media only screen and (max-width:800px) { 
    .real_foto {
        display: none;
    }
    .real_foto img {
        width: 100%;
    }
    .swiper-slide {
        width: 100% !important;
    }
    .description {
        float:none;
        width: 100%;
    }
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
    .realizacje {
        height: 86vw;
    }
    .menu {
        width: 60vw;
        font-size: 1.7vw;
    }
    .menu ul li {
        margin-right: 8px;
    }
    .claim {
        font-size: 7vw;
        top: 38vh;
    }
    .sub_claim {
        font-size: 4vw;
        top: 44vh;
    }
    div[class*="pl-"] {
        display:none;
    }
    .top {
        background-size: cover;
    }
    .one4 {
        width: 100%;
    }
}

@media only screen and (max-width:450px) {
    .logo {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
        height: auto;
    }
    .menu {
        font-size: 2.7vw;
        width: 100%;
        float: none;
        margin: 0px auto;
        text-align: center;
        display: table;   
        margin: 0 auto;
    }
    header {
        height: 90px;
    }

    .menu li {
        display: inline;
        float: none !important;
    }
    .menu ul {
        margin: 0px auto;
        float: none;
    }
    .one4-2 {
        width: 50%;
    }
    .ref_txt {
        font: italic 300 18px/22px Lato;
        width: 100%;
    }
    .signature {
        float: none;
        width: 100%;
    }
    .referencja {
        padding-bottom: 40px;
    }
    .k_1, .k_2 {
        font-size: 12px;
    }
    .credits {
        width: 100%;
        text-align: center;
    }
    .yasio {
        float: none;
        bottom: 0px;
        margin: 0px auto;
        width: 100%;
        text-align: center;
        right: 0px;
    }
    .k_2 {
        width:35%;
    }
    .claim {
        top: 22vh;
    }
    .sub_claim {
        top: 28vh;
    }
}