@media only screen and (max-width: 1400px) {
    body.influ, body.influ table td {
        font-size: 18px;
    }
    .tlo_transparentne h1, .block-editor-writing-flow h1, .tlo_transparentne .ngh1,.tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 30px;
    }
    .aktualnosciGrid h3 {
        font-size: 22px;
    }
    .tlo_kontakt, #stopka {
        font-size: 18px;
    }

}
@media only screen and (max-width: 1400px) {
    #menuGlowne ul li a {
        font-size: 16px;
    }
    #logo {
        max-width: 200px;
    }
    body.influ, body.influ table td {
        font-size: 16px;
    }
    .tlo_transparentne h1, .block-editor-writing-flow h1, .tlo_transparentne .ngh1,.tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 28px;
    }
    .aktualnosciGrid h3 {
        font-size: 20px;
    }
    .tlo_kontakt, #stopka {
        font-size: 16px;
    }
    .marginBox {
        margin-top: -200px;
    }

}    
@media only screen and (max-width: 1200px) {    
    #glowny_naglowek {
        margin: 0px 5vw;
    }
    .tlo_transparentne .tresc {
        margin: 0px 5vw;
    }
    .menuFooter {
        padding: 2vw 5vw;
    }
    .tlo_dokumenty .tresc {
        margin-left: 50%;
    }
    .marginBox {
        margin-top: -150px;
    }
} 
@media only screen and (max-width: 1000px) {    
    #glowny_naglowek {
        padding: 0px 2vw;
    } 
    #logo {
        max-width: 170px;
    }
    #menuGlowne {
        margin-top: 40px;
    }
    .kol_40, .kol_60 {
        float: left;
        width: 50%;
        padding: 0px;
    }
    .mapa a {
        width: 90%;
    }
}

@media only screen and (max-width: 780px) {
    #menuGlowne ul li a {
        font-size: 14px;
    }
    body.influ, body.influ table td {
        font-size: 14px;
    }
    .tlo_transparentne h1, .block-editor-writing-flow h1, .tlo_transparentne .ngh1,.tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 24px;
    }
    .aktualnosciGrid h3 {
        font-size: 18px;
    }
    .tlo_kontakt, #stopka {
        font-size: 14px;
    }


    #glowny_naglowek {
        padding: 2vw;
        margin: 0px;
        border-radius: 0px;
    }

    .marginBox {
        margin-top: -80px;
    }
    .tlo_transparentne .grid_str div {
        height: 100%;
        padding: 30px;
    }
    .tlo_transparentne .grid_str {
        display: block;
    }
    .str_kont {
        border-radius: 0px 0px 50px 50px;
    }
    .aktualnosciGrid {
        display: block;
        margin-bottom: 50px;
    }
    .aktualnosciGrid a {
        padding: 30px;
        display: block;
        border-bottom: 1px solid #d9d9d9;
        border-right: 0px;
    }
    .aktualnosciGrid .btnData {
        float: right;
    }
    .tlo_transparentne h3 {
        margin-top:50px;
    }



    .odstep {
        height: 0px;
    }
    .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-column:nth-child(2n) {
        margin-left: 0px;
    }

    #logo {
        position: absolute;
        width: 150px;
        z-index: 1;

    }   

    #menuGlowne {
        padding-top: 1.1vw;
        width: 100%;
        margin: 0px;
        padding-top: 0px;
        height: auto;
        text-align: right;
    } 
    #menu_mobil {
        display: block;
        height: 80px;
    }
    #menu_mobil .box_m {
        margin-right: 3%;
        transform: scale(0.81);
        top: 30px;
    }
    #glowny_naglowek_knt {
        position: static;
        background: #efefef;
    }

    .tlo_nasza_oferta {
        background-position: left top;
    }
    #menuGlowne .svg-inline--fa {
        /*display: none;*/
    }
    #menuGlowne ul ul li {
        float: left;
    }
    #menuGlowne ul {  
        position: static;
        z-index: 10;
        width: 100%;
        left: 0px;
        right: 0px;
        overflow: hidden;
        height: auto;
        background-color: #fff;
        padding-top: 10px;
        padding-bottom: 20px;
        border-top: 1px solid rgba(255,255,255,0.1); 
        border-bottom: 1px solid rgba(255,255,255,0.1); 
        background-size: 100% auto;
        background-position: top left;
        background-repeat: no-repeat;
    } 
    #menuGlowne li {
        padding: 0px;
        width: 100%;
        /*border-bottom: 0px solid #fff;*/
    }
    #menuGlowne li.tel_mail {
        width: 59px;
        margin-left: calc(50% - 40px);
        /*margin-right: calc(50% - 79px);*/
    }
    #menuGlowne ul {
        width: 100%;
        /*margin: 0px;*/
        display: none;
    }
    #menuGlowne ul{
        overflow: hidden;
        height: auto;
        margin-top: 10px;
        background: #efefef;
    }
    #menuGlowne ul li {
        height: auto;
        padding:0px;
        float: left;
    }
    #menuGlowne ul li a {
        padding-right: 6px;
        padding-left: 6px;
        font-size: 16px;
        padding-top: 18px;
        height: auto;
        padding: 0px;
        padding-right: 0px;
        line-height: 30px;
        text-align: center;
        padding-right: 0px;
        padding: 5px 20px;
        width: 100%;
        float: right;
        text-transform: uppercase;    
        margin: 0px;
    }
    #menuGlowne ul ul {
        position: static;
        margin: 0px;
        width: auto;
        text-align: right;
    }
    #menuGlowne ul ul {
        position: static;
        display: none;
        width: 100%;
        float: left;
    }
    #menuGlowne ul ul li{
        width: 100%;
    }
    #menuGlowne ul ul li a {
        line-height: 15px;
        padding: 5px 0px;
            padding-right: 0px;
        width: auto;
        text-align: right;
        line-height: 22px;
       font-size: 14px;
        width: calc(100% - 0px);
        /*background-color: rgba(0,0,0,0.2);*/
       text-align: center;
       text-align: left;
        width: auto;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }
    #menuGlowne ul ul li a:hover {
        color: #fff;
    }
    #menuGlowne ul ul li:hover ul {
        display: none !important;
    }
    #menuGlowne li.wyroznienie  {
        padding:0px;
    }
    #menuGlowne li.wyroznienie a {
        padding: 1%;
        color:#fff;
        width: 98%;
    }
    #menuGlowne li:hover {
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
    }

   
    .arrow-icon {
        display: block;
    }


    /*//////////////*/

    #menuGlowne li.wyroznienie a {
        padding: 5px 0px;
        color: #fff;
        width: 100%;
    }

    body.influ, body.influ table td {
        font-size: 16px;
    }
    .tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 22px;
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }
    .wp-block-columns {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        position: relative;
    }
    .wp-block-column {
        margin-bottom: 10px !important;
    }
    .wyceny_box .w2 a {
        line-height: 8vw;
    }

    .tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 26px;
    }
    .tlo_transparentne h2::before, .block-editor-writing-flow h2::before {
        max-width: 50%;
        margin-bottom: 10px;
    }
    .wyceny_box {
        margin: 5vw;
        grid-template-columns: 100%;
    }
    #stopka .boks_lewy, #stopka .boks_prawy{
        float: none;
        padding: 2vw;
        text-align:center;
    }
   
    button, label, input.formInput, textarea.formInput {   
        font-size: 16px;
    }
    .kol_1, .kol_3 {
        padding: 0px 5px 0px 5px;
    }


    .tlo_kontakt{
        width: 100%;
        height: auto;
        overflow: hidden;
    }
    #map {
        position: relative;
        float: left;
        height: 300px;
    }
    .oddzialy {
        width: 100%;
        float: left;
        margin: 0px;
        position: static;
    }
    .skrot {
        width: 100%;
        margin:0px;
        padding-left: 50px;
        background-size: 40px auto;
    }
    .inspiracje_naglowek img {
        width: 40px;
    }

    .wierszKontaktu #formularz_knt {
        margin: 5vw;
        padding: 5vw;
    }
    .tlo_strona {
        margin: 0vw 0vw 5vw 0vw;
        padding: 10vw 10vw 0vw 10vw;
    }
    #zawartosc .tekst, #zawartosc label {
        font-size: 14px;
    }
    .tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 20px;
    }
    .grid_inspiracje {
        display: grid;
        grid-template-columns: 47% 47%;
        grid-column-gap: 6%;
    }
    .tlo_animacja  {
        background-size: 70vw auto;
    }

    h1, .heading-size-1 {
        font-size: 30px;
        margin: 2rem auto 2rem;
    }    
    .tlo_transparentne h3 {
        font-size: 18px;
        font-weight: 500;
        margin: 30px auto 10px;
    }
    button, label, input.formInput, textarea.formInput {   
        font-size: 16px;
    }
    .kol_1, .kol_3 {
        padding: 0px 5px 0px 5px;
    }
    .kol_1, .kol_3 {
        width: 100%;
        padding: 0px 5px 0px 5px;
    }
    input.formInput {
        margin-bottom: 10px;
    }
    .menuStopka {
        grid-template-columns: 100%;
        text-align: center;
    }
    .menuStopka li {
        padding: 0px;
        width: 100%;
        margin: 0px;
    }
    .inspiracja {
        width: 41.5vw;
        margin-right: 2.5vw;
    }
    .inspiracja .img_knt {
        height: auto;
    }
    .oddzialy {
        padding: 25px;
    }

    .menuFooter {
        padding: 2vw;
        text-align: center;
    }
    .kol_2 {
        width: 100%;
    }
    .menuFooter .do_prawej {
        text-align: center;
        padding-top: 20px;
    }

    .bez_tla {
        background-size: 1px 1px;
    }
    .tlo_transparentne {
        margin: 50px 0px;
        width: auto;
    }
    .marginBox {
        margin-top: -80px;
    }
    .influencja_knt {
        background-color: rgb(0, 0, 0);
    }
    #do_gory {
        width: 40px;
    }
    .tlo_podstrona {
        margin: 5vw 5vw;
    }
}


@media only screen and (max-width: 500px) {
    .kol_40, .kol_60 {
        float: left;
        width: 100%;
        padding: 0px;
    }
    .tlo_dokumenty .tresc {
        margin-left: 30%;
    }
}