@media only screen and (max-width: 1600px) {  
    .header_1 {
        margin: 10px 5vw;
    }
    #menuGlowne ul {
        margin: 0px 10vw;
    }
    .tlo_produktu {
        margin: 2vw 5vw;
    }
    .tlo_onas .tresc_onas {
	    max-width: 45vw;
	    overflow: hidden;
		}
		.tlo_produktu {
	    width: auto;
	    margin: 2vw 10vw;
	    border-radius: 25px;
		}
}
@media only screen and (max-width: 1400px) {  
    .header_1 {
        grid-template-columns: 300px 2fr 190px 190px;
    }
    .header_1 #logo_knt img{
       width: 300px;
    }
    #menuGlowne ul {
        margin: 0px 5vw;
    }
    .tlo_info .infoRow section div h2 {
        font-size: 20px;
    }
    .tlo_info .infoRow section div {
        padding: 20px;
        font-size: 16px;
    }
    .tlo_info .infoRow section img{
        width: 100px;
    } 
    body {
        font-size: 14px;
    }
    .tresc_stopka {
        padding: 0px 5vw;
    }
    .stopka_kontakt {
        padding: 35px 0px;
    }
    #stopkawa ul {
        padding: 35px 0px;
    }


    #site {
        padding: 0vw 5vw;
    }
    .formBtnDuzy {
        font-size: 20px;
    }
    .tlo_koszyk {
        margin: 2vw 5vw;
    }

    #menuGlowne li a {
	    display: block;
	    float: left;
	    width: 100%;
	    color: #333;
	    text-decoration: none;
	    font-size: 16px;
	  }
	  .tlo_blog {
	    background-color: #f2f2f2;
	    padding: 3vw 5vw;
	    margin: 0px;
		}
		.tlo_onas {
	    padding: 5vw 5vw;
		}
		.tlo_onas .tresc_onas {
	    max-width: 50vw;
	    overflow: hidden;
		}
		.tlo_social {
	    padding: 30px 5vw;
		}
		.tresc_stopka {
	    width: auto;
	    margin: auto 5vw;
		}
		ul.kategorie li a {
	    padding-top: calc(20vw - 40px);
	    font-size: 22px;
	  }
   .menu_boczne {
        padding: 20px 0px;
    }
    .tlo_podstrona {
        margin: 0px 5vw;
    }

}

@media only screen and (max-width: 1200px) {  
    .formularzPowidomienia {
        padding: 15px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #do_gory {
        position: fixed;
        bottom: 60px;
        right: 60px;
        width: 60px;
    }
    .header_1 {
        grid-template-columns: 300px 2fr 150px 120px;
        grid-column-gap: 10px;
        margin: 10px 5vw;
    }
    .header_1 .pozycja_panel a i,
    .header_1 .pozycja_panel a svg {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .header_1 .pozycja_panel a {
        text-align: center;
        font-size: 14px;
        line-height: 40px;
    }
    .header_1 .pozycja_panel ul {
        padding: 10px;
    }
    .header_1 .pozycja_panel ul {
        padding: 10px;
        padding-top: 50px;
    }
    .formInputSzukaj {
        font-size: 14px;
    }
    #szukaj form {
        line-height: 40px;
    }
    .formBtnSzukaj{
        height: 40px;
        width: 40px;
        background-size: 100%;
    }
    #menuGlowne ul {
	    margin: 0px 1vw;
		}

    #menuGlowne li a {
        font-size: 14px;
    }
    #menuGlowne ul ul li {
        width: 46%;
    }
    .tlo_info .infoRow section div h2 {
        font-size: 18px;
    }
    .tlo_info .infoRow section div {
        padding: 10px;
        font-size: 14px;
    }
    .tlo_info .infoRow section img{
        width: 70px;
    } 
    .tlo_info .infoRow {
        padding: 2vw 2vw;
    }
    .produkty ul li div.nazwa {
        font-size: 16px;
        line-height: 22px;
        padding: 20px 10px;
    }
    .produkty ul li div.cena strong {
        min-width: 180px;
        line-height: 40px;
        font-size: 20px;
    }
    .stopka_kontakt {
        padding: 15px 0px;
        width: 100%;
        text-align: center;
    }
    #stopkawa ul {
        padding: 15px 0px;
        width: 100%;
        display: flex;
    }
    #stopkawa li {
        flex: 1;
        text-align: center;
        margin: 0 auto;
    }

    #site {
        padding: 0vw 0vw;
    }
    .tlo_produktu ul.produkt_opcje {
        grid-template-columns: 200px 1fr;
    }
    .tlo_produktu .tekst h1 {
        font-size: 30px;
        letter-spacing: 0px;
        margin-bottom: 0px;
    }
    .cenaKolor {
        font-size: 34px;
        color: var(--kolor-glowny);
    }
    ul.opis_menu li h2 {
        font-size: 18px;
    }
    .tlo_onas  {
    	background-size: auto 100%;
    }
    .tlo_onas .tresc_onas {
		    max-width: 60vw;
		    overflow: hidden;
		}
    .tlo_onas .tresc_onas div h2{
    	font-size: 36px;
    	margin: 0px;
    }
    .tlo_onas .tresc_onas div {
	    font-size: 16px;
	    font-weight: 400;
	    color: #fff;
	    padding-left: 100px;
	    background-size: 100px;
		}
		.tlo_social a {
	    font-size: 20px;
	    padding: 0px 20px;
	}
    .menu_boczne a {
        padding: 5px 5px 5px 15px;
    }
    .produkty ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 2vw;
        grid-row-gap: 2vw;
    }

    #livesearch a span{ 
        font-size: 14px;
        line-height: 16px;
    }

}

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

    .newsletter_zawartosc {
        display: inline-block;
        max-width: 90vw;
        box-sizing: border-box;
        padding-right: 200px;
    }
    .newsletter_zawartosc img.zamknij_newsletter {
      right: -15px;
      top: -15px;
      width: 30px;
      height: 30px;
    }
    .header_1 #logo_knt img {
        width: 200px;
        height: auto;
    }
    .header_1 {
        grid-template-columns: 200px 2fr 150px 120px;
	    margin: 10px 1vw;
    }
    .tekst h1 {
        font-size: 30px;
    }

    .tlo_produktu ul.produkt_opcje {
        grid-template-columns: 1fr;
    }
    .tlo_produktu ul.produkt_opcje li {
        width: 100%;
        font-size: 16px;
    }

     ul.opis_menu li {
        padding: 10px 20px;
        margin: 0px;
    }

    ul.opis_menu li h2 {
        font-size: 16px;
    }
    .formBtnDuzy {
        letter-spacing: 0px;
        font-size: 18px;
        white-space: unset;
    }

    #grawer_1 {
        padding-top: 60px;
    }
    .jak_zlozyc_zamowienie_knt {
        position: relative;
        top: -60px;
    }

    #koszyk_glowny h4 {
        font-size: 16px;
    }
    #nawigacja_koszyk {
        height: 70px;
    }
    #nawigacja_koszyk ul li {
        height: 50px;
        font-size: 14px;
    }
    #menuGlowne li.btn {
			width: 130px;
		}
    #menuGlowne li a {
        font-size: 14px;
        line-height: 16px;
    }
    #menuGlowne ul ul {
		    top: 60px;
	  }
    .tlo_z_menu .belka_z_lewej {
        float: left;
        width: 200px;
    }
    .menu_boczne li {
        font-size: 14px;
    }
    .tlo_z_menu .belka_z_prawej {
        float: left;
        width: calc(100% - 250px);
    }

	  .tekst header h1,.produkty header h2,.tlo_onas .tresc_onas div h2 {
	  	font-size:34px;
	  }
	  .tekst header .h1_parzenica, .produkty header .h2_parzenica {
    	   padding-left: 110px;
            line-height: 40px;
            background-size: auto 80px;
            min-height: 80px;
            text-align: left;
            font-size: 30px;
    	}

	  ul.kategorie li a {
	    padding-top: calc(20vw - 40px);
	    font-size: 18px;
		}
		.tlo_social .do_lewej {
		    float: none;
		    width: 100%;
		    border-bottom: 1px solid rgba(0,0,0,0.05);
		}
		.tlo_social .do_prawej {
	    float: none;
	    width: 100%;
		}
		.tlo_social a {
		  font-size: 16px;
		  padding: 0px 20px;
		}

		.koszykGlowny .produkt {
			width: 98%;
			padding:1% 1% 0 1%;
		}
		.koszykGlowny header {
			display:none;
		}
		.koszykGlowny .cena, .koszykGlowny .ilosc, .koszykGlowny .wartosc {
			width: 22%;
			padding:1% 1% 20px 1%;
		}
		.koszykGlowny .usun {
			width: 22%;
			padding:15px 1% 20px 1%;
		}
		.opsiKoszykMobil {
			display:block;
			font-size:10px;
			text-transform:uppercase;
		}
		.koszykGlowny .produktOpis {
			width:calc(100% - 110px);
		}
		.koszykGlowny .produktOpis h4 {
			padding-bottom: 5px;
			padding-right: 15px;
			padding-top: 5px;
			padding-left: 15px;
			background-color: rgba(0,0,0,0.03);
			border-radius:5px;
		}
		#nawigacja_koszyk ul li {
	    height: 20px;
	    font-size: 14px;
	    padding-right: 20px;
		}
		.nawigacja_koszyk_opis {
	    display: none;
		}
		#nawigacja_koszyk ul li.wybrane span {
	    display: inline;
		}


}  

@media only screen and (max-width: 800px) {
    .owl-stage-outer {
        aspect-ratio: 22 / 13;   /* 1100 / 650; */
    }
    #banerInx {
        height: 67vw;
        overflow: hidden;
    }
}

@media only screen and (max-width: 780px) {
    .menuGlowneMini ul{
        display: none !important;
    }

    .newsletter_zawartosc {
        padding-right: 50px;
    }
    .c_newsletter{
        padding: 40px 20px;
    }


    .produkt_cena strong {
        color: var(--kolor-glowny);
        font-size: 28px;
    }

    .tlo_z_menu .belka_z_lewej {
       display:none;
    }
    .tlo_z_menu .belka_z_prawej {
        float: left;
        width: 100%;
        padding:5%;
    }
    .infoBox .promocja_txt {
        background: var(--kolor-glowny);
        color: #fff;
        text-transform: uppercase;
        line-height: 20px;
        padding: 5px 10px;
        border-radius: 0px 0px 20px;
        letter-spacing: 2px;
        font-weight: 600;
        font-size: 12px;
    }


    #menuGlowne{
        overflow: hidden;
    }
    #menu_mobil{
        display: block;
        width: 60px;
        float: right;
    }
    #menuGlowne ul{
        display: block;
        float: left;
        width: 100%;
        margin: 0px;
    }

    #menuGlowne ul li{
        width: 100%;
        padding: 0px;
    }
    #menuGlowne li a {
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        font-weight: 500;
    }
    #menuGlowne li a {
        font-size: 16px;
        text-align: left;
        padding-left: 20px;
        font-weight: 500;
        border-bottom: 1px solid rgba(0,0,0,0.06);

        padding: 20px;
        padding-right: 100px;
        width: calc(100% - 120px);
        border-radius: 0px;
    }
    #menuGlowne li.btn {
    	width: calc(100% - 4px);
    }
    #menuGlowne .btn a {
	    text-align: left;
		}
    #menuGlowne ul ul a {
        width: 100%;
    }

    #menuGlowne li a i,
    #menuGlowne li a svg{
        display: none;
    }
    .arrow-icon {
        display: block;
    }
    #menuGlowne ul ul  {
        width: 100%;
        position: static;
    }
    .header_1 {
        grid-template-columns: 200px 1fr 150px 120px;
    }
    
    #szukaj  {
    	position: static;
    }
    #szukaj form {
        position: absolute;
        top: 110px;
        left: 5px;
    }
    .produkty ul {
        grid-template-columns: 1fr 1fr;
    }
    .tlo_info .infoRow {
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
    #do_gory {
        position: fixed;
        bottom: 10px;
        right: 10px;
        width: 60px;
    }

    #site_left, #site_left_site {
        width: 100%;
        margin: 20px 0px;
    }

    #site_right {
        width: 100%;
        margin: 20px 0px;
    }
    .tlo_produktu .produkt_galeria {
        width: 100%;
        text-align: center;
    }    
    .tlo_produktu {
        margin: 2vw;
        padding: 20px;
    }
    .tlo_produktu .produkt_dane {
        width: 100%;
        box-sizing: border-box;
    }
    ul.opis_menu li h2 {
        font-size: 15px;
    }

    .tlo_produktu ul.produkt_opcje {
        text-align: center;
        border: 1px solid #f2f2f2;
        padding: 20px 5px;
        border-radius: 25px;
        box-shadow: 0px 0px 10px rgba(0,0,0,0.05);
    }
    #dokoszyka {
        padding: 10px 0;
        width: 230px;
        float: none;
        margin: 0 auto;
    }
    .tlo_produktu .tekst h1 {
        font-size: 24px;
        line-height: 26px;
        letter-spacing: 0px;
        margin-bottom: 0px;
    }

    nav#koszyk_nawigacja li {
    max-width:90%;
    }
    nav#koszyk_nawigacja li img {
        max-width:100%;
        height:auto;
    }
    table#koszyk_glowny,
    table#koszyk_glowny thead,
    table#koszyk_glowny tbody,
    table#koszyk_glowny th,
    table#koszyk_glowny td,
    table#koszyk_glowny tr { 
        display: block; 
    }
    table#koszyk_glowny thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table#koszyk_glowny  tr { border: 1px solid #ccc; }
    table#koszyk_glowny  td { 
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50% !important;
        width: 45% !important;
        text-align:right;
    }
    table#koszyk_glowny  td:before { 
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45% !important; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left !important;
    }
    table#koszyk_glowny td.produkt:before { content: "Produkt"; }
    table#koszyk_glowny td.nazwa:before { content: "Nazwa"; }
    table#koszyk_glowny td.cena:before { content: "Cena"; }
    table#koszyk_glowny td.ilosc:before { content: "Ilość"; }
    table#koszyk_glowny td.wartosc:before { content: "Wartość"; }
    table#koszyk_glowny td.usun:before { content: "Usuń z koszyka"; }
    table#koszyk_glowny td.ilosc_cena:before { content: "Ilość/Cena"; }
    table#koszyk_glowny tr.bez_opisu td:nth-of-type(1):before { content: ""; }
    table#koszyk_glowny tr.bez_opisu td:nth-of-type(3):before { content: ""; }
    table#koszyk_glowny tr.bez_opisu td:nth-of-type(4):before { content: ""; }
    table#koszyk_glowny tr.bez_opisu td:nth-of-type(5):before { content: ""; }
    table#koszyk_glowny  tr.bez_opisu { border: none; }
    table#koszyk_glowny tr:first-child {
        display:none;
    }
    #siteKoszykRight tr:nth-child(odd) td {
        border-top: none;
        border-bottom: 1px solid #eee; 
        padding: 5px;
    }
    #site_right {
        width: 98% !important;
    }
    #site_left, #site_left_site {
        width: 98% !important;
    }
    #nawigacja_koszyk ul li{
        width: auto;
    }
    #nawigacja_koszyk ul li font{
        display: none;

    }
    #nawigacja_koszyk ul li.wybrane font{
        display:inline-block;
    }

    #menuGlowne .absoluteMenu{
    	position: static;
    }
    #menuGlowne .absoluteMenu li a {
	    padding: 5px 20px;
	    width: calc(100% - 40px);
		}
		ul.kategorie {
		    grid-template-columns: 1fr 1fr;
		    grid-column-gap: 2vw;
		    grid-row-gap: 2vw;
		    width: 100%;
		}
		ul.kategorie li {
		    height: 30vw;
		  }
		ul.kategorie li a {
	    padding-top: calc(30vw - 40px);
	    font-size: 18px;
		}

		.tekst header h1,.produkty header h2, .tlo_onas .tresc_onas div h2 {
	  	font-size:20px;
	  }
	  .tekst header .h1_parzenica, .produkty header .h2_parzenica {
		    padding-left: 80px;
		    line-height: 50px;
            font-size: 30px;
            background-size:auto 60px;
		}
		ul.kategorie li a {
	    padding-top: calc(30vw - 40px);
	    font-size: 15px;
        line-height: 20px;
		}
		ul.kategorie li a:hover {
	    color:var(--kolor-glowny);
	    font-size: 15px;
	    background: rgba(255,255,255,0.6);
		}

		ul.kategorie li a:hover{
			padding-top: 10vw  !important;
			color: var(--kolor-glowny);
			padding-top: calc(20vw - 80px);
			background: rgba(255,255,255,0.7);
		}
		.produkty ul li {
		    position: relative;
		}
		.tlo_blog .produkty ul li {
			padding-bottom:0px;
		}
		.btn_link {
		    width: auto;
		}
		.tlo_onas {
	    background-image: url(../img/tlo_oscypek.jpg);
	    background-size: auto 100%;
	    background-position: center left;
	  }
	  .tlo_onas .tresc_onas {
	    max-width: 80vw;
	    overflow: hidden;
	 }
		.pozycja_panel{
			margin:0px !important;
		}

		.koszykGlowny .cena, .koszykGlowny .ilosc, .koszykGlowny .wartosc {
			width: 48%;
			padding:1% 1% 20px 1%;
		}
		.koszykGlowny .usun {
			width: 48%;
			padding:15px 1% 20px 1%;
			text-align:right;
		}
		.cena.razem {
			display:none;
		}
		.ilosc.razem {
			width: 30%;
			float:left;
			text-align:left;
			font-size:18px;
			font-weight:900;
		}
		.wartosc.razem {
			width: 60%;
			font-size:18px;
			font-weight:900;
			text-align:right;
			float:right;
		}
        .galeria_ikony_re.floatright {
            width: auto;
            margin-bottom: 2%;
            float: none;
        }
        .galeria_ikony_re.floatright img,
        .galeria_ikony_re img {
            width: 46%;
        }
	  ul.opis_menu li h2 {
	    font-size: 15px;
	    margin: 5px auto;
	}

    #pop-div {
        left: 10%;
        top: 30%;
        margin: 0;
        padding: 10px;
        height: auto;
        width: 80%;
        position: fixed;
        background-color: #ffffff;
        z-index: 999;
        border-radius: 0px 30px 30px 30px;
        padding: 30px;
        box-sizing: border-box;
    }

    .produkty ul li .pokazPodglad {
        display: none;
    }

}

@media only screen and (max-width: 550px) {
    .newsletter_box .tresc_new input,
    .c_newsletter input{
        border-radius: 20px 20px 0px 0px;
        width: 200px;
        text-align: center;
    }
    .newsletter_box .tresc_new button,
    .c_newsletter button {
      display: block;
      border-radius: 0px 0px 20px 20px;
      width: 243px;
    }

    .newsletter_box .tresc_new form {
      width: 250px;
      margin: 0 auto;
    }

    .header_1 {
        grid-template-columns: 200px 1fr 40px 40px;
        margin: 5px 20px;
    }
    .header_1 .pozycja_panel a strong {
        display: none;
    }
    .header_1 .pozycja_panel ul {
        width: 200px;
        left: -160px;
    }
    #szukaj form {
        position: absolute;
        top: 100px;
        left: 5px;
    }
    .produkty ul {
        grid-row-gap: 50px;
    }
    .produkty ul li div.nazwa {
        font-size: 14px;
        line-height: 16px;
        padding: 20px 10px;
    }
    .btn_szary {
        font-size: 14px;
    }
    .tlo_social h2 {
        width: 100%;
        padding: 0px;
    }
    #stopkawa ul {
        display: block;
        padding-bottom: 100px;
    }
    #stopkawa li {
        width: 100%;
    }
    #menuGlowne ul ul li {
        width: 100%;
    }
    .produkty ul li div.cena strong {
        min-width: 150px;
    }
    ul.opis_menu {
        display: block;
    }
    ul.opis_menu li {
        padding: 5px 20px;
        margin: 0px;
        width: 100%;
        box-sizing: border-box;
    }
    ul.opis_tekst li {
        list-style: none;
        margin: 0px;
        padding: 25px;
    }
    #nawigacja_koszyk {
        height: 40px;
    }
    #nawigacja_koszyk ul li {
        height: 25px;
        font-size: 14px;
        padding-left: 5px;
        padding-top: 5px;
    }
    .koszykGlowny .produktImg {
			max-width: 80px;
		}
		.koszykGlowny .produktImg img {
			max-width: 75px;
			max-height: 75px;
			width: auto;
			height: auto;
		}
		.tlo_produktu #koszykboksanchor ul.kolumny2 li {
		    margin: 0px;
		    width: 100%;
		}
		#dokoszyka {
		    padding: 10px 0;
		    width: auto;
		    float: left;
		    margin: 0 auto;
		}
		.tlo_podstrona {
		    margin: 0px 0vw;
		}

    #pop-div a.kontynuuj, #pop-div a.kontynuuj:hover,#pop-div a.przejdzdokoszyka, #pop-div a.przejdzdokoszyka:hover{
        width: auto;
    }

    .generujZestaw {
        display: grid;
        grid-template-columns: 1fr;
    }
    .generujZestaw div.wybraneProdukty {
        border-radius: 0px 0px 3vw 3vw;
    }
}

@media only screen and (max-width: 400px) {
    .tekst {
        font-size: 15px;
        line-height: 20px;
    }
    .socialsharing_product i,
    .socialsharing_product svg {
            margin: 0px 5px;
    }
    .header_1 {
        grid-template-columns: 160px 1fr 40px 40px;
    }
    .header_1 #logo_knt img {
        width: 100%;
    }
    #szukaj form {
        top: 85px;
        width: 150px;
    }
    .formInputSzukaj {
        width: calc(100% - 30px);
    }
    .formBtnSzukaj{
        right: 10px;
    }
    .koszykGlowny .cena, .koszykGlowny .ilosc, .koszykGlowny .wartosc {
		width: calc(98% - 90px);
		padding: 5px  1% 5px 90px;
		text-align:right;
	}
	.koszykGlowny .usun {
		width: calc(98% - 90px);
		padding: 5px  1% 20px 90px;
		text-align:right;
	}
	.koszykGlowny .produktOpis {
	    width: calc(100% - 80px);
	}
	.koszykGlowny .produktOpis h4{
		font-size: 14px;
		line-height: 16px;
		padding: 5px;
	}
/*	.liGrid {
	    display: block !important;
	}*/

    .formularzPowidomienia .mailInput {
        display: block;
        width: 150px;
        margin: 5px auto;
    }
    .formularzPowidomienia .mailBtn {
        display: block;
        width: 200px;
        margin: 5px auto;
        white-space: unset;
    }

}