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

@media only screen and (max-width: 1650px) {
	.main-header {
    	max-width: 1400px;
    }

    .baner .item .baner_opis h1, .baner .item .baner_opis h2 {
	    font-size: 55px; /*65px*/
	}

	.container h2, .block-editor-writing-flow h2 {
    	font-size: 48px; /*52px*/
    }

    #jak_dziala .container .content-columns-1 h3 {
	    font-size: 28px; /*32px*/
	}

	.container{
	    margin-left: 20px;
	    margin-right: 20px;
	}

	#wlasna_marka .container .content-columns-2, #zaprojektuj .container .content-columns-2, #twoja_marka .container .content-columns-2 {
	    margin: 50px 60px;
	}

	.stopka_tlo{
		background-position: center bottom;
	}
	.konfigurator_ai {
		margin-left: 20px;
		margin-right: 20px;
	}

}

@media only screen and (max-width: 1450px) {
	.main-header {
        max-width: 1200px;
	    grid-template-columns: 1fr 220px 1fr;
	    grid-gap: 20px;
	}
	.logo-wrapper #logo {
	    padding: 10px 10px 20px 10px;
	}
	ul.category-menu {
	    margin-top: 15px;
	}


	.baner .item .baner_opis h1, .baner .item .baner_opis h2 {
	    font-size: 45px; /*65px*/
	}

	.container h2, .block-editor-writing-flow h2 {
    	font-size: 40px; /*52px*/
    }

    #jak_dziala .container .content-columns-1 h3 {
	    font-size: 24px; /*32px*/
	}

	body.influ p, body.influ li, body.influ table td, body.influ table th {
	    font-size: 16px;
	    line-height: 1.4em;
	}

	.baner .item .baner_opis p {
	    font-size: 18px;
    	margin: 30px 10px;
	}
	#jak_dziala .container .content-columns-1 p {
	    font-size: 14px;
	    padding: 0px 20px;
	}
}

@media only screen and (max-width: 1250px) {
	.main-header {
        max-width: 1000px;
        grid-template-columns: 1fr 180px 1fr;
        grid-gap: 10px;
    }
    ul.category-menu li a {
	    font-size: 14px;
	}
	.logo-wrapper #logo {
        padding: 10px 10px 10px 10px;
    }
    ul.category-menu {
        margin-top: 5px;
    }
    ul.category-menu li.customer_icon a {
	    margin: 5px 15px;
	}


	a.btn, button.btn, .linki_wiersz a {
	    padding: 5px 20px;
	    border-radius: 15px;
	    font-size: 14px;
	    line-height: 26px;
	    margin: 0px 5px;
	}


	.baner .item .baner_opis h1, .baner .item .baner_opis h2 {
        font-size: 38px;
    }
    .baner .item .baner_opis p {
        font-size: 16px;
        margin: 20px 10px;
    }

    .content-columns-2 {
	    grid-template-columns: 1fr 1fr;
	    gap: 50px;
	}
	#jak_dziala .container .content-columns-1 {
	    padding: 10px 0px;
	}
	.container h2, .block-editor-writing-flow h2 {
        font-size: 36px;
        margin: 20px 0px;
    }

    #wlasna_marka .container .content-columns-2, #zaprojektuj .container .content-columns-2, #twoja_marka .container .content-columns-2 {
        margin: 30px 20px;
    }

    #jak_dziala .container .content-columns-1 h3 {
	    color: var(--kolor-niebieski);
	    font-size: 32px;
	    margin-bottom: 30px;
	}

	.stopka_knt .wiersz_3 {
	    grid-template-columns: 1fr;
	    grid-gap: 15px;
	}
	.wiersz_stopki_2 {
	    margin-top: 50px;
	}
	.stopka_knt a {
	    font-size: 14px;
	    line-height: 1.3em;
	}
	.stopka_knt h3 {
	    margin: 0px;
	    color: #fff;
	    font-family: var(--czcionka2);
	    font-size: 20px;
	    margin-bottom: 5px;
	    margin-top: 25px;
	}

	#jak_dziala .container .content-columns-1 h3 {
        color: var(--kolor-niebieski);
        font-size: 20px;
        margin-bottom: 10px;
    }

	#jak_dziala .container .content-columns-1 img{
		max-width: 60%;
	}

	#jak_dziala .container .content-columns-1 p {
        font-size: 14px;
        padding: 0px 10px;
    }



	.kroki_dwa {
		grid-template-columns: 1fr;
	}
}

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

	/*HEADER*/

		.main-header-container {
		    padding: 0px 20px;
		}
		.menu_lewe{
			display: none;
		}
		.menu_prawe ul.category-menu li{
			display: none;
		}
		.menu_prawe ul.category-menu li.customer_icon,
		.menu_prawe ul.category-menu li.hide_menu_mobil{
			display: block !important;
		}
		.main-header {
	        max-width: 1000px;
	        grid-template-columns: 220px 1fr ;
	        grid-gap: 10px;
	    }
	    #menuGlowne ul.category-menu{
	    	justify-content: flex-end;
	    }
	    .logo-wrapper{
	    	z-index: 700;
	    }

	    #glowny_naglowek_knt .szablon_menuMobilne{
			display: block;
		}
		#menuMobilne{
			position: absolute;
			z-index: 602;
			width: 100%;
			left: 0px;
			right: 0px;
			top: 115px;
			padding: 20px;
			background-color: #f2f2f2;
			margin-left: -1000px;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; 
			padding: 50px;
		}
		#menuMobilne.pokaz {
			margin-left: 0px;
			-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; 
		}
		.szablon_menuMobilne.pokaz {
		    display: block;
		}
	/*HEADER*/

	.baner .item .baner_opis h1, .baner .item .baner_opis h2 {
        font-size: 28px;
        margin: 0;
        padding: 0;
    }

    a.btn, button.btn, .linki_wiersz a {
        padding: 5px 16px;
        border-radius: 15px;
        font-size: 14px;
        line-height: 20px;
    }


	.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1, .listaProduktow h1, .listaProduktow h2.ngh1{
		padding-bottom: 10px;
	}
	.baner .item .baner_opis p {
        font-size: 14px;
        margin: 20px 0px;
    }

	.sortowanie {
	  overflow: hidden;
	  position: static;
	}

	#twoja_marka .wp-block-columns{
		margin: 10px 0px;
	}


	#twoja_marka .wp-block-list li{
		margin: 5px;
	}
	.container h2, .block-editor-writing-flow h2 {
        font-size: 32px;
        margin: 20px 0px;
    }

    .wp-block-column:not(:first-child) {
        margin-left: 2em !important;
    }


	.ikony_kategorii {
	  grid-column-gap: 10px;
	  grid-row-gap: 10px;
	}

	.menuHeader {
	  display: block;
	}
	.szablon_strony {
    	grid-template-columns: 1fr;
    }
	.menuBoczneDiv{
		display: none;
	}
	.szukaj_knt{
		width: 320px;
	}
	.szukaj_knt md-content.md-default-theme, md-content {
		width: 270px;
	}

	#customPrevBtn,#customNextBtn{
		display: none;
	}

	.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1, .listaProduktow h1, .listaProduktow h2.ngh1 {
	  font-size: 34px;
	 }

	.szablonListy {
		background-size: 100vw 40vw;
	  padding: 0px 5vw;
	}
	ul.realizacje {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	}
	.wierszProduktu .zakupProduktu {
	  margin-top: 0px;
	}
	.owl-theme .owl-dots {
	  margin-top: 10px;
	}
	.tlo_transparentne h4, .block-editor-writing-flow h4, h4 {
	  font-size: 21px;
	  line-height: 1.2em;
	  margin: 10px 0px;
	}
	body.influ p, body.influ li, body.influ table td, body.influ table th {
	  font-family: var(--czcionka);
	  color: var(--kolor-szary);
	  font-size: 14px;
	  line-height: 1.2em;
	}
	ul.siezka li {
	  line-height: 16px;
	  color: #999;
	  font-size: 12px;
	}
	#stopka .kol_40 {
	  width: 100%;
	  text-align: center;
	  margin-bottom: 30px;
	}
	#stopka .kol_60 {
	  width: 100%;
	}
	#stopka .kol_60 .wiersz .kol_3{
		width: 33.3333% ;
	}
	#stopka p {
	  max-width: 100%;
	}
	.offer-item .item-price strong {
	  font-size: 16px;
	}
	.banerAtrFlex {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	}

	.banerAtrFlex a img{
		margin:  0 auto;
	}

	.box_m {
	  margin-top: 4px;
	}
	#menuGlowne ul {
	    overflow: hidden;
	    list-style: none;
	}
	.box_kontakt a {
	    padding-left: 10px;
	}
	input[type="text"].formInputSzukaj {
	    width: 150px;
	}

	.glownySzablon section.szablonMenu {
	    width:270px;
	}

	.szablonMenu ul li a {
	    font-size: 14px;
	}
	.szablonMenu ul.poziom_1 li a {
	    font-size: 13px;
	}
	.pozycjaSciezki {
	    margin: 10px 0px;
	}
	.pozycjaSciezki.kategorie {
	    margin-left: 0px;
	}

	.tlo_transparentne h1, .block-editor-writing-flow h1, h1, h2.ngh1, .heading-size-1 {
	    font-size: 32px;
	    line-height: 1.09em;
	}

	.bark_p {
	    font-size: 14px;
	}

	.panel_klienta_komulny {
	    display: grid;
	    grid-template-columns: 1fr 200px;
	    grid-gap: 10px;
	}

	.adres_rozliczenia .kol_2{
		width: 100%;
	}
	ul.menuKategorii li a h3 {
		font-size: 17px;
	}
	/*ul.menuKategorii li a img {
		max-width: 80px;
	}*/

	.kolumnyCena {
	    width: 100%;
	    display: grid;
	    grid-template-columns: 200px 1fr;
	}
	/*#glowny_naglowek {
	  grid-template-columns: 120px 1fr;
	}
	*/
	#menuGlowne {
	}

	.box_kontakt a.a_con i{
		display: block;
		float: right;
		padding: 8px 1vw;
		font-size: 20px;
		list-style: none;
		margin: 0px;
	}
	.box_kontakt a.a_con span{
		display: none;
	}

	.glownySzablon{
		display: block;
	}
	.nav_M_info{
		display: block;
	}
	#zawartosc ul {
      margin-bottom: 0px;
	  margin-left: 10px;
	}
	.szablonMenu ul {
	    list-style: none;
	    margin-left: 20px;
	}
	.glownySzablon section.szablonMenu {
	    width: 100% !important;
	    height: 100%  !important;
	    position: absolute;
	    top: 117px;
	    background: rgba(0,0,0,0.3);
	    right: 0px;
	    z-index: 590;

	    display: none;
	    margin: 0px;
	}
	.glownySzablon section.szablonMenu .szablonMenuKnt {
	    width: 327px;
	    float: right;
	    /*background: #272330;*/
	    /*margin-top: 104px;*/

	    right: -350px;

	    padding-top: 40px;
	}
	.glownySzablon section.szablonTresc{
		width: auto;
	}
	.szablonMenu ul li a {
	    /*color: #d3d3d5;*/
	}
	.arrow-icon_1 .right-bar::after, .arrow-icon_1 .left-bar::after {
	    /*background-color: #d3d3d5;*/
	}

	#menu_mobil{
		display: block;
	}
	#logo {
		text-align: center;
	}
	ul.panelKlienta li {
		font-size: 22px;
		padding: 0px 10px;
		/*margin-top: 65px;*/
		margin-bottom: 5px;
	}

	.tlo_transparentne.tlo_strona article {
	  margin: 2vw 0vw 5vw 0vw;
	}

	.nav_M_info{
		background: rgba(255,255,255,1);
		border-left: 5px solid var(--kolor-czerwony);
		overflow: hidden;
		padding: 30px 0px;
	}
	.nav_M_info ul,
	.nav_M_info ul ul{
		display: block !important;
		margin-bottom: 0px !important;
	}
	.nav_M_info ul li {
	    margin: 5px 0px;
	}
	.nav_M_info ul li a {
	    color: #272330;
	}
	.nav_M_info .ngMenu, .nav_M_info .ngMenu i{
	    color: var(--kolor-jasnoszary);
		text-transform: uppercase;
		font-size: 16px;
	}

	.nav_M_info .ngMenu{
		width: 100%;
		display: inline-block;
	}

	.kol_3 {
	    width: 100%;
	}

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

	.info_roz_tr ul{
		margin: 5px !important;
	}
	#stopka a {
	    font-size: 14px;
	}

	ul.panel_klienta_menu li {
	    margin: 10px 3% 10px 3%;
	    width: 94%;
	}


	.panel_klienta_komulny {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 10px;
	}
	.panel_klienta_komulny ul.panel_klienta_menu li a {
	    margin: 0px;
	    padding: 15px 10px 15px 10px;
	    width: 100%;
	}
	#zawartosc ul.menuDzialalnosc li h3 {
	    font-size: 16px;
	}



	/*KOSZYK*/
        .koszyk_naglowek {
            width: 5%;
        }
       .koszyk_naglowek span {
            color: #fff;
            display: none;
            font-size: 14px;
        }

        .koszyk_naglowek.aktywnyKrok {
            width: 73%;
        }
       .koszyk_naglowek.aktywnyKrok span {
            display: inline-block;
        }
        .titleMenu{
            display: block;
            color: var(--kolor-czarny);
            font-size: 14px;
            font-weight: 600;
        }
        
        table.koszyk th {
            display: none;
        }
        table.koszyk td {
            display: block;
        }
        table.koszyk tr.zam {
            border: 1px solid #ccc;
            padding: 10px;
        }
        table.koszyk td.kosz {
            width: 100px;
            float: right;
        }
        body.influ table.koszyk tr {
		    border-bottom: 1px solid #f2f2f2;
		}

		table.zamowienia .mobil_nie {
			display: none;
		}
		table.zamowienia .mobil {
			display: inline-block;
			font-size: 12px;
			font-weight: bold;
			color: #999;
		}
		table.zamowienia {
			border: 0px;
		}
		table.zamowienia input.formInput[type="number"] {
			padding: 3px;
			width: auto;
			display: inline-block;
		}
        table.zamowienia tr.zam_naglowek {
            display: none;
        }
        table.zamowienia td {
            display: block;
            border-right: 0px;
        }
        table.zamowienia tr.zam {
            border: 1px solid #ccc;
            padding: 10px;
        }
        table.zamowienia td.kosz {
            width: 100px;
            float: right;
        }
        table.zamowienia td.wiecej,
        body.influ table.zamowienia tr td.wiecej {
        	padding: 10px;
        }
        table.zamowienia td.wiecej i,
        body.influ table.zamowienia tr td.wiecej i {
        	font-size: 20px;
		}
        body.influ table.zamowienia tr.pus td {
        	border: 0px;
        	height: 10px;
        }
        body.influ table.zamowienia .tabelaProduktow {
        	margin-left: 0px;
        	margin-right: 0px;
        }
		table.zamowienia .tabelaProduktowWlasciwa thead {
			display: none;
		}
		.do_koszyka_z_listy i {
			font-size: 20px;
			color: var(--kolor-czerwony);
			padding: 10px;
		}

        .kosz i{
            font-size: 28px;
        }
        .alignRight{
        	text-align: left;
        }
        
        #stopka {
            background-size: auto 100%;
        }
        ul.promocjeBox li {
            width: 98%;
            margin: 1%;
            text-align: center;
        }
        .offer-box .kol_4 {

            float: left;
            width: 48%;
            width: calc(50% - 30px);
        }
        body.influ table td.alignRight {
		    text-align: left !important;
		}

    /*KOSZYK*/  


    ul.panelKlienta li a span.ileProduktow{
    	/*width: 30px;*/
    	/*left: 33px;*/
    	/*right: 0px;*/
    	margin-left: -5px;
    } 
    .tlo_transparentne.tlo_strona h1 {
    	font-size: 30px;
    	line-height: 36px;
    	margin-top: 10px;
    	margin-bottom: 5px;
    }
    .tlo_transparentne.tlo_strona h2 {
    	font-size: 22px;
    	line-height: 28px;
    	margin-top: 9px;
    	margin-bottom: 4px;
    }
    .tlo_transparentne.tlo_strona h3 {
    	font-size: 20px;
    	line-height: 26px;
    	margin-top: 8px;
    	margin-bottom: 3px;
    }
    ul.menuKategorii li a h3 {
    	margin-top: 0px !important;
    	margin-bottom: 0px !important;

    }
    .wiersz.wierszFle {
    	padding-top: 0px;
    }

    ul.panelKlienta li a.wyszukiwarka {
	  line-height: 20px;
	}

	.kol_grid_5 {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 15px;
	}
	.kol_grid_5 .p4{
		display: none;
	}
	.banery_boczne .atrybutyGrid {
		display: none;
	}
	#formularz_sortowania {
	  font-size: 11px;
	  float: none;
	  margin-top: 35px;
	  text-transform: uppercase;
	  margin-bottom: 20px;
	  text-align: right;
	  margin: 0px;
	}
	/*	.szukaj_knt {
		width: 50vw;
		width: calc(40vw + 70px);
	}
	.szukaj_knt md-content.md-default-theme, md-content {
		width: 40vw;
	}*/
	.pKontakt {
		padding-bottom: 25px;
	}
	.tlo_transparentne.tlo_koszyk {
		padding: 25px;
	}
	body.influ table.koszyk {
		margin-top: 10px;
	}
	body.influ table.koszyk tr.pierwszy {
		display: none;
	}
	body.influ table.koszyk .koszyk_obr_knt {
		padding: 10px;
		float: left;
		width: 100px;
	}
	body.influ table.koszyk tr td.nazwa {
		padding: 10px;
		float: left;
		width: 400px;
		width: calc(100% - 100px);
		padding-left: 0px;
	}
	body.influ table.koszyk td.koszyk_clear_m {
		clear: both;
		display: block;
	}
	body.influ table.koszyk .koszyk_ilosc_m,
	body.influ table.koszyk .koszyk_cena_m,
	body.influ table.koszyk .koszyk_wartosc_m {
		color: var(--kolor-czarny);
		float: left;
		width: 30%;
		min-height: 65px;
	}
	body.influ table.koszyk .koszyk_cena_m,
	body.influ table.koszyk .koszyk_wartosc_m {
		padding-top: 17px;
	}
	body.influ table.koszyk .koszyk_razem {
		padding-top: 0px;
	}
	body.influ table.koszyk .koszyk_razem_info {
		padding-top: 30px;
		padding-bottom: 0px;
	}
	body.influ table.koszyk .kosz i {
		margin-top: 10px;
	}
	body.influ table.koszyk .koszyk_ilosc_m span + span,
	body.influ table.koszyk .koszyk_ilosc_m input {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.darmowa_dostawa {
		margin-top: 10px;
	}
	.titleMenu {
		font-weight: 400;
		font-size: 12px;
	}
	.wiersz.adres_rozliczenia h2 {
	 	margin-bottom: 3px;
	}
	.panel_klienta_komulny ul.panel_klienta_menu li strong {
		display: none;
	}

		.ngh2d h2, .tlo_transparentne h2, .block-editor-writing-flow h2 {
	  font-size: 30px;
	  margin: 10px 0px;
	}
	ul.menuKategorii li a h3 {
		padding: 15px 10px 15px 30px;
	}
	.szablonMenu h2 {
		padding-left: 0px;
		padding-top: 0px;
	}
	#menuGlowne.pokaz {
		display: block;
	}

	.glownySzablon section.szablonMenu.pokaz {
		display: block;
	}
	.glownySzablon section.szablonMenu .szablonMenuKnt {
		padding-top: 30px;
		margin-top: 0px;
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr;
		padding-bottom: 30px;
	}
	#do_gory.pokaz:hover,
	#do_gory:hover {
		bottom: 0px;
	}
	.nav_M_info {
		padding: 0px;
		border-left: 0px;
		background-color: transparent;
	}
	.nav_M_info ul {
		margin-left: 0px !important;
	}
	.nav_M_info ul ul {
		margin-left: 10px !important;
		margin-top: 0px !important;
	}
	.nav_M_info ul li.ngMenuli {
		padding: 0px;
		margin: 0px;
	}  
	.nav_M_info ul li a.ngMenu {  
		text-transform: uppercase;
		letter-spacing: 2px;
		color: #797983;
		font-size: 12px;
		line-height: 32px;
		font-weight: 400;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	.szablonMenu ul li {
	  margin: 0px;
	  padding: 0px;
	  position: relative;
	}

	.szablonMenu ul li a{
		padding: 8px;
        display: block;
	}

	.szablonMenu ul.poziom_1 li, .szablonMenu ul.poziom_2 li, .szablonMenu ul.poziom_3 li{
		margin: 5px 0px;
	}
	.glownySzablon section.szablonMenu.pokaz_menu{
		display: none;
	}
	.glownySzablon section.szablonMenu.pokaz_menu.pokaz{
		display: block;
	}

	ul.panelKlienta {
	  position: static;
	  padding: 0px;
	}

	#glowny_naglowek {
	  grid-template-columns: 250px 1fr 0px;
	  align-items: center;
	  padding: 0px 2vw;
	}

	.szablon_wyceny {
	  display: grid;
	  grid-template-columns: 1fr 1fr 0.6fr;
	  grid-gap: 1vw;
	}
	.szablon_wyceny a.w_link div i {
	  float: left;
	  font-size: 38px;
	  line-height: 40px;
	}
	.szablon_wyceny a.w_link div span {
	  float: left;
	  font-size: 18px;
	  line-height: 20px;
	}
	.szablon_wyceny input.wycena_ilosc {
	  padding: 10px;
	}

	.tlo_komentarze, .tlo_wycena {
	  text-align: center;
	  margin: 2vw 2vw;
	}

	body.influ table.koszyk .koszyk_obr {
	  max-width: 100%;
	  max-height: 100%;
	  width: auto;
	  height: auto;
	}
	ul.panelKlienta {
		overflow: visible;
	}
	.listaProduktow_ng_knt {
		display: grid;
		grid-template-columns: 1fr;
		padding-bottom: 20px;
	}
	.listaProduktow_ng_knt div{
		order: 1;
	}
	.listaProduktow_ng_knt div h1{
		padding-bottom: 10px;
	}
	.listaProduktow_ng_knt #formularz_sortowania{
		order: 2;
	}
	#formularz_sortowania {
		font-size: 10px;
	}
	#formularz_sortowania select {
		padding: 2px 10px;
		font-size: 12px;
	}
	#glowny_naglowek {
		position: static;
	}

	.glowny_naglowek {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(2, 1fr);
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.pp1 { grid-area: 1 / 1 / 2 / 2; }
	.pp2 { grid-area: 1 / 2 / 2 / 3; }
	.pp3 { grid-area: 2 / 1 / 3 / 3; } 
	
	.szukaj_knt {
	    width: 100%;
	}
	md-content {
	    width: calc(100% - 30px);
	}
	#logo a img{
		padding: 10px 0px;
		  margin: 0;
	}


	.baner_knt div.baner_owl_knt {
		display: flex;
	}
	.baner_knt div {
		align-self: end;
	}
	#zawartosc section.omnie {
		grid-gap: 35px;
	}
	#zawartosc section.omnie aside img:nth-child(1) {
		transform: scale(0.7);
	}
	#zawartosc section.omnie aside {
		text-align: right;
	}
	#zawartosc section.omnie aside img:nth-child(3) {
		position: static;
		display: inline-block;
		max-width: 100%;
		height: auto;
	}
	#zawartosc section.oferta ul {
		grid-template-columns: 1fr;
		grid-gap: 55px;
	}
	#zawartosc section.oferta ul li h3 strong {
		display: inline-block;
	}
	#zawartosc section.oferta ul ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 15px;
		row-gap: 5px;
	}
	#zawartosc section.oferta {
		margin-bottom: 45px;
	}
	.blog_knt {
		grid-template-columns: 1fr;
		grid-gap: 30px;
	}
	.blogMenu div.blogMenuKnt {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 20px;
	}
	
	#mobil_basket {
		display: block;
		right: 130px;
		top: 50px;
	}
	#mobil_basket i {
		color: var(--kolor-czarny);
		font-size: 24px;
	}
	#mobil_basket .ileProduktow {
		background-color: var(--kolor-glowny);
		left: unset;
		right: -13px;
		top: -13px;
	}
	#menuGlowne ul li.wyroznij {
		right: 170px;
	}

	.kod_rabatowy_knt a {
		padding: 15px 5px 0px 5px !important;
	}
	.kod_rabatowy {
		margin-top: 0px;
	}


	.wierszProduktu {
	    display: flex;
	    grid-template-columns: 1fr;
	    flex-direction: column-reverse;
	  
	}
	.opisProdukty,
	.zakupProduktu{
	  flex: 1;
	}

	.slajder_produktow .owl-dots{
		margin-top: 10px !important;
	}
	.offer-box {
	  padding-bottom: 30px;
	}
	.sortowanie {
	  top: -15px;
	}
 
	.tlo_strona #listaProduktow h1 {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.filtruj_sortuj {
		display: none;
	}
	.filtruj_sortuj.pokaz {
		display: block;
	}
	.filtruj_sortuj_btn {
		display: block;
		text-align: right;
	}
	.filtruj_sortuj_btn span {
		display: none;
	}
	.filtruj_sortuj_btn span.pokaz {
		display: inline;
	}
	.filtry_ustawione.pokaz,
	.filtry_ustawione {
		display: grid;
		grid-template-columns: 1fr 95px;
		padding: 20px;
		opacity: 1;
		pointer-events: all;
	}
	.filtry_ustawione .fu_kol_lewa{
		grid-column: 1;
		grid-row: 1;
	}
	.filtry_ustawione .fu_kol_prawa{
		grid-column: 2;
		grid-row: 1;
		padding-top: 10px;
	}
	.flitr_ust_knt {
		display: block;
	}
	.fu_btns {
		position: sticky;
		top: 40px;
	}
	.filtry_ustawione .formBtn.formBtnFiltry {
		background-color: #fff !important;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.filtry_ustawione .formBtn.formBtnFiltry.filtryZastosuj {
		background-color: #ddd !important;
	}
	.filtry_ustawione .formBtn.formBtnFiltry.filtryZastosuj:hover {
		background-color: rgba(0,0,0,0.85) !important;
	}
	.filtry_ustawione .filtry_wiersz {
		display: block;
	}
	.filtry_ustawione .filtry_wiersz h4 {
		display: block;
		font-size: 14px;
		font-weight: bold;
	}
	.filtry_ustawione .filtry_wiersz .flitr_ust_knt label i {
		display: none;
	}
	.filtry_ustawione .filtry_wiersz .flitr_ust_knt label {
		display: block;
	}
	.filtry_ustawione .filtry_wiersz .flitr_ust_knt input {
		position: static;
		opacity: 1;
	}
	.filtry_ustawione .formBtn.formBtnFiltry.filtryZastosuj.pokaz,
	.filtryZastosuj.pokaz,
	.filtryZastosuj {
		display: block;
	}
	.fu_zakres {
		display: none;
	}
	.flitr_ust_knt input[type=number] {
		font-size: 14px;
		border: 2px solid var(--jasnoszary2);
		padding: 5px 10px 5px 10px;
		display: inline-block;
		width: unset;
		max-width: 80px;
	}
	.sortowanie {
		background-color: #f2f2f2;
		padding: 20px;
		border-bottom: 1px solid #ddd;
	}
	#formularz_sortowania {
		text-align: left;
		font-size: 14px;
		font-weight: bold;
	}
	#formularz_sortowania select {
		display: block;
		font-weight: normal;
		font-size: 14px;
		margin-left: 0px;
		margin-top: 5px;
	}

	.wiersz_panelu {
		grid-template-columns: 1fr;
	}


	.wiersz_zdjec_pc{
		display: none;
	}

	.wiersz_zdjec_rwd{
		display: grid;
		margin-top: 10px;
	}

	.kolekcje .item aside h1, .kolekcje .item aside h2 {
	  font-size: 3.2vw;
	}
	.kolekcje .item aside p {
	  font-size: 1.3vw !important;
	}
	.kolekcje .item aside a {
	  font-size: 1.2vw;
	  padding: 0.8vw 2vw;
	}

	.tresc_index p {
		font-size: 15px !important;
	}
}

@media only screen and (max-width: 1000px) {
	.slider_produktow h2{
		font-size: 30px;
	}
	.szablon_strony {
	    grid-template-columns: 1fr;
	    margin: 30px;
	}

	.lista_produktow,
	.wierszProduktu{
		margin: 30px;
	}
	#zawartosc section {
	    max-width: 1000px;
	    width: auto;
	}
	body.influ .tlo_strona li, body.influ .tlo_strona p {
	  font-size: 14px;
	  color: var(--kolor-szary);
	}
	.tlo_strona .zawartoscStrony {
	  padding: 20px !important;
	}
	.tlo_podstrony_info h1 {
	  padding: 20px 20px;
	}
	.regulaminInfo {
	  display: block;
	  font-size: 14px;
	}

	.dodaj_wiecej,
	body.influ table.koszyk tr td {
	  font-size: 14px;
	  line-height: normal;
	}
	.arrow-icon {
	  	display: block !important;

        position: absolute;
        top: 0;
        right: 0;
	}


	.ikony_info{
		margin-bottom: 30px;
	}


    .konfigurator_ai a.btn, .konfigurator_ai button.btn, .konfigurator_ai .linki_wiersz a {
        padding: 10px 20px !important;
        font-size: 16px;
        line-height: 30px;
        width: auto !important;
    }

    .nav_M_info ul.poziom_0 ul{
    	display: none !important;
    }
    .nav_M_info ul.poziom_0.pokaz {
    	display: block !important;
    	float: none;
    }


    .baner .item .baner_nakladka {
        z-index: 99;
    }
    .baner .item .baner_opis {
	    z-index: 101;
	}


	.alkoholPopKnt h2 {
		font-size: 24px !important;
		margin-top: 0px !important;
	}
    .alkoholPopKnt a.btn, .alkoholPopKnt button.btn, .alkoholPopKnt .linki_wiersz a {
        padding: 10px 26px;
        font-size: 16px;
        line-height: 30px;
    }
	.alkoholPopKnt p.alkoholPopLinki {
		margin-top: 40px !important;
	}
		.alkoholPopZawartosc {
			margin: 9vh auto;;
			padding: 50px 30px;
		}
}

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

	.galeria_produktu ul, .wiersz_zdjec {
	  gap: 10px;
	}
	.produkty {
	    margin: 50px 4vw;
	}

	.ikony_kategorii {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	}
	._1 { grid-area:unset; }
	._2 { grid-area:unset; }
	._3 { grid-area:unset; }
	._4 { grid-area:unset; }
	._5 { grid-area:unset; }
	._6 { grid-area:unset; } 

	.box_kat h3 {
	    font-size: 3.5vw;
	}

	.kol_grid_3,
	.kol_grid_4 {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	}
	#glowny_naglowek {
	    grid-template-columns: 250px 1fr;
	}
	ul.szukaj_box{
		position: absolute;
		bottom: -15px;
		right: 0px;
	}
	ul.szukaj_box li{
		padding: 0px;
	}
	#glowny_naglowek {
	    padding: 0px 1vw;
	}
	.stopka_knt .wiersz_4_6 {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.kontakt_boks .k_tresc {
	    display: block;
	    padding-left: 200px;
	}
	.kontakt_boks .k_tresc a span {
	  color: var(--szary1);
	}
	 
	.skup_pamiatke h2,
	.ngh2d h2, .tlo_transparentne h2, .block-editor-writing-flow h2 {
	    font-size: 20px;
	}
	.link_btn {
	  display: inline-block;
	  font-size: 14px;
	}
	.offer-item .cena_30dni {
	  line-height: 10px;
	}

	.inf_producent {
	  padding: 10vw 5vw;
	}

	.inf_producent .info_tresc {
	    width: 80%;
	}
	.inf_producent .info_tresc h2 {
	  margin-top: 0px;
	  font-size: 22px;
	}

	.box_ikony {
		background: #f2f2f2;
		background-position: center;
	}

	.stopka_knt .wiersz_stopki{
		grid-template-columns: auto;
		margin-bottom: 40px;
	}

	#zawartosc ul.panel_klienta_menu {
		padding: 0px;
		margin: 10px 0px;
		display: grid;
		grid-template-columns: 1fr;
		grid-gap: 10px;
	}
	#zawartosc ul.panel_klienta_menu li {
		padding: 0px;
		margin: 0px;
		width: auto;
	}
	#zawartosc ul.panel_klienta_menu li.ukryj_mobil {
		display: none;
	}
	#zawartosc ul.panel_klienta_menu li a {
		margin: 0px auto; 
		font-weight: bold;
	}
	.panel_klienta_komulny .formularzMini {
		padding: 0px;
	}
	ul.panelKlienta li {
	    padding: 0px 5px;
	}
	.offer-item .img_big{
		display: none !important;
	}
	body.influ button.formBtn, body.influ a.formBtn {
	  font-size: 16px;
	}

	ul.panelKlienta li a span.ileProduktow {
		left: 43px;
	}

	.owl-item aside img {
		max-width: 50%;
	}
	.owl-theme .owl-dots {
		bottom: 17px;
	}
	.owl-theme .owl-dots{ 
		text-align: right;
	}

	.naglowek_listy h1,
	.tresc_index h1,
	.tresc_index h2 {
		font-size: 30px;
	}
	.tresc_index {
		padding: 0px 20px;
		background-color: #fff;
	}
	#zawartosc .tresc_index .tlo_podstrony_info{
		background-color: #fff;
	}
	.column_reverse_mini{
		flex-direction: column-reverse;
	}
	.wp-block-columns .wp-block-image {
		margin-top: 2rem !important;
	}
	.wp-block-columns .wp-block-image.bez_marginesu_z_gory {
		margin-top: 0px !important;
	}

	.kontakt_box a{
		display: block;
	}
	.kontakt_box a:first-child{
		margin-right: auto;
	}


	.content-columns-2 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

	#wlasna_marka .content-columns-2,
	#twoja_marka .content-columns-2 {
		display: flex;
		flex-direction: column-reverse;
	}


	.baner_tlo{
		display: block;
		width: 150%;
	}
	.baner .item .baner_nakladka {
	    position: absolute;
	    top: unset;
	    right: 0;
	    z-index: 10;
	    bottom: 0px;
	}
	.baner .item .baner_nakladka:after {
	    width: 95%;
	    height: 100%;
	    bottom: 20%;
	    top: unset;
	}



}

@media only screen and (max-width: 781px) {
    .wp-block-column:not(:first-child) {
        margin-left: 0em !important;
    }
	body.influ .tlo_strona li,
	body.influ .tlo_strona p {
		line-height: 26px;
	}
 	.tlo_strona  h2, .block-editor-writing-flow h2 {
		font-size: 26px;
	}
 	.tlo_transparentne h3, .block-editor-writing-flow h3, h3 {
	 font-size:22px;
	}
 	.tlo_transparentne h4, .block-editor-writing-flow h4, h4 {
	 font-size:20px;
	}
 	.tlo_transparentne h5, .block-editor-writing-flow h5, h5
 	{
 		font-size:16px;
	}
 	.tlo_transparentne h6, .block-editor-writing-flow h6, h6
 	{
 		font-size:14px;
	}
}

@media only screen and (max-width: 650px) {
	ul.panelKlienta li a strong {
	  display: none;
	}
	.offer-item .boks_produktu {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.offer-item .img_knt {
	  margin: 0 auto;
	}

	.nav_kategorii div {
	    padding: 15px 0px;
	    font-size: 14px;
  	}
  	#zawartosc {
	    padding: 0px 0px;
	}
	.offer-item .boks_produktu .opis_knt {
	  font-size: 12px;
	}

	.kolekcje {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 10px;
	}
	.kolekcje .item aside h1, .kolekcje .item aside h2 {
	    font-size: 6.2vw;
	}
	.kolekcje .item aside p {
	    font-size: 3vw !important;
	}
	.kolekcje .item aside a {
	    font-size: 2vw;
	    padding: 1vw 3vw;
	}

	.ikony_info {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}
	.stopka_knt {
	    padding-top: 30px;
	    padding-bottom: 30px;
	}
	.szablon_strony {
	    grid-template-columns: 1fr;
	    margin: 10px;
	}
	.lista_produktow, .wierszProduktu {
	    margin: 0px 10px;
	}
	.opis_produktu {
	    padding: 0px 0px;
	}

	body.influ .opisProdukty p, body.influ .opisProdukty li, body.influ .opisProdukty table td, body.influ .opisProdukty table th {
	  font-size: 14px;
	}

}

@media only screen and (max-width: 600px) {
	#zawartosc{
		margin-top: 0px;
	}

	.main-header {
        max-width: 1000px;
        grid-template-columns: 150px 1fr;
        grid-gap: 10px;
    }

	.box_wyboru_tresc a {
	  width: calc(25% - 10px);
	  margin: 5px;
	}
	.szukaj_knt{
		width: 320px;
	}
	.szukaj_knt md-content.md-default-theme, md-content {
		width: 270px;
	}

	.li_szukaj{
		position: static !important;
	}
	.szukaj_knt_knt {
	  opacity: 1;
	  pointer-events: all;
	  bottom: 10px;
	  right: 0px;
	  width: 100%;
	}
	.szukaj_knt {
	    width: auto;
	}
	.szukaj_knt md-content.md-default-theme, md-content {
	    width: calc(100% - 40px);
	}
	button.formBtnSzukaj, input.formBtnSzukaj {
	    margin-top: 7px;
	}

	.wyszukiwarka_pokaz{
		display: none;
	}


	#menuMobilne{
		top: 85px;
        padding: 50px 30px;
	}

	#glowny_naglowek {
	    grid-template-columns: 170px 1fr;
	    padding-bottom: 0px;
	}

	ul.panelKlienta {
	    margin: 0;
	}


	#menuGlowne ul li a {
	    font-size: 16px;
	    padding: 5px 0px;
	    font-weight: 500;
	    line-height: 22px;
	}


	#baner_knt .item aside {
	  	position: absolute;
	  	width: 50%;
	  	height: auto;
	  	left: 5%;
	    font-size: 3vw;
	}
	#baner_knt .item aside div p a {
	  display: inline-block;
	  font-size: 12px;
	  line-height: 14px;
	}
	#baner_knt .item aside div p a{
		margin-top: 20px;
	}
	#baner_knt .item aside div p a::before{
		display: none;
	}
	/*
	.offer-item .pw {
  		grid-template-columns: 1fr;
  		text-align: center;
  	}
  	.offer-item .stara_cena {
	  position: static;
	}
	.btn_do_koszyka button{
		float: none;
	}
	.offer-item .item-name.item-name-small {
	  font-size: 12px;
	  line-height: 14px;  
	  margin-top: 10px;
 	  margin-bottom: 10px;

	}
	.offer-item .cena-item{
		font-size: 18px;
		line-height: 30px;
	}*/
	.stopka_knt .wiersz_3 {
	  grid-template-columns: 1fr;
	  padding-bottom: 20px;
	}

	.kontakt_boks {
	  background-position: -80px center;
	}
	.kontakt_boks .k_tresc {
	    display: block;
	    padding-left: 15vw;
	}
	.kontakt_boks .k_tresc a i {
	  width: 40px;
	  font-size: 18px;
	  line-height: 40px;
	  border-radius: 50%;
	  background-color: #e6e6e6;
	  text-align: center;
	}
	.kontakt_boks .k_tresc a strong {
	    font-size: 16px;
	}

	.kontakt_boks .k_tresc a {
	  grid-template-columns: 40px 1fr;
	}
	.wiersz_stopki p.px14 {
		font-size: 12px !important;
	}



	.box_ikony .k_tresc {
		padding: 10px 10px 30px 10px;
	}
	.wp-block-columns.mobil_dwie_kolumny {
		margin-top: 0px !important;
	}
	.wp-block-columns.mobil_dwie_kolumny .wp-block-column {
		flex-basis: calc(50%) !important;
    	flex-grow: 0;
	}
	.wiersz_stopki img {
		float: none;
	}
	.stopka_knt .wiersz_stopki {
		grid-gap: 10px;
	}
	.stopka_knt .wiersz_stopki:last-child {
		margin-bottom: 0px;
	}
	.stopka_knt {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.column-reverse-mini {
		flex-direction: column-reverse;
	}
	 .slider_produktow {
	    margin: 0px 0px;
	  }
	.stopka_knt .wiersz_stopki {
	  padding: 0px 30px;
	}

	.menuKontaktu a {
	  padding: 0px 10px;
	}
	.stopka_knt a {
	  font-size: 14px;
	  line-height: 1.2em;
	}

	.kai_prods {
		grid-gap: 20px;
		grid-template-columns: 1fr 1fr;
	}
	.kai_krok {
		padding: 20px;
	}
	.wizualizacje_knt {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr 1fr 1fr;
	}
	.konfigurator_ai .kai_krok h2 {
		margin: 0px 0px 20px 0px;
		font-size: 18px;
	}
	.ng_podstrony{
		padding: 20px;
	}

	.baner .item .baner_opis {
	    margin-right: 35%;
	}

	a.btn, button.btn, .linki_wiersz a {
        padding: 10px 15px;
        border-radius: 15px;
        font-size: 14px;
        line-height: 20px;
        margin: 5px;
    }

    .naglowek_listy h1,
    .baner .item .baner_opis h1, .baner .item .baner_opis h2 {
        font-size: 24px;
    }
    .baner .item .baner_opis p {
        font-size: 12px;
        margin: 10px 0px;
    }
    .baner_tlo {
        display: block;
        width: 180%;
    }
    .baner .item .baner_nakladka:after {
        width: 95%;
        height: 140%;
        bottom: 20%;
        top: unset;
        z-index: -1;
    }
    #wlasna_marka .container .content-columns-2, #zaprojektuj .container .content-columns-2, #twoja_marka .container .content-columns-2 {
        margin: 30px 0px;
    }

    .p_mini .offer-item .item-name.item-name-small {
	    font-size: 16px;
	    line-height: 19px;
	}
	.p_mini .offer-item .boks_produktu .opis_knt {
	    margin: 10px 15px;
	}
	.p_mini .offer-item .cena-item {
	    font-size: 18px;
	    text-align: left;
	}
	.pZajawka {
	    padding: 20px 0px;
	    color: #595455;
	    font-size: 14px;
	}
	#zawartosc section.tlo_koszyk {
	    margin: 30px 10px;
	    padding-top: 1px;
	}


	.konfigurator_ai .kolumnyCena {
		grid-template-columns: 1fr 1fr; 
	}
	.konfigurator_ai .kolumnyCena .kolumnyCena_ilosc  {
		grid-row: 1 / 3;
	}
	.konfigurator_ai .cenaAkt {
		line-height: 1em;
		font-size: 20px;
	}
}

@media only screen and (max-width: 550px) {
	.opisKategoriiSEO1 {
		max-height: 195px;
		overflow-y: auto;
		padding-bottom: 0px;
		margin-bottom: 25px;
		position: relative;
	}
	.opisKategoriiSEO1 .zanikajacyTekst {
		display: block;
		content: ' ';
		width: 100%;
		height: 20px;
		position: sticky;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: transparent;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		pointer-events: none;
	}
	.opisKategoriiSEO2 {
		max-height: 245px;
		overflow-y: auto;
		padding-bottom: 0px;
		padding-top: 0px;
		margin-bottom: 25px;
		margin-top: 50px;
		position: relative;
	}
	.opisKategoriiSEO2 .zanikajacyTekst {
		display: block;
		content: ' ';
		width: 100%;
		height: 40px;
		position: sticky;
		bottom: 0px;
		left: 0px;
		right: 0px;
		background: transparent;
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		pointer-events: none;
	}
}

@media only screen and (max-width: 500px) {
	.kolumnyCena {
	    width: 100%;
	    display: grid;
	    gap: 10px;
	    grid-template-columns:130px 1fr;
	}
	.do_koszyka_b{
		height: 100%;
		font-size: 14px;
	}
	.naglowek_listy h1,
	.tlo_transparentne h1 {
		font-size: 24px;
	}
	.panel_formularza {
		padding: 20px;
	}
	.panel_formularza .formularzMini {
		padding: 0px;
	}
	.panel_info {
		padding: 0px 20px;
	}
	.tlo_strona p {
		font-size: 15px;
	}
	input.formInput {
		font-size: 15px;
		padding: 5px 10px 5px 10px;
	}
	.wiersz_panelu .panel_info h2 {
		font-size: 24px;
	}

	.ikony_info .ikona_i{
		position: relative;
		background-position: 68% center;
	}	
	.tresc_index p {
		font-size: 14px !important;
	}

	.promocja_zawartosc img.zamknij_promocje{
		right: -20px;
		top: -20px;
		width: 40px;
		height: 40px;
	}

	ul.panel_klienta_menu li a {
		padding: 9px 10px 20px 10px;
	}
	label{
		font-size: 14px;
	}
}

@media only screen and (max-width: 450px) {
	.stopka_knt .wiersz_2 {
	  display: grid;
	  grid-template-columns: 1fr;
	}
	.nav_kategorii div {
	    font-size: 12px;
	}
	.offer-item .pw {
	    grid-template-columns: 1fr;
	}
	.btn_do_koszyka button {
  	  font-size: 14px;
	}

	.box_kat h3,
	.box_kat._1 h3 {
		font-size: 4vw;
		max-width: 60%;
	}
	.offer-item .etykiety .etykieta {
		position: static;
		float: left;
		margin-right: 5px;
		margin-top: 0px;
		padding: 1px 3px;
		font-size: 8px;
	}

	.adres_rozliczenia h2 {
	  text-align: left;
	  font-size: 22px;
	}
	.kol_2.adresy p,
	textarea.formInput {
	  font-size: 14px;
	}
	body.influ button.formBtn, body.influ a.formBtn{
		font-size: 16px;
	}

	.info_gora p,
	.info_gora {
		font-size: 14px !important;
		line-height: 14px !important;
	}
	.info_gora span {
		display: none;
	}

	.wizualizacje_knt {
		display: grid;
		grid-gap: 10px;
		grid-template-columns: 1fr;
	}
	.wizualizacje_knt .wizualizacja {
		width: 200px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 390px) {	
	.kol_2.adresy p {
	  display: inline-block;
	  width: 98%;
	}

	body.influ button.formBtn, body.influ a.formBtn {
	  font-size: 14px;
	}

	.telefon_zawartosc img.zamknij_telefon{
		right: -30px;
	}
	.telefon_btn {
		bottom: 10px;
		right: 10px;
		width: 60px;
		height: auto;
	}
}