@media only screen and (max-width: 1600px) {  
    #menuGlowne li {
        padding-right: 5px;
        padding-left: 5px;
    }
    #menuGlowne li.lastLi {
        margin-right: 20px;
    }
    .tlo_transparentne.tlo_kontakt {
        background-size: auto 100%;
    }
    .ofertaNav .tresc {
        width: auto;
    }
}

@media only screen and (max-width: 1400px) {  


 
    #menuGlowne li.ikona  {
       position: absolute;
       top: 0;
       right: 40px;
    }   
    #menuGlowne li.ikona:nth-child(2n+1)  {
        right: 220px;
    }
    #menuGlowne ul {
        margin-top: 20px;
    }

}

@media only screen and (max-width: 1200px) {  
    #menuGlowne li {
        padding-right: 5px;
        padding-left: 5px;
    }
    .tresc {
        width: 1000px;
    }
    .tlo_transparentne.tlo_onas {
        background-position: center;
        background-size: auto 100%;
    }
    .tlo_pomoc {
        background-size: auto 100%;
        padding: 20px 0px;
    }
    .offer-item .formBtn {
        width: calc(90% - 20px);
        left: 5%;
    }   
    
    #prev, #next {
        top: 250px;
    }
    .tlo_strona .kol_80{
        width: calc(100% - 30px);
    }
    .tlo_strona .kol_20{
        width: calc(100% - 30px);
    }
    .ofertaNavStr .trescOferty {

        width: calc(33.333% - 21px);
        min-height: 300px;
    }
    .ofertaNavStr .trescOferty h2 {
        height: 50px;
    }



}
@media only screen and (max-width: 1000px) {
     #logo a img {
        width: 250px;
        padding: 20px 0px;
    }
    #menuGlowne li {
        padding-right: 4px;
        padding-left: 4px;
    }
    #menuGlowne ul li a {
        padding-bottom: 5px;
        padding-right: 5px;
        font-size: 16px;
    }

    .tresc {
        width: 800px;
    }
    .tlo_transparentne h1, .tlo_transparentne .ngh1 {
        font-size: 32px;
    }
    .tlo_pomoc {
        background-image: none;
        text-align: center;
        padding-bottom: 50px;
    }
    .tlo_pomoc .kol_60 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .offer-box .kol_4{
        width: 46%;
        width: calc(50% - 30px);
    }
    .offer-item {
        margin-top: 20px;
        padding-bottom: 20px;
    }
    #stopka .kol_30, #stopka .kol_70{
       text-align: center;
       width: 98%;
       width: calc(100% - 30px);
    }
    #stopka ul {
        width: 530px;
        margin: 10px auto;
        padding: 0px;
    }
    .trescOferty {
        width: calc(33.333% - 21px);
        padding: 30px 10px;
    }
    .trescOferty a {
        width: 80%;
        font-size: 16px;
        margin: 0px 10%;
    }
}
@media only screen and (max-width: 800px) { 
    /*/////////////////////////////*/
    #logo {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
     #glowny_naglowek {
        width: 100%;
    }
    #menuGlowne li {
        width: 100%;
        padding: 10px 0px;
        text-align: center;
        margin: 0px;
        font-size: 16px;
    }
    #menuGlowne {
        float: none;
        width: 100%;
        margin-top: 0px;
    }
    #menuGlowne ul {
        width: 100%;
        margin: 0px;
        float: right;
        background-color:  rgba(255,255,255,1);

    }
    #menu_mobil {
        display: block;
        text-align: center;
        padding-right: 0px;
        height: 80px;
        width: 100%;
        right: 0px;
        float: right;
        background-color: rgba(255,255,255,1);
    }
    #menuGlowne ul li {
        height: auto;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    #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: right;
        padding-right: 0px;
        width: auto;
        text-align: center;
    }
    #menuGlowne ul ul {
        position: static;
        margin: 0px;
        width: auto;
        text-align: right;
    }
    #menu_mobil img{
        padding-top: 20px;
    }
    #menuGlowne ul ul {
        position: static;
        display: block !important;
        width: 100%;
    }
    #menuGlowne ul ul li a {
        line-height: 15px;
        padding:5px 0px;
        width: auto;
        text-align: center;
        line-height: 22px;
    }
    #menuGlowne li.ikona {
        display: none !important;
    }
    /*/////////////////////////////*/
    .kol_3 {
        float: left;
        width: 99%;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .trescBox {
        width: 400px;
        margin: 0 auto;
    }

    #baner {
        padding-top: 0px;
       float: left;
    }
    #glowny_naglowek_knt {
    }
    .tresc {
        width: 100%;
    }
    .kol_2 {
        width: calc(100% - 30px);
    }
    .hrPrawa, .hrLewa {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .tlo_transparentne {
        padding-top: 20px;
    }
    ul.ofertaUL li {
        width: 48%;
    }
    .doPrawej {
        text-align: center;
    }
    .kontaktBox {
        margin: 10px 20px;
    }
    #stopka {
        width: 100%;
        padding: 50px 0px;
        text-align: center;
    }
    .influencja_knt {
        text-align: center;
        padding-top: 80px;
    }
    #next, #prev {
        display: none;
    }
    .kolumnaPrawa, .kolumnaLewa {
        width: 100%;
        padding-right: 0%;
        float: left;
    }
    .tekst {
        padding: 20px;
        font-size: 15px;
        line-height: 20px;
    }
    ul.galeria li {
        width: 31.333%;
    }
    .panel_prawa {
        float: right;
        display: none;
    }
    .panel_lewa {
        width: 100%;
        padding-right: 0%;
        float: left;
    }
    #glowny_naglowek_knt {
        position: static;
    }
    .tlo_onas .kol_60{
        width: calc(80% - 30px);
    }
    .tlo_kontakt .ngh1{
        width: 300px;
    }
    main {
        padding-bottom: 20px;
        float: left;
        width: 100%;
    }
    .pager {
        display: none;
    }
    .odstep {

        height: 0px;

    }
    .trescOferty {
        width: calc(50% - 21px);
    }

    .tlo_strona .kol_20{
        display: none;
    }
    .boxBialy .tresc {
        margin-top: -20px;
    }


}

@media only screen and (max-width: 600px) { 
    .trescBox {

        width: 90%;
        margin: 0 auto;
        padding: 30px 0px;

    }
    #stopka ul {
        width: 100%;
    }
    #stopka li {
        float: none;
    }
    .tlo_transparentne.tlo_kontakt {
        background-position: left;
    }

    .trescOferty {
        width: calc(100% - 21px);
    }
    .kol_60 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .kol_40 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
}
@media only screen and (max-width: 400px) { 
    .tlo_onas .kol_60 {
        width: calc(100% - 30px);
    }
    .offer-box .kol_4 {
        width: 96%;
        width: calc(100% - 30px);
    }
    .btnLink {
        font-size: 14px;
    }
}