@media only screen and (max-width: 1500px) {
    #logo img {
        height: 60px;
        margin-top: 5px;
    }
    #menuGlowne li {
        padding-left: 10px;
    } 
    #menuGlowne ul li a {
        padding-right: 5px;
        padding-left: 5px;
    }
    #menuGlowne ul ul {
        left: 15px;
        top: 52px;
    }
    ul.kolumny_skroty li a {
        height: 70px;
        padding: 5px 0px 15px 0px;
        font-size: 18px;
    }
    .tlo_linki {
        background-size: 1500px auto;
    }
    .tlo_szare h2 {
        font-size: 40px;
    }
    .info {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1250px) { 
    #glowny_naglowek_knt {
        height: 105px;
    }
    #dalej_cel {
        margin-top: -104px;
    }
    #logo img {
        height: 45px;
        margin-top: 0px;
    }
    #menuGlowne {
        margin-top: 10px;
    }
    #menuGlowne li {
        padding-left: 6px;
    } 
    #menuGlowne ul li a {
        padding-right: 3px;
        padding-left: 3px;
        font-size: 14px;
    }
    #menuGlowne ul ul {
        left: 0px;
        top: 52px;
    }
    #menuGlowne ul ul li a {
        font-size: 12px;
    }
    #menu_kontakt li {
        padding-top: 3px;
        padding-bottom: 4px;
        font-size: 12px;
    }
    ul.kolumny_skroty li a {
        height: 70px;
        padding: 5px 0px 15px 0px;
        font-size: 16px;
    }
    .tlo_linki {
        background-size: 1300px auto;
    }
    #baner {
        padding-top: 105px;
    }
    .tresc {
        width: 1000px;
    }
    .tekst {
        font-size: 16px;
    }
    .tlo_szare .tekst, .tlo_szare .tekst strong {
        font-size: 22px;
        line-height: 34px;
    }
    .tlo_biale h1, .tlo_biale h2.ngh1 {
        font-size: 30px;
        line-height: auto;
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .tlo_biale h2 {
        font-size: 24px;
        line-height: 36px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .partnerzy h3 {
        display: block;
        padding: 25px 25px 0px 25px;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .partnerzy img {
        padding: 15px 25px 25px 25px;
        max-height: 60px;
        height: auto;
    }
    .tlo_szare h2 {
        font-size: 36px;
    }
    .mapka_opis article h1, .mapka_opis article h3,.mapka_opis article h2{
        font-size: 24px;
        line-height: 24px;
    }
    .odstep_strona {
        padding-top: 125px;
    }
    .info {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1050px) {
    #glowny_naglowek {
        padding: 0px 10px 0px 10px;
    }
    #menu_kontakt ul {
        padding: 0px 10px 0px 10px;
    }
    #menuGlowne {
        margin-right: 15px;
    }
    #logo img {
        height: 40px;
        margin-top: 0px;
    }
    .str_gl_li {
        display: none;
        width: 1px;
        height: 1px;
        opacity: 0;
        overflow: hidden;
    }
    .tlo_linki, .tlo_o_nas {
        background-image: none;
    }
    .tlo_linki {
        background-color: #fafafa;
    }
    .tlo_linki .tekst, .tlo_o_nas .tekst {
        padding-right: 5%;
        padding-left: 5%;
    }
    ul.kolumny_skroty li {
        padding: 1%; 
        width: 31%;
    }
    .tresc {
        width: 100%;
    }
    .tlo_szare .tekst, .tlo_szare .tekst strong {
        font-size: 20px;
        line-height: 30px;
    }
    .tlo_o_nas {
        background-size: 1500px auto;
    }
    .tlo_biale {
        padding: 55px 0px 55px 0px;
    }
    .tlo_biale h1, .tlo_biale h2.ngh1 {
        font-size: 28px;
        line-height: auto;
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .tlo_biale h2 {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .partnerzy img {
        padding: 15px 15px 15px 15px;
        max-height: 60px;
        height: auto;
    }
    .tlo_szare h2 {
        font-size: 30px;
    }
    .tlo_szare .tekst {
        font-size: 16px;
    }
    .tlo_szare .tekst, .tlo_szare .tekst strong {
        font-size: 16px;
    }
    #menu_kontakt_str li {
        width: 90%;
        padding: 0px 5% 0px 5%;
    }
    .mapka_strgl {
        height: 433px;
        background: url(../img/tlo_mapka.jpg) center center;
        background-size: 1500px;
    }
    .odstep_strona {
        width: 90%;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 150px;
    }
    .info {
        font-size: 15px;
    }
}

@media only screen and (max-width: 800px) {
    #dalej {
        display: none;
    }
    #glowny_naglowek_knt {
        position:static;
        overflow: visible;
        height: auto;
    }
    #glowny_naglowek {
        width: 100%;
        position:static;
    }
    #baner {
        padding-top: 0px;
    }
    ul.kolumny_skroty li {
        padding: 1%; 
        width: 48%;
    }
    #menu_mobil {
        display: block;
        cursor: pointer;
        position: absolute;
        right: 20px;
        top: 55px;
    }
    #logo img {
        height: 50px;
        margin-top: 0px;
    }
    .str_gl_li {
        display: block;
        width: auto;
        height: auto;
        opacity: 1;
        overflow: visible;
    }
    #menuGlowne {
        margin-top: 20px;
        float: none;
        clear: both;
    } 
    #menuGlowne ul {
        padding:0px; 
        width: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        background-color: rgba(240,240,240,1);
    } 
    #menuGlowne ul:after {
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
    } 
    #menuGlowne li {
        position: static;
        display: block;
        float: none;
        height: auto;
        display: block;
        cursor: pointer;
        padding-right: 0px;
        padding-left: 0px;
    } 
    #menuGlowne ul li a {
        display: block;
        position: static;
        width: 100%;
        height: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 0px;
        padding-left: 0px;
        font-size: 17px;
    }
    #menuGlowne ul li a.podwojne {
        white-space: pre-line;
    }
    #menuGlowne ul li a.pojedyncze {
        height: auto;
        padding-top: 5px;
    }
    #menuGlowne ul li a br {
        display: none !important;
    }
    #menuGlowne ul ul {
        width: 100%;
        position:static !important;
        left: none;
        top: auto;
        padding: 0px;
        margin:0px;
        font-weight: bold;
    }
    #menuGlowne ul ul li {
        float: none;
        position:static !important;
        height: auto;
        text-align: center;
        list-style-type: none;
        padding:0px;
        margin:0px;
    } 
    #menuGlowne ul ul li a {
        display: block !important;
        float: left;
        font-size: 16px;
        color: #fff;
        height: auto;
        margin-left: 0px;
        line-height: 15px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
        padding-left: 0px;
        font-weight: normal;
        text-transform: none;
        width: 100%;
        text-align: center;
    }
    #menu_kontakt li {
        padding-top: 8px;
        padding-bottom: 9px;
    }
    .tresc {
        width: 100%;
    }
    .odstep_strona {
        width: 90%;
        padding-top: 25px;
        padding-left: 5%;
        padding-right: 5%;
    }
    .tlo_szare {
        padding-left: 20px; 
        padding-right: 20px;
    }
    .tlo_szare .tekst, .tlo_szare .tekst strong {
        font-size: 18px;
        line-height: 28px;
    }
    .tlo_o_nas {
        background-image: none;
    }
    .tlo_o_nas .tekst {
        padding-left: 5%;
        padding-right: 5%;
    }
    .mapka_opis {
        position: static;
    }
    .mapka_opis article {
        width:80%;
        padding-top: 10px;
        padding-left: 10%;
        padding-right: 10%;
        padding-bottom: 25px;
        position: static;
        height: auto;
        pointer-events: auto;
        background: url(../img/tlo_mapka.jpg) top right;
        box-shadow: 0px 0px 25px rgba(0,0,0,0.1);
        float: none;
    }
    .mapka_opis article a {
        padding-right: 5px;
    }
    .mapka_strgl {
        height: auto;
        background-image: none;
    }
    .galeria100 div {
        width: 25%;
        float: left;
    }
    .galeria100 div:nth-child(5n) {
        display: none;
    }
    ul.kolumny2 li {
        margin: 0px 3% 0px 3%;
        width:94%;
        text-align: center;
    } 
    #influencja {
        text-align: center;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .kol_2 {
        float: left; 
        width: calc(100%);
        padding: 0px;
    }
    ul.galeria li {
        width: calc(50% - 30px);
    }
    #stopka {
        text-align: center;
    }
    .tlo_biale .formBtn {
        display: inline-block;
        margin-bottom: 10px;
        white-space: nowrap;
        font-size: 15px;
    }
    .info {
        font-size: 16px;
    }
}

@media only screen and (max-width: 620px) { 
    .galeria100 div {
        width: 50%;
        float: left;
    }
    .logoStrony {
        display: none;
    }
    .cennik {
        width:100%;
        width:calc(100% - 2px);
        border: 1px solid #CCCCCC;
    }
    table.cennik,
    table.cennik thead,
    table.cennik tbody,
    table.cennik th,
    table.cennik td,
    table.cennik tr { 
        display: block; 
        padding-right: 0px;
        padding-left: 0px;
    }
    table.cennik tr td:first-child {
        display: block; 
        padding-right: 0px;
        padding-left: 0px;
    }
    table.cennik thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table.cennik  tr { border: 1px solid #ccc; }
    table.cennik  td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 0% !important;
        width: 100% !important;
        text-align:center;
    }
    /*table.cennik  td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45% !important; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left !important;
    }*/
    /*table.cennik td.doba:before { content: "Cena z dobę: "; }
    table.cennik td.godz:before { content: "Cena za 5h: "; }*/
    table.cennik tr td:nth-of-type(1):before { content: "LP: "; }
    table.cennik tr td:nth-of-type(2):before { content: "Rodzaj usługi: "; }
    table.cennik tr td:nth-of-type(3):before { content: "Cena: "; }
    table.cennik tr td:nth-of-type(4):before { content: "Uwagi: "; }
    table.cennik tr td:nth-of-type(5):before { content: ""; }
    table.cennik tr { border: none; }
    table.cennik tr:first-child {
        display:none;
    }

    #menu_kontakt li span, .do_lewej {
        display: none;
    }
    #menu_kontakt li i {
        font-size: 24px;
    }
    #menu_mobil {
        top: 60px;
    }
    ul.kolumny_skroty li {
        padding: 1%; 
        width: 98%;
    }
}

@media only screen and (max-width: 410px) { 
    #baner {
        display: none;
    }
    .info {
        text-align: center;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .kol_10, .kol_70, .kol_20 {
        text-align: center;
        float: none;
        width: 90%);
        width: calc(100% - 20px);
        padding: 10px;
    }
    .info .kol_10 {
        text-align: center;
        padding: 15px 10px 0px 10px;
    }
}