@media only screen and (max-width: 1850px) {
	.btnBoxZloty.zamawiamBtn {
		height: 70px;
		line-height: 20px;
		padding-top: 15px;
	}
	.btnBoxZloty.zamawiamBtn i{
		margin-top: -15px;
		height: 70px;
		line-height: 70px;
		background-size: 400% 100%;
	}
}

@media only screen and (max-width: 1800px) {
	#menuGlowne ul {
	  padding: 0px 40px;
	}
	.tlo_newslleter {
	  padding: 20px 50px;
	}
	.dos-plat figcaption {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (max-width: 1700px) {
	#glowny_naglowek_knt {
	  margin: 0px 4%;
	}
	.mapa_box_1 {
	  margin: 2%;
	}
	.mapa_box {
	  margin: 0%;
	}
	.lista_produktow.strona_glowna {
	  width: 90vw;
	  margin: 2vw auto;
	  display: block;
	}
	.lista_produktow.strona_glowna_p {
	  width: 90vw;
	  margin: 2vw auto;
	}
	.tlo_filmowe .box_filmowy {
	  width: 90%;
	}
	.tlo_lista_blog {
	  margin: 0px;
	  padding: 1% 7%;
	}
	#stopka {
	  width: 90%;
	}
	.newsleter_2 span.newsInfo{
		float: none !important;
		display: block;
	}
	.tlo_newslleter {
	  display: grid;
	  grid-template-columns: 1.3fr 1fr;
	}

	.szerokosc_str {
	  padding: 0px 30px;
	}

	.tlo_transparentne.tlo_strona_blog {
	  width: 82vw;
	}

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


	.konfigurator_knt {
	  margin: 20px 9% 30px 9%;
	  display: grid;
	  grid-template-columns: 330px 1fr 330px;
	  color: var(--kolor-ciemnoszary);
	}

	.panel_knt .do_koszyka_knt .ilosc{
		grid-template-columns: 1fr;
	}
	.iloscB{
		width: 105px;
		margin: 5px auto;
	}
	.panel_knt .do_koszyka_knt .ilosc div:last-child {
	  text-align: center;
	}


	.baner_2024 {
		margin-left: calc(4% + 10px);
		margin-right: calc(4% + 10px);
	}
}

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

	:root {
	  --brrad: 50px;
	  --font-size-18px: 16px;
	  --font-size-20px: 18px;
	  --font-size-24px: 20px;
	  --font-size-30px: 28px;

	  --font-size-40px: 38px;
	  --font-size-60px: 50px;
	  --line-height-28px: 24px;
	}

	#menuGlowne ul {
	  padding: 0px 20px;
	}
	#menuGlowne ul li a {
	  padding: 5px 2px 5px 2px;
	}
	#menuGlowne ul li a.ikona_produktu span {
	  font-size: 12px;
	}
	#glowny_naglowek {
	  padding: 0px 30px;
	  grid-template-columns: 400px 1fr;
	}
	#logo {
	  padding-left: 10px;
	}
	.owl-carousel.owl-drag .owl-item {
	  padding: 20px;
	}

	.mapa_modal .trescModala {
	  width: 95%;
	}

	.tlo_newslleter_herb form, .tlo_newslleter form {
	  grid-template-columns: 1fr 130px;
	}
	.tlo_newslleter {
	  padding: 20px 30px;
	  grid-gap: 20px;
	}

	#stopka .socialBox h2 {
	  margin-right: 20px;
	  padding: 20px 0px;
	  padding-right: 20px;
	}

	.socialBox {
	  display: grid;
	  grid-template-columns: 1fr 50px 55px 55px;
      grid-gap: 40px;
 	}
 	.tlo_transparentne.tlo_strona_blog {
	  width: 90vw;
	}

	.lista_menu {
	  display: grid;
	  grid-template-columns: 1fr 300px;
	  grid-gap: 40px;
	}

	.zawartosc_lista_menu {
	  	padding: 20px 10px;
	}
	.lista_menu {
	  display: grid;
	  grid-template-columns: 1fr 250px;
	  grid-gap: 30px;
	}

	.tlo_transparentne.tlo_koszyk {
	  margin: 3% 5%;
	}

	.newslleterPromocji {
	  background-position: -60% center;
	  padding-right: 30%;
	}

	.lista_produktow {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr;
	  grid-gap: 20px;
	}
	.lista_produktow div.produkt:nth-child(3) {
		display: none !important;
	}
	.lista_produktow.strona_glowna_p div.produkt:nth-child(3) {
		display: block !important;
	}
	.tlo_lista {
	  padding-top: 0px;
	  margin: 2vw 5vw;
	  width: auto;
	}
	.promocja_herb {
	  padding: 10px;
	}

	.kol_grid_4 {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr;
	  grid-gap: 25px;
	}

	.konfigurator_knt {
	  margin: 20px 2% 30px 2%;
	  display: grid;
	  grid-template-columns: 330px 1fr 330px;
	  color: var(--kolor-ciemnoszary);
	}
		#overlay-window{
		transform: scale(1);
	}
	#easypack-search {
	    font-size: 16px !important;
		height: 50px;
	}

	.baner_2024 {
		display: grid;
		grid-gap: 2.6%;
		grid-template-columns: 61.69% 35.71%;
		margin-left: calc(4% + 10px);
		margin-right: calc(4% + 10px);
		margin-top: 2.5vw;
		margin-bottom: 2vw;
	}
	.baner_2024 div.baner_2024_opis h1,
	.baner_2024 div.baner_2024_opis h2 {
		font-family: var(--czcionka2);
		font-size: 4vw;
		line-height: 4.6vw;
		margin-top: 0px;
	}
	.baner_2024 div.baner_2024_opis p {
		font-weight: bold;
		font-size: 15px;
		line-height: 18px;
	}
	.baner_2024 div.baner_2024_opis a {
		font-size: 15px;
		line-height: 19px;
		padding: 10px 15px;
		border-radius: 10px;
	}
	.baner_2024 .baner.owl-carousel.owl-drag .owl-dots {
		right: 2vw;
	}
}

@media only screen and (max-width: 1300px) {
.baner_2024 .baner_2024_sl_knt.baner_2024_mapka div.baner_2024_opis {
    width: 47%;
    margin-right: 45%;
    margin-left: 8%;
}
}

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

	:root {
	  --brrad: 40px;

	  --font-size-16px: 13px;
	  --font-size-17px: 15px;
	  --font-size-18px: 15px;
	  --font-size-20px: 17px;
	  --font-size-24px: 18px;
	  --font-size-30px: 26px;

	  --font-size-48px: 42px;

	  --font-size-40px: 36px;

	  --font-size-60px: 45px;
	  --line-height-28px: 22px;
	  --line-height-50px: 48px;
	}

	#menuGlowne ul li a.ikona_produktu picture, #menuGlowne ul li a.ikona_produktu img {
	  width: 40px;
	}
	#menuGlowne ul li a.ikona_produktu span {
	  font-size: 10px;
	}
	#menuGlowne ul li a {
	  padding: 0px 0px 5px 0px;
	}
	#glowny_naglowek {
	  padding: 0px 30px;
	  grid-template-columns: 300px 1fr;
	}
	md-autocomplete input:not(.md-input) {
	  font-size: 14px;
	}

	ul.panelKlienta li {
	  float: right;
	  color: #fff;
	  padding: 0px 5px;
	}
	.tlo_filmowe .box_filmowy .tekst_ddh {
	  position: relative;
	  z-index: 15;
	  width: 60%;
	  margin: 120px 3%;
	  padding: 45px;
	}
	.tlo_newslleter {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}
	.socialBox {
	  display: grid;
	  grid-template-columns: 50% 50px 55px 55px;
	  grid-gap: 10px;
	}

	.angular-leaflet-map,
	.mapaBox_1,
	.mapa_box {
	  height: 80vw !important;
	}

	.tlo_transparentne.tlo_strona.tlo_tresc {
	  width: 86vw;
	  margin: auto;
	}
	.kolumnyCena {
	  width: 100%;
	  display: grid;
	  grid-template-columns: 1fr;
	}


	.konfigurator_knt {
		display: grid;
		grid-template-columns: 330px 1fr;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}

	.kp1 { 
		grid-area: 1 / 1 / 2 / 2; 
	}
	.kp3 { 
		grid-area: 2 / 1 / 3 / 2; 
		margin-top: 20px;
	}
	.kp2 { 
		grid-area: 1 / 2 / 3 / 3; 
	} 

	.stickyMini{
		position: sticky;
		top: 20px;
	}

	.opis_produktu {
 	 margin: 20px 5% 20px 5%;
	}
}

@media only screen and (max-width: 1000px) {
	#easypack-search {
	  font-size: 16px !important;
	  height: 30px !important;
	  padding: 10px !important;
	}
	#glowny_naglowek_knt {
	  margin: 0px 4%;
	  padding: 10px;
	  top: 0;
	}
	#glowny_naglowek {
	  padding: 20px 30px;
	  grid-template-columns: 1fr;
	}
	ul.panelKlienta li a span.ileProduktow{
		left: 30px;
	}
	
	.panelKlienta{
		position: absolute;
		top: 0px;
		right: 30px;
	}

	.szukaj_knt{
		display: grid;
		grid-template-columns: 1fr 100px;
		align-items: center;
	}
	#menu_mobil{
		display: block;
	}
	#menuGlowne{
		height: 1px;
		opacity: 0;
		pointer-events: none;

		-webkit-transition: 0.5s ease-in-out; 
		-moz-transition: 0.5s ease-in-out; 
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		overflow: hidden;
	}

	#menuGlowne.pokazMenu{
		height: auto;

		opacity: 1;
		pointer-events: all;
	}

	#menuGlowne ul.menuOfertaIdx { 
		padding-top: 5px;
	}



	#menuGlowne ul li a.ikona_produktu span {
	  font-size: 12px;
	}
	#menuGlowne ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	}


	.kol_grid_4 {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 25px;
	}


	#glowny_naglowek_knt {
	  position: static;
	}
	#zawartosc {
	  padding: 0px 0px 0px 0px;
	  margin: 0;
	  position: static;
	}
	#zawartosc.podstrona {
	  padding: 0px 0px 0px 0px;
	}


	/*KOSZYK*/
		.tlo_transparentne.tlo_koszyk {
		  margin: 3% 0%;
		}
        .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-glowny);
            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;
        }
        
        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;
		}

		.kol_2.adresy p{
			width: 98%;
		}
		.kol_3 {
		  float: left;
		  width: 100%;
		}
    /*KOSZYK*/  

	.mapaBox_1,
	.mapa_box {
	  height: 550px;
	}
	.mapa_box .nawigacja button{
		padding: 5px 10px 5px 10px;
		font-size: var(--font-size-24px);
		line-height: 40px;
		text-align: center;
	}
	.mapa_box .naw_prawa button span {
	  padding-left: 30px;
	  font-family: var(--czcionka);
	}
	#logo {
	  width: 250px;
	}

	.owl-theme .owl-nav {
	  z-index: 99;
	  pointer-events: none;

	}
	.owl-theme .owl-nav button.owl-prev {
	  left: 0px;
	  pointer-events: all;
	}
	.owl-theme .owl-nav button.owl-next {
	  right: 0px;
	  pointer-events: all;
	}

	.mapa_modal .trescModala .sekcjaM .produktyM {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 30px;
	}

	.mapa_modal .trescModala .sekcjaM .produktyM div.produkt:nth-child(3) {
		display: none !important;
	}


	.tlo_filmowe .box_filmowy {
	  position: relative;
	}
	.tlo_filmowe .box_filmowy::before{
		box-shadow: none;
	}
	.tlo_filmowe .box_filmowy video {
	  position: static;
	  border-radius: var(--brrad);
	  height: auto;
	  width: 100%;
	}

	.tlo_filmowe .box_filmowy video::before{

	  box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.62) inset;
	}
	.tlo_filmowe .box_filmowy .tekst_ddh {
	  position: relative;
	  z-index: 15;
	  width: 80%;
	  margin: 0px 3%;
	  padding: 45px;
	  margin-top: -120px;
	  margin-bottom: 50px;
	}
	.tlo_filmowe .img_polska_herby {
	  top: 15vw;
	}

	.tlo_lista_blog ul.wpisy {
		grid-template-columns: 1fr 1fr;
	}
	.tlo_lista_blog ul.wpisy li:nth-child(4) {
		display: block !important;
	}

	#stopka .kol_60,
	#stopka .kol_40{
		width: 100%;
		padding: 0px;
	}
	#stopka .kol_40{
		text-align: center;
	}

	.hrMini{
		display: block;
		margin: 20px 0px;
	}

	.tlo_lista_blog h2{
		margin-top: 0px;
	}

	#zawartosc.podstrona {
	  padding: 0px 0px 0px 0px;
	}


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

	.dane_afiliacyjne .kolumnu_2{
		grid-template-columns: 1fr;
	}

	.lista_produktow {
  	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 20px;
	}
	.promocje_newslleter .md_newlleter {
	  position: absolute;
	  width: 100%;
	  top: -80px;
	  left: -1px;
	}
	.newslleterPromocji {
	  background-position: 30% center;
	  padding-right: 10%;
	}
	.wierszProduktu{
		margin: 0px 5vw;
		display: grid;
		grid-template-columns:  1fr;
		gap: 5%; 
		 grid-template-areas: 
		    "pp2"
		    "pp1"; 
		  width: auto; 
		  position: relative;
	}

	#info_mobil {
		width: 500px;
	}
	.info_mobil_tlo.pokaz {
		opacity: 1;
		pointer-events: auto;
		-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
	}
	.info_mobil_knt.pokaz {
		pointer-events: auto;
		opacity: 1;	
		-webkit-transition: 0.7s ease-in-out; -moz-transition: 0.7s ease-in-out; -o-transition: 0.7s ease-in-out; transition: 0.7s ease-in-out;
	}

	.baner_2024 {
		grid-gap: 2.6%;
		grid-template-columns: 1fr;
		max-width: 550px;
		margin: auto;
	}
	.baner_2024 div.baner_2024_opis {
		text-align: right;
	}
	.baner_2024 div.baner_2024_opis {
		width: 40%;
		margin-right: 8%;
		margin-left: 52%;
	}
	.baner_2024 .baner_2024_sl_knt.baner_2024_mapka div.baner_2024_opis {
		text-align: left;
	}
	.baner_2024 div.baner_2024_opis h1,
	.baner_2024 div.baner_2024_opis h2 {
		font-family: var(--czcionka2);
		font-size: 60px;
		line-height: 68px;
		margin-top: 0px;
	}

	table.koszyk .koszyk_obr_knt,
	body.influ table.koszyk .koszyk_obr_knt {
		width: auto;
		text-align: left;
	}

	#kliknij_info {
		padding: 10px 20px;
	    font-size: 14px;
	    line-height: 18px;
	    max-width: 100%;
	    width: 100%;
	    border-radius: 0px;
	    left: 0px;
	    right: 0px;
	    top: 0px;
	    transform: none;
	    position: absolute;
	    z-index: 600;
	    pointer-events: none;
	    opacity: 1;
	}

	.btnBoxZloty.zamawiamBtn {
		height: 70px;
		line-height: 70px;
		padding-top: 0px;
	}
	.btnBoxZloty.zamawiamBtn i{
		margin-top: 0px;
	}
}

@media only screen and (max-width: 800px) {
	:root {
	  --brrad: 30px;

	  --font-size-14px: 13px;
	  --font-size-15px: 13px;
	  --font-size-17px: 15px;

	  --font-size-18px: 15px;
	  --font-size-20px: 17px;
	  --font-size-24px: 18px;
	  --font-size-30px: 26px;
	  --font-size-40px: 32px;
	  --font-size-48px: 38px;

	  --font-size-60px: 40px;
	  --line-height-28px: 22px;
	  --line-height-50px: 44px;
	}

	.info_koszyk {
	  position: fixed;
	  width: auto;
	}

	.wybierz_paczkomat_mapa {
	  width: 100%;
	  height: 600px;
	  margin: 20px auto;
	}

	#glowny_naglowek_knt {
	    margin: 0px 0%;
	    border: 0px;
	    margin-bottom: 10px;
	}

	md-autocomplete,
	md-autocomplete input:not(.md-input),
	button.formBtnSzukaj, input.formBtnSzukaj{
		height: 40px;
	}

	button.formBtnSzukaj img, input.formBtnSzukaj img{
		width: 30px;
	}

	ul.panelKlienta {
	  margin-top: 10px;
	}
	ul.panelKlienta li img{
		width: 30px;
	}

	.angular-leaflet-map,
	.mapa_box {
	  height: 600px !important;
	}

/*	.mapa_box .naw_lewa,*/
	.mapa_box .naw_prawa{
		top: unset;
	}

/*	.mapa_box .naw_lewa aside,*/

	.mapa_box .naw_prawa {
	  right: 0px;
	  left: 0px;
	  margin: 0 auto;
	  text-align: center;
	}

	.mapa_box .naw_prawa aside{
	  display: grid;
	  grid-template-columns: auto auto auto auto;
	  grid-gap: 10px;
	  height: 70px;
	  margin: 0 auto;
	}

	.mapa_box .naw_prawa button span {
	  padding-right: 10px;
	}
	.mapa_box .nawigacja button {
	  padding: 5px 5px 5px 5px;
	  font-size: var(--font-size-24px);
	  line-height: 30px;
	  text-align: center;
	  min-width: 40px;
	  height: 40px;
	  border-radius: 10px;
	}
	.tlo_filmowe .img_polska_herby {
	  top: 10vw;
	}

	.dos-plat {
	  padding: 2vw;
	  display: grid;
	  grid-template-columns: auto;
	  text-align: center;
	}
	.tlo_newslleter .img_newsleter {
	  display: grid;
	  grid-template-columns: 80px 1fr;
	  align-items: center;
	}

	.formBtn, .btnBox{
		font-size: 13px;
	}

	.tlo_lista_blog {
	  margin: 0px;
	  padding: 1% 2%;
	}

	.lista_menu {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 30px;
	}

	ul.panel_klienta_menu {
  	  margin: 0px !important;
	  padding: 0px;
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 10px;
	}

	#topbar{
		position: static;
		padding: 5px 20px;
  		margin-bottom: 0;
	}
}

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


	#logo {
	  margin-top: 10px;
	}
	.szukaj_knt {
	  display: grid;
	  grid-template-columns: 1fr;
	  align-items: center;
	  grid-gap: 0px;
	  margin-top: 10px;
	  height: 45px;
	}
	#menu_mobil {
	  display: block;
	  width: 50px;
	  top: 60px;
	  position: absolute;
	  right: 30px;
	}
	#glowny_naglowek {
		padding: 20px;
	  padding-bottom: 5px;
	}

	.dos-plat figcaption {
	  display: grid;
	  grid-template-columns: 1fr;
	  text-align: center;
	  margin: 0 auto;
	}
	.dos-plat img {
	  margin: 0 auto;
	}
	ul.wpisy li .ts {
	  padding: 10px;
	}

	.mapa_modal .trescModala .sekcjaM .herbM h2{
		font-size: 18px;
	}
	.adresy p {
	  display: inline-block;
	  width: 98%;
	  margin-right: 1%;
	  font-size: var(--font-size-14px);
	}

	.konfigurator_knt {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
	}
	.konfigurator_knt .kp1 {
		order: 2;
	}
	.konfigurator_knt .kp2 {
		order: 1;
	}
	.konfigurator_knt .kp3 {
		order: 3;
	}

	.panel_knt .panel{
		position: static;
		width: 96vw;
		z-index: 999;
		background: #fff;
		top: 20px;
		display: block;
	}
	.panel_knt {
		display: block;
		box-shadow: none;
	}
	.projekt_knt .btnPanelZamkmnij {
		display: none;
		padding: 10px 15px 10px 15px;
	}
	.projekt_knt.pokazPanel .btnPanelZamkmnij {
		display: block;
	}

	.miniPanel{
		display: block !important;
		margin: 2% 5%;
	}
	.miniPanel .panel {
		position: static;
		display: block !important;
		width: 100%;
	}

	.panel_knt{
		position: static;
	}

	.pokazPanel .panel_knt,
	.pokazPanel .panel_knt .panel{
		display: block;
	}

	.konfigurator_knt{
		position: relative;
	}

	.stickyMini h1{
		margin-bottom: 20px;
		margin-top: 0px;
	}


	.kp1,.kp2,.kp3{
		grid-area: none;
		margin: 0px;

	}

	
	.kp1 .panel_knt,
	.kp3 .panel_knt {
	  padding: 0px;
	}

	.btnPanelMini,
	.kp1 header,
	.kp3 header{
		display: block;
		cursor: pointer;
		margin: 0px;

		background: linear-gradient(45deg, rgba(166,28,33,1) 0%, rgba(211,73,78,1) 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
		background-size: 300%;
		background-position: left bottom;

		box-shadow: 5px 5px 25px var(--cien) inset;
		border-radius: var(--brrad);
		/*		padding: 10px;*/
		padding: 15px 20px;
		color: #fff;

		-webkit-transition: 200ms linear all;
		-moz-transition: 200ms linear all;
		-o-transition: 200ms linear all;
		transition: 200ms linear all;

		text-transform: uppercase;
		font-weight: 600;
		font-size: 14px;
		text-align: center;
		width: 130px;
		position: absolute;
		z-index: 10;
	}
	.btnPanelMini i {
		display: block;
		font-size: 20px;
		margin-bottom: 7px;
	}
	.btnPanelMini.kb1 {
		left: 10px;
	}
	.btnPanelMini.kb3 {
		right: 10px;
	}
	.btnPanelZamkmnij {
		display: none !important;
		position: absolute;
		right: 10px;
		right: calc((100% - 240px) /2);
		top: 10px;
		z-index: 1;
		font-weight: bold !important;
		color: #fff !important;
		font-size: 12px !important;
		text-transform: uppercase !important;
		width: 240px;
		
		padding: 10px 15px 10px 15px;
	}
	.btnPanelZamkmnij i {
		display: inline-block;
		margin-bottom: 0px;
		font-size: 12px !important;
	}
	/*.panel ul li:first-child .naglowek {
		padding-top: 70px;
	}*/


	.btnPanelMiniZloty{
		background:linear-gradient(45deg, #d5ab55 0%, #eace9b 50%, rgba(60,50,31,1) 50%, rgba(115,108,95,1) 100%);
			background-size: 300%;
		background-position: left bottom;

	}

	.btnPanelMini:hover,
	.kp1 header:hover,
	.kp3 header:hover{
		background-position: right top;
		color: #fff;
	}
	header.dostosuj,
	.kp1 header,
	.kp3 header{
		display: none;
	}

	.tlo_panelu.pokazPanel{
		display: block;
		cursor: pointer;
	}

/*
	.kp1{
		position: absolute;
		top: 30px;
		left: 0px;
		z-index: 501;
	}

	.kp3{
		position: absolute;
		top: 30px;
		right: 0px;
		z-index: 501;
	}*/
	.kp3 .panel{
		right: 0px;
	}


	.konfigurator_knt .galeria ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.menuProduktu ul li a {
	  padding: 10px 20px !important;
	  font-size: 12px;
	}


	.konfigurator_knt  {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: unset;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		margin-top: 0px;

	}

	.kp2 { grid-area: 1 / 1 / 2 / 2; }
	.kp1 { grid-area: 2 / 1 / 3 / 2; }
	.kp3 { grid-area: 3 / 1 / 4 / 2; margin-top:20px } 


	.panel_knt .do_koszyka_knt .ilosc {
	  display: grid;
	  grid-template-columns: 100px 1fr;
	  align-items: center;
	  max-width: 300px;
	    margin: auto;
	    margin-top: auto;
	    margin-top: 20px;
	}


	/*.navMini{
		display: block;
	}
	.btnPanelMini.pokazPanel  text,
	.pokazPanel .panel_knt header text{
		opacity: 0;

	}
	.btnPanelMini.pokazPanel span,
	.pokazPanel .panel_knt header span{
		display: block;
		position: absolute;
		left: 0;
		right: 0px;
		top: 10px;	
		color: #fff;
		text-align: center;
	}
*/
	.wierszProduktu{
		display: block;
	}
	.wierszProduktu .zakupProduktu{
		margin-bottom: 30px;
	}
	.sticky {
	  position: static;
	}

	body.influ a#sprawdz_kod {
	  display: inline-block;
	  float: right;
	}

	.opisProduktu_knt .menuProduktu {
		display: none;
	}

	.opisProduktu_knt .info_roz_tr {
	  padding:15px 5px;
		/*	  display: block;*/
	}

	.ngTitle {
		display: block;
		background: #fff;
		padding: 10px 20px;
		border-radius: 20px;
		position: relative;
	}
	.ngTitle i {
		position: absolute;
		top: 12px;
		right: 20px;
		-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;
	}
	.ngTitle.aktywneMenu i {
		transform: rotate(180deg);
		-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;
	}

	table tr td {
	  padding: 3px;
	}

	.menuProduktu ul{
		/*		display: none;*/

	}
	.info_roz_tr {
		/*	  display: block;*/
/*	  border-bottom: 1px solid #ccc;*/
/*	  margin: 10px 0px;*/
	}
	.panel_koszyk_mobil {
		display: block;
	}
	.konfigurator_knt .galeria ul {
		margin-top: 30px !important;
		margin-bottom: 30px !important;
	}
	.konfigurator_knt .galeria ul li img {
		margin: auto;
	}
	.panel_koszyk_mobil {
		display: none !important;
	}
	.mobil_none {
		display: block !important;
	}
	.tylko_mobil {
		display: block !important;
	}
	.wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull) {
		margin-top: 20px;
	}
	.tlo_transparentne.tlo_strona_blog{ 
		text-align: left;
	}
	h1, h2, h3, h4, h5, h6 {
		margin: 1rem 0 0.5rem;
	}
	.wp-block-columns,
	.wp-block-column {
		margin-top: 10px !important;
		margin-bottom: 10px !important;
	}

	.konfigurator_knt .galeria_knt {
		display: none !important;
	}

}

@media only screen and (max-width: 600px) {
	:root {
	  --brrad: 30px;

	  --font-size-14px: 12px;
	  --font-size-15px: 12px;
	  --font-size-17px: 14px;

	  --font-size-18px: 14px;
	  --font-size-20px: 15px;
	  --font-size-24px: 16px;
	  --font-size-30px: 24px;
	  --font-size-40px: 28px;


	  --font-size-60px: 30px;
	  --line-height-28px: 20px;
	  --line-height-50px: 33px;
	}

	.mapaBox_1 #ladowanieZawartosc{
		padding-top: 20vh;
	}

	.angular-leaflet-map,
	.mapaBox_1,
	.mapa_box {
	  height: 450px !important;
	}

	.mapa_box .naw_lewa {
	  bottom: 50px;
	}
	#menuGlowne ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.owl-carousel.owl-drag .owl-item {
	  padding: 10px;
	}
	.produkt a, .mapa_modal .trescModala .sekcjaM .produktyM a {
  		box-shadow: 2px 2px 10px var(--cien);
  	}
  	.owl-theme .owl-nav button i {
	  font-size: 20px;
	  width: 40px;
	  height: 40px;
	  line-height: 40px;
	}

	.tlo_filmowe .box_filmowy .tekst_ddh {
	  position: relative;
	  z-index: 15;
	  width: 90%;
	  margin: 0px 3%;
	    margin-top: 0px;
	    margin-bottom: 0px;
	  padding: 25px;
	  margin-top: -80px;
	  margin-bottom: 50px;
	}
	.tlo_filmowe .img_polska_herby {
		top: 2px;
	  	max-width: 40%;
	}

	.tlo_newslleter {
	  padding: 20px 10px;
	}
	.tlo_newslleter .img_newsleter{
		grid-template-columns: 1fr;
	}
	.img_newsleter .newsleter_1{
		display: none;
	}


	.socialBox{
		display: block;
		text-align: center;
	}
	#stopka .socialBox h2 {
	  border-right: unset;
	  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	  margin: 0px;
	  padding-right: 0px;
	  text-align: center;
	}
	#stopka a img {
	  display: inline;
	  padding: 10px;
	}

	.tlo_newslleter_herb form, .tlo_newslleter form {
	  grid-template-columns: 1fr 90px;
	}

	.kol_3 {
	  width: 100%;
	}


	.mapa_modal .trescModala .sekcjaM {
	  width: auto;
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}
	.mapa_modal .trescModala .sekcjaM .herbM h2{
		font-size: var(--font-size-30px);
	}

	.mapa_modal .trescModala .sekcjaM.infoHerb {
	  grid-template-columns: 1fr;
	  padding-left: 0px;
	  padding-right: 0px;
	}
	.mapa_modal header {
	  padding: 20px 20px 5px 20px;
	  overflow: hidden;
	}

	.kol_2 {
	  width: 100%;
	}

	.kol_grid_4 {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 15px;
	}
	#menuGlowne ul {
	  padding: 0px 10px;
	}
	.leaflet-control-attribution{
		display: none !important;
	}



	.trescModala {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
		grid-column-gap: 0px;
		grid-row-gap: 0px;
		padding-bottom: 20px;
	}

	.trescModala header { grid-area: 1 / 1 / 2 / 2; }
	.trescModala .doKreatora { grid-area: 2 / 1 / 3 / 2; }
	.trescModala .scrollYKnt { grid-area: 3 / 1 / 4 / 2; } 
	.mapa_modal .trescModala .doKreatora p {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}

	.baner_2024 {
		grid-gap: 10px;
		max-width: unset;
		margin-left: 10px;
		margin-right: 10px;
	}
	.baner_2024 div.baner_2024_opis h1,
	.baner_2024 div.baner_2024_opis h2 {
		font-family: var(--czcionka2);
		font-size: 10vw;
		line-height: 11vw;
		margin-top: 0px;
	}
	.baner_2024 div.baner_2024_opis p {
		font-weight: bold;
		font-size: 12px;
		line-height: 15px;
	}
	.baner_2024 div.baner_2024_opis a {
		font-size: 13px;
		line-height: 14px;
		padding: 10px 15px;
		border-radius: 10px;
	}
	.baner.owl-carousel.owl-drag .owl-dots {
		bottom: 5px;
	}


	.lista_produktow.strona_glowna_p {
		width: auto;
		margin: 20px 10px;
	}
	.lista_produktow.strona_glowna_p a {
		padding: 10px;
	}

	#logo {
	  margin-top: 20px;
	}
}

@media only screen and (max-width: 550px) {
	.navMini {
		height: 25px;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}

	#logo {
	  margin-top: 30px;
	}
}

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

	:root {
	  --brrad: 30px;

	  --font-size-14px: 12px;
	  --font-size-15px: 12px;
	  --font-size-17px: 14px;

	  --font-size-18px: 14px;
	  --font-size-20px: 15px;
	  --font-size-24px: 16px;
	  --font-size-30px: 18px;
	  --font-size-40px: 22px;


	  --font-size-60px: 30px;
	  --line-height-28px: 18px;
	  --line-height-50px: 30px;
	}


	#glowny_naglowek {
	  padding: 30px 5px;
	    padding-bottom: 30px;
	  padding-bottom: 5px;
	}
		.newslleterPromocji {
	  background-position: 50% center;
	  padding: 5%;
	}
	.formBtn, .btnBox {
		font-size: 11px;
		padding: 0px 0px 0px 15px;
	}

	.kod_rabatowy .formInput {
	  width: 120px;
	}

	textarea.formInput {
	  line-height: 1.3em;
	  padding: 15px;
	}
	#formularz_sortowania {
	    width: 100%;
	    text-align: right;
	}
	.panel_knt .panel{
		top: 10px;
	}
	.stickyMini h1 {
		line-height: 36px;
		margin-bottom: 3px;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}

	.mapa_box .naw_prawa button span {
	    padding-right: 6px;
	    padding-left: 6px;
	}
	.mapa_box .naw_prawa button i {
	    display: none;
	}
}

@media only screen and (max-width: 480px) {
	#menu_mobil {
	  top: 70px;
	}

	.lista_produktow {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}

	.lista_produktow.strona_glowna_p {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 10px;
	}
	.navMini {
		height: 35px;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}
	.mapa_modal .trescModala .sekcjaM .herbM picture img {
		  width: 70%;
	}

	#menuGlowne ul li a.ikona_produktu aside {
	    height: 40px;
	}
}

@media only screen and (max-width: 450px) {
	.tlo_lista_blog ul.wpisy {
	  grid-template-columns: 1fr;
	  grid-gap: 30px;
	}
	md-autocomplete input:not(.md-input) {
	  font-size: 12px;
	  padding-left: 15px;
	}
	.mapa_box .naw_prawa {
	    right: 3px;
	}
	.tlo_transparentne.tlo_strona_blog ul.wpisy {
	  grid-template-columns: 1fr;
	  grid-gap: 30px;
	}

	.btnPanelMini,
	.kp1 header, .kp3 header {
	  cursor: pointer;
	  margin: 0px;
	  padding: 15px;
	  font-size: 12px;
	}

	.btnPanelMini.pokazPanel span,
	.pokazPanel .panel_knt header span{
		top: 5px;
	}

	.tlo_newslleter_herb form, .tlo_newslleter form{
		display: block;
		height: auto;
		padding: 0px;
	}
	.tlo_newslleter_herb form .btnZapisz input, .tlo_newslleter_herb form .formInputSzukaj {
	    padding: 0px 10px;
  		font-size: 14px;
	}
	.tlo_newslleter_herb form .btnZapisz input, .tlo_newslleter form .btnZapisz input{
		border-radius: 0px 0px 10px 10px;
	}
	.navMini {
		height: 45px;
	}
	.kol_3 {
	    padding-left: 7px;
	    padding-right: 7px;
	}
	#menuGlowne ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.socialBox img{
		width: 50px;
	}
	.dostawa_platnosc.paynow {
	    /*background-image: url(../img/paynow2.png?v03);
	    background-repeat: no-repeat;
	    background-position: center 95%;
	    background-size: auto 40px;
	    padding-bottom: 50px;*/
	}
	.formBtnPlatnosc.paynow {
	  /*height: auto;
	  background-size: auto 50px;
	  background-repeat: no-repeat;
	  background-position: 95% 95%;
	  line-height: 1.3em;
	  padding-bottom: 60px;*/
	}
	.dostawa_platnosc.blik {
     	    background-position: 95% 3px;
	    background-size: auto 37px;
	}
	.tlo_newslleter_herb form .formInputSzukaj, .tlo_newslleter form .formInputSzukaj {
		text-align: center;
	}
	.menuProduktu ul li a {
	  padding: 6px 20px !important;
	  font-size: 12px;
	  background: #f2f2f2 !important;
	  margin: 3px 0px !important;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}
	ul.panelKlienta li span {
/*		display: none;*/
	}

	body.influ table.koszyk .koszyk_obr {
		max-width: 120px;
		max-height: 120px;
	}

	/*#glowny_naglowek_knt.konfigurator .panelKlienta{
		display: none;
	}
    #glowny_naglowek_knt.konfigurator #glowny_naglowek {
    	padding: 15px 5px 5px 5px;
    }
	#glowny_naglowek_knt.konfigurator #menu_mobil {
	    top: 20px;
	}
	#glowny_naglowek_knt.konfigurator #logo {
	    margin-top: 0px;
		width: 150px;
	}*/
	#logo a img{
		width: 150px;
	}
	/*#glowny_naglowek_knt.konfigurator #menuGlowne {
	  margin-top: 0px;
	  padding-top: 5px;
	  padding-bottom: 5px;
	}*/
	.btnBoxZloty.dostawaPlatnoscBtn {
		height: 70px;
		line-height: 70px;
	}
	.btnBoxZloty.dostawaPlatnoscBtn i {
		height: 70px;
		line-height: 70px;
		background-size: 400% 100%;
	}
	.btnBoxZloty.zamawiamBtn {
		height: 70px;
		line-height: 20px;
		padding-top: 15px;
	}
	.btnBoxZloty.zamawiamBtn i{
		margin-top: -15px;
		height: 70px;
		line-height: 70px;
		background-size: 400% 100%;
		
	}
}

@media only screen and (max-width: 405px) {
	ul.panelKlienta li.ulubioneH{
		margin-left: 20px;
	}
}

@media only screen and (max-width: 389px) {
	.navMini {
		height: 50px;
	}
	.btnPanelMini {
		text-align: center;
	}
	.btnPanelMini i {
		font-size: 15px;
	}

	ul.panelKlienta li.ulubioneH {
		margin-left: 10px !important;
	}
	ul.panelKlienta li {/*
	    width: 35px;*/
	    padding: 0px 2px;
	}
	#menuGlowne ul {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.mapa_box .naw_prawa button span {
	    padding-right: 0px;
	    padding-left: 0px;
	}
	.mapa_box .naw_prawa button i {
	    display: none;
	}
	.formBtn, .btnBox {
	  padding: 0px 0px 0px 10px;
	}
	.formBtn i, .btnBox i {
	  margin-left: 10px;
	}
	.szerokosc_str {
	    padding: 0px 10px;
	}
	.koszyk_naglowek{
		width: 10%;
		padding: 2% 1% 2% 2%;
	}
	.koszyk_naglowek i{
		font-size: 22px;
	}
	.mapa_modal .trescModala .doKreatora .btnBoxCz span,
	.mapa_modal .trescModala .doKreatora .btnBox,
	.mapa_modal .trescModala .doKreatora .btnBoxCz {
	  font-size: 13px !important;
	}
	.panel_knt .rozne_grafiki img.rodzaj-herbu,
	.panel_knt img.rodzaj-herbu {
	  width: 105px;
	  height: 115px;
	}
	.d-flex {
	  display: block;
	}
	.panel_knt{
		padding: 0px;
	}
	.miniPanel {
	    margin: 2% 0%;
	}
	/*#glowny_naglowek_knt.konfigurator ul.panelKlienta li img {
	    width: 25px;
	}
    #glowny_naglowek_knt.konfigurator ul.panelKlienta {
	    margin-top: 5px;
	}
	#glowny_naglowek_knt.konfigurator  #menu_mobil {
	    top: 20px;
	 }*/

	.opis_produktu {
	    margin: 10px;
	}
	.opisProduktu_knt {
	  padding: 10px;
	}
	.panel_knt button{
		margin-right: 5px;
  		padding: 4px 12px 4px 12px;
  		line-height: 20px;
	}
	.panel_knt button,
	.panel_knt button.dodajNazweJST,
	.panel_knt .do_koszyka_knt button.formBtn, .panel_knt .do_koszyka_knt button.btnBox{
		font-size: 14px;
	}
}

@media only screen and (max-width: 350px) {
	ul.panelKlienta li span {
		display: none;
	}
	ul.panelKlienta li span.ileProduktow {
		display: block;
	}
}