@media only screen and (max-width: 1500px) {
    .box3 {
        padding: 50px;
        width: auto;
        text-align: left;
        min-height: 200px;
        position: relative;
    }
    .tlo_kontakt {
        background-size: 1000px;
    }
    .tlo_o_nas {
        background-size: 1600px;
    }
    .tlo_ciemne {
      width: 90%;
    }
}
@media only screen and (max-width: 1200px) { 
    .wrapper img,
    .wrapper{
      width: 940px;
      height: 580px;
    }
   .box3 {
        padding: 10px;
        width: auto;
        text-align: left;
        min-height: 200px;
        position: relative;
    }
    .tlo_ciemne h2 {
        font-size: 30px;
        line-height: 36px;
    }
    .tlo_kontakt {
        background-size: 900px;
    }
    .tresc {
        width: 940px;
        margin: auto;
    }
    #menuGlowne ul li a {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 16px;
    }
    .nagrody ul.galeria li {
        width: 15%;
        width: calc(16.6666% - 22px);
        padding: 10px;
        background-color: #fff;
    }
    .tekst {
        color: #ccc;
        font-size: 15px;
        font-weight: 300;
        line-height: 18px;
    }
}

@media only screen and (max-width: 1000px) {
    .wrapper img,
    .wrapper{
      width: 740px;
      height: 456px;
    }
    .scroller {
      width: 30px;
      height: 30px;
      margin: 0px 10px;
    }

    .tlo_postrony_info{
        padding: 0px;
    }
   #logo img {
        padding-top: 25px;
        padding-bottom: 0px;
        padding-left: 0px;
        width: 200px;
    }
   #menuGlowne li {
        padding-left: 25px;
    }
    .social {
        margin-top: 0px;
        margin-right: 10px;
    }
    .menuTop {
        height: 200px;
        background-size: 100% 100%;
    }
    body {
        font-size: 14px;
    }
    .tlo_kontakt {
        background-size: 700px; 
        padding: 20px 0px;
    }
    .logotypy img {
        width: 150px;
    }
    .tresc {
        width: 740px;
        margin: auto;
    }
    .nagrody ul.galeria li {
        width: 18%;
        width: calc(20% - 22px);
        padding: 10px;
        background-color: #fff;
    }
    ul.skroty li {
        float: left;
        width: 50%;
        position: relative;
    }
    .tlo_ciemne h2 {

        font-size: 22px;
        line-height: 36px;

    }
     
}

@media only screen and (max-width: 800px) {
    .wrapper img,
    .wrapper{
      width: 90vw;
      height: 56vw;
    }

    #formularz_plugin{
        padding: 0px;
        border: 0px;
    }
    #formularz_plugin .pole {
      display: grid;
      grid-template-columns: 170px 1fr;
      grid-gap: 10px;
      padding: 10px 0px;
    }
    .menuTop {
         display: none;
    }
    #glowny_naglowek_knt {
        position:static;
        margin-top: 0px;
        background-image: url(../img/top.png);
        background-size: 150% 100px;
        background-color: #2a2a2a;
        background-repeat: no-repeat;

    }
    #logo {
        margin: auto;
        float: none;
        width: 100%;
        text-align: center;
    }
    #logo img {
        width: 300px;
    }
    .social {
        position: absolute;
        top: 0;
        right: 10px;
        padding: 0px;
    }
    #menu_mobil {
        display: block;
        cursor: pointer;
        text-align: center;
    }
    #menuGlowne {
        margin-top: 20px;
        float: none;
        clear: both;
        margin-bottom: 10px;
    } 
    #menuGlowne ul {
        padding:0px; 
        width: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        height: auto;
        background-color: rgba(22,22,22,1);
        display: none;
    } 
    #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: 5px;
        padding-bottom: 5px;
        padding-right: 0px;
        padding-left: 0px;
        font-size: 15px;
        line-height: 24px;
    }
    #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;
    }
    .tresc {
        width: 100%;
    }
    .odstep_strona {
        width: 90%;
        padding-top: 25px;
        padding-left: 5%;
        padding-right: 5%;
    }
    #menuGlowne ul ul {
         display: block;
        position: static;
        width: 100%;
        text-align: center;
    }
     #menuGlowne ul ul li a {
        width: 100%;
        padding: 10px 0px;
        margin: 0px;
        text-align: center;
    }

    .kol_3 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .box3 {
        padding: 50px;
    }
    .dalej_knt{
        display: none !important;
    }
    .realizacje_opis h2 {
        font-size: 34px;
    }
    .realizacje_opis {
        width: 80%;
    }
    .tlo_ciemne h2 {
        font-size: 26px;
        line-height: 36px;
    }
    ul.kolumny2 li {
        list-style: none;
        float: left;
        margin: 0px 3% 0px 3%;
        width: 94%;
    }
    #influencja {
        text-align: right;
        padding-top: 50px;
    }
    .kol_2 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    ul.galeria li {
        width: 49.5%;
        width: calc(50% - 2px);
    }
    .nagrody ul.galeria li {
        width: 24%;
        width: calc(25% - 2px);
        padding: 0px;
        background-color: #fff;
    }
    .box_kontakt .kol_2 {
        width: calc(100% - 31px);
        min-height: 100px;s
    }
    .tlo_ciemne h2 {

        font-size: 18px;
        line-height: 20px;
        text-transform: inherit;
    }
    .mapka, .google-map, .angular-google-map-container {
        height: 300px;
    }
}

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

    .o_nas_tresc {
        width: 80%;
        padding: 5%;
        margin-right: 5%;
        margin-left: 5%;
    }
    .tlo_o_nas {
        min-height: 100px
    }
    .kol_3 {
        float: left;
        width: calc(100% - 30px);
        padding: 0px 15px 0px 15px;
    }
    .box3 {
        padding: 50px;
    }
    .tlo_o_nas {
        padding: 20px 0px;
    }
     .kontakt_tresc {
        width: 50%;
        padding: 5%;
        margin-right: 35%;
        margin-left: 5%;
    }
    .tlo_ciemne h1, .tlo_ciemne h2.ngh1 {
        font-size: 30px;
    }
    .tekst {
        color: #ccc;
        font-size: 13px;
        font-weight: 300;
        line-height: 16px;
    }
    ul.skroty li {
        float: left;
        width: 100%;
        position: relative;
    }

    #formularz_plugin .pole {
      display: grid;
      grid-template-columns:1fr;
      grid-gap: 10px;
      padding: 10px 0px;
    }
    .pole label{
        font-size: 14px;
        font-weight: 600;
    }

    .kalendarzBox {
        width: 240px !important;
    }
    .md-calendar-scroll-mask {
        height: 308px !important;
    }
    .md-virtual-repeat-scroller,
    .md-calendar-scroll-container{
        width: 246px !important;
    }
    .md-calendar-month-label{
        padding: 0px !important;
    }

    .md-calendar-date-selection-indicator {
      width: 30px !important;
    }


}
@media only screen and (max-width: 400px) { 
    .tlo_kontakt_b .wp-block-columns h2 {
        font-size: 20px;
    }
    .tlo_kontakt_b .wp-block-columns {
        padding: 10px;
    }
    .box3 {
        padding: 10px;
    }
    #logo img {
        width: 100%;
        margin-top: 20px;
    }
    #ladowanieZawartosc{
        background-size: 100% !important;
    }
    .kontakt_tresc {
        width: 80%;
        padding: 5%;
        margin-right: 5%;
        margin-left: 5%;
    }
    .nagrody ul.galeria li {
        width: 24%;
        width: calc(33.333% - 2px);
        padding: 0px;
        background-color: #fff;
    }
        ul.skroty li {
        float: left;
        width: 100%;
        position: relative;
    }

}