@media only screen and (max-width: 1700px) {
   #menuGlowne li {
        margin:0px;
    }
    #menuGlowne ul li a {
        padding: 50px 10px;
    }
}    
@media only screen and (max-width: 1400px) {    
    #glowny_naglowek {
        margin: 0px 5vw;
    }
    ul.jezyki {
        right: 7vw;
    }
    #menuGlowne li.puste {
        width: 200px;
    }
    #logo.strona_glowna {
        max-width: 250px;
    }
    #menuGlowne ul li a {
        padding: 40px 5px;
        font-size: 16px;
    }
    .koja .btn {
        max-width: 180px;
        text-align: center;
    }
    .tlo_haslo .hasloTresc h2 {
        font-size: 50px;
    }
    #do_gory {
        bottom: 20px;
        right: 20px;
        width: 60px;
    }
    .tlo_jachty .wp-block-image figcaption {
        font-size: 36px;
    }
    .tlo_transparentne .tekst {
        padding: 0px 10vw 0px 10vw;
    }
    .tlo_strona h1.naglekGlowny {
        color: #fff;
        font-size: 50px;
    }
    .listaKategorii {
        display: grid;
        grid-template-columns: 45% 45%;
        grid-column-gap: 5%;
        padding-top: 3vw;
        padding-left: 5vw;
    }
    .aktualnosciFlex a img{
        min-height: 12.6vw;
    }
    .listaKategorii .kategoria {
        min-height: 26.14vw;
        padding-bottom: 5vw;
    }
} 
@media only screen and (max-width: 1000px) {
    #menuGlowne li.puste {
        display: none;
    }
    #logo {
        position: absolute;
        top: 110px;
    }
    .tlo_haslo .hasloTresc {
        margin-left: 7vw;
        margin-right: 7vw;
    }
    .tlo_haslo .hasloTresc h2 {
        font-size: 36px;
    }
    .tlo_transparentne .tresc {
        margin: 0px 5vw;
        width: auto;
    }
    .aktualnosciFlex a div h3 {
        font-size: 17px;
    }
    .rowIndexAkt {
        display: grid;
        grid-template-columns: 100%;
    }
    .rowIndexAkt div .koja {
        height: 500px;
        background-position: center bottom;
    }
    .aktualnosciFlex a {
        margin: 10px;
    }
    .aktualnosciFlex a div .btnLink {
        letter-spacing: 1px;
        font-size:12px;
    }
    .tlo_transparentne .tekst {
        padding: 0px 5vw 0px 5vw;
    }
     .tlo_strona h1.naglekGlowny {
        color: #fff;
        font-size: 40px;
    }
    .tlo_strona h1.naglekGlowny {
        padding-top: 320px;
        background-size: cover;
    }
    .aktualnosciFlex a img{
        min-height: 14.6vw;
    }
    .listaKategorii .kategoria {
        min-height: 23.3vw;
    }
    .tlo_jachty h2{
        text-align: center;
        font-size: 50px;
        color: #fff;
        font-weight: 700;
        letter-spacing: 3px;
    }
} 

@media only screen and (max-width: 780px) {
    .tlo_strona h1.naglekGlowny {
        color: #fff;
        font-size: 30px;
    }
    .tlo_strona h1.naglekGlowny {
        padding-top: 120px;
        background-size: cover;
    }
    .wp-block-column {
        flex-basis: 100% !important;
    }
    .wp-block-column:nth-child(2n) {
        margin-left: 0px;
    }
    ul.jezyki {
        z-index: 10;
    }
    #logo {
        position: absolute;
        width: 220px;
        z-index: 10;
        left: 0px;
        top: 0px;
        margin: 0px;
    }   

    #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: 20px;
    }
    #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;
    }
   
    button, label, input.formInput, textarea.formInput {   
        font-size: 16px;
    }
    .kol_1, .kol_3 {
        padding: 0px 5px 0px 5px;
    }
    .wierszKontaktu #formularz_knt {
        margin: 5vw;
        padding: 5vw;
    }

    #zawartosc .tekst, #zawartosc label {
        font-size: 14px;
    }
    .tlo_transparentne h2, .block-editor-writing-flow h2 {
        font-size: 28px;
    }
    h1, .heading-size-1 {
        font-size: 30px;
        margin: 2rem auto 2rem;
    }    
    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;
    }
    .menuFooter {
        padding: 2vw;
        text-align: center;
    }
    .kol_2 {
        width: 100%;
    }

    .tlo_jachty .wp-block-columns .wp-block-column{
        flex-basis: 46% !important;
        margin: 0px 2% !important;
    }
    .tlo_jachty .wp-block-image figcaption {
        font-size: 24px;
    }
    .wp-block-image{
        margin: 5px 0px !important;
    }

    .aktualnosciFlex {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .tlo_aktualnosci .aktualnosciFlex a:nth-child(4) {
        display: none;
    }

    .aktualnosciFlex a div {
        padding: 10px;
    }
    .menuFooter .do_prawej {
        text-align: center;
    }

    .tlo_haslo .hasloTresc {
        margin-top: -50px;
    }
    .aktualnosciFlex a img{
        min-height: 19.6vw;
    }
}


@media only screen and (max-width: 600px) {
    #logo.strona_glowna {
        max-width: 200px;
    }
    .rowIndexAkt .aktualnosciFlex, .aktualnosciFlex {
        display: grid;
        grid-template-columns: 1fr 1fr;
        clear: both;
    }
    .tlo_aktualnosci .aktualnosciFlex a:nth-child(4) {
        display: block;
    }
    .rowIndexAkt .aktualnosciFlex a:nth-child(4) {
       display: block;
    }
    .btnABS {
        float: right;
        margin-top: 0px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
    .listaKategorii {
        display: grid;
        grid-template-columns: 95%;
        grid-column-gap: 5%;
        padding-top: 3vw;
        padding-left: 5vw;
    }
    .aktualnosciFlex a img{
        min-height: 29.6vw;
    }
    .listaKategorii .kategoria {
        min-height: 65vw;
    }

}


@media only screen and (max-width: 500px) {
    #logo.strona_glowna {
        max-width: 200px;
    }
    #menuGlowne ul {
        margin-top: 70px;
    }
}