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

@media only screen and (max-width:1650px) {
	.menu_kontakt {
	  max-width: 1400px;
	}
	#glowny_naglowek {
	  max-width: 1400px;
	}

	#baner_knt {
	  aspect-ratio: unset;
	}
	.wiersz_glowny {
	  max-width: 1400px;
	}

	html {
	  font-size: 18px;
	  font-weight: 500;
	  line-height: 1.6em;
	  color: var(--kolor-tekst);
	}
	.menu_oferty .boks_oferty h3 {
	  font-size: 22px;
	}

	.wierszStopki.w1 {
	  display: grid;
	  grid-template-columns: 1fr 1fr 450px;
	  margin-bottom: 2vw;
	  gap: 20px;
	}
	.menuStron {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	}
	.wierszStopki.w2 {
	  margin-top: 70px;
	  padding-right: 40%;
	}

	.naglowek_postrony {
	  max-width: 1400px;
	  margin: 0 auto;
	  padding-left: 0;
	  padding-right: 0;
	}

}

@media only screen and (max-width:1450px) {
		.menu_kontakt {
		  max-width: 1200px;
		}
		#glowny_naglowek {
		  max-width: 1200px;
		}

		#baner_knt {
		  aspect-ratio: unset;
		}
		.wiersz_glowny {
		  max-width: 1200px;
		}

		html {
		  font-size: 16px;
		  font-weight: 500;
		  line-height: 1.6em;
		  color: var(--kolor-tekst);
		}
		.menu_oferty .boks_oferty h3 {
		  font-size: 20px;
		}

		.menu_glowne ul {
		  margin: 0px;
		  padding: 0px;
		  display: inline-flex;
		  gap: 0px;
		}

		.menu_glowne ul li a {
		  padding: 5px 20px;
		  font-weight: 700;
		  font-size: 18px;
		}

		.menu_kontakt ul {
		  margin: 0px;
		  padding: 0px;
		  display: flex;
		  gap: 10px;
		  align-items: right;
		  justify-content: right;
		}
		.menu_kontakt ul li a{
			padding: 10px;
		}

		.wiersz_glowny h2,
		h1 {
		  font-size: 46px;
		} 
			.podstrona h2 {
	  font-size: 36px;
	}

		.menu_oferty .boks_oferty h3 {
		  font-size: 18px;
		  line-height: 1.5em;
		  padding: 30px 10px 20px 10px;
		}
		.kolumny_2 .tekst {
		  padding: 50px 50px;
		}
		#kontakt .zawartosc .opis_mapki {
		  padding-left: 50px;
		}

		.ozd_2,.ozd_3,.ozd_4,.ozd_6{
			width: 190px;
		}
		.ozd_1,.ozd_5{
		  width: 60px;
		}
		.menu_oferty {
		  padding: 0px;
		}
		.menu_oferty {
		  gap: 20px;
		}

		.naglowek_postrony {
		  max-width: 1200px;
		}
		.naglowek_postrony h1 {
		  font-size: 46px;
		}

		.podstrona p, .wiersz_glowny ol li, .wiersz_glowny ul li {
		  font-size: 16px;
		  line-height: 1.4em;
		}

		.aktualnosc_idx a article {
		  padding: 30px;
		}
}

@media only screen and (max-width:1250px) {
	.aktualnosc_idx a h3 {
	  font-size: 18px;
	}
	.aktualnosc_idx a p, .aktualnosc_idx a span.data {
	  font-size: 14px;
	  line-height: 1.5em;
	}

	.menu_kontakt,
	#glowny_naglowek,
	.wiersz_glowny {
	  max-width: 950px;
	}

	.menu_kontakt ul li a {
    padding: 3px 10px;
  }	
  .menu_kontakt ul li a span {
	  font-weight: 600;
	  font-size: 12px;
	  line-height: 14px;
	}
	#glowny_naglowek {
	  grid-template-columns: 250px 1fr;
	}
	.menu_glowne ul li a {
		padding: 3px 15px;
    font-weight: 600;
    font-size: 16px;
  }
	.menu_glowne ul li a svg {
	  width: 12px;
	  margin-left: 0px;
	}
	ul.menu_rozwijane li ul li a {
	  display: block;
	  font-size: 14px;
	  padding: 5px 25px;
	}
	.menu_prawe {
	  text-align: right;
	  margin-bottom: 60px;
	}

	.cennik_box {
	  right: 5%;
	  bottom: 5%;
	}
	.cennik_box .abs_img {
	  width: 350px;
	}
	.cennik_box .tresc_box {
	  width: 230px;
	  height: 150px;
	}
	.cennik_box .tresc_box h2 {
	  font-size: 24px;
	}
	html {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4em;
    color: var(--kolor-tekst);
  }

  .btn {
	  font-size: 16px;
	}

	#kontakt .zawartosc .linki_d aside.link_f span, #kontakt .zawartosc .linki_d aside.link_f a {
	  font-size: 16px;
	}

	.stopka {
	  padding: 100px 40px;
	  background-size: cover;
	}
	.wierszStopki.w1 {
    display: grid;
    grid-template-columns: 1fr 1fr 350px;
    margin-bottom: 2vw;
    gap: 10px;
  }
  .stopka_knt .cennik_box .tresc_box h2 {
	  font-size: 22px;
	  margin-bottom: 5px;
	}
	.stopka_knt .cennik_box {
	  height: 270px;
	}
	.wierszStopki.w2 {
	    margin-top: 70px;
	    padding-right: 0%;
	  }

	.naglowek_postrony {
	  max-width: 950px;
	}
	.naglowek_postrony h1 {
	  font-size: 46px;
	}
	.form_dostepnosci .zawartosc {
	  padding-left: 20px;
	  padding-right: 20px;
	}
	.form_dostepnosci .fw2 {
	  grid-gap: 10px;
	  align-items: center;
	}
	.form_kontakt .d_input textarea, .form_kontakt .d_input input {
	  
	  padding: 8px 15px;
	  font-size: 16px;
	}
	.form_dostepnosci .fw1 {
	  grid-gap: 10px;
	  margin-top: 10px;
	}


}


/*NIE Zmieniać*/
@media only screen and (max-width:1000px) {
	#glowny_naglowek {
    grid-template-columns:1fr 50px;
  }
  #glowny_naglowek_knt .menu_logo {
		  width: 190px;
		  z-index: 800;
	}
	#glowny_naglowek {
	    padding: 0px 10px;
	}
	#menu_mobil{
		display: block;
		position: relative;
		top: unset;
		margin-top: 0px;
		z-index: 999;
	}

	#menu_glowne{
		position: absolute;
	    top: 0px;
	    left: 0px;
	    right: 0;
	    z-index: 99;
	    padding:20px 0px;

	    margin: 0px 0px 0px 0px;
	    opacity: 0;
		pointer-events: none;

		-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;
		z-index: 701;
		border-radius: 0px;

		padding-top: 120px;


		background-image: url('../img/tlo_menu_mobilne.webp');
		background-size: cover;
		background-position: bottom center;
		

	}
	.menu_glowne ul li a {
	    padding: 10px 25px;
	    font-size: 16px;
	    display: block;
	    width: calc(100% - 120px);
	}

	.menu_glowne{
		text-align: left;
	}
	.menu_glowne ul{
		display: block;
		padding: 0px;
	}

	#menu_glowne ul.menu_rozwijane li ul{
		position: static;
		width: 100%; 
		opacity: 0;
		pointer-events: none;
		height: 0px;
		padding: 0px 0px;
		background: #000;
	}

	#menu_glowne  ul.menu_rozwijane li ul.pokaz,
	#menu_glowne.pokaz{
		padding: 10px 0px; 
		margin-bottom: 10px;
		opacity: 1;
		pointer-events: all;
		height: auto;
	}
	#menu_glowne.pokaz{
		padding: 50px 20px;
		padding-top: 150px;
	}
	#menu_glowne ul.menu_rozwijane li ul li a {
	    padding: 8px 40px;
	}
	.arrow-icon {
	    display: block;
	}

	.li_social{
		display: none;
	}
	.menu_glowne ul li a.btn_header{
		display: inline-block;
		width: auto;
	}

	.menu_kontakt ul {
    margin: 0px;
    padding: 0px;
    display: flex;
    gap: 5px;
    align-items: right;
    justify-content: right;
  }
  .menu_glowne ul li a{
  	width: auto;
  	padding: 3px 5px;
  	display: flex !important;
  }

	
}


@media only screen and (max-width:1000px) {
	.podstrona {
	  padding: 0px 20px;
	  box-sizing: border-box;
	}
	.podstrona .menu_oferty {
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.podstrona .boks_oferty a h3 {
	  color: #fff;
	  font-size: 18px;
	}
	.naglowek_postrony {
	 padding-left: 20px;
	 padding-right: 20px;	 
	}
	.naglowek_postrony h1 {
	  font-size: 46px;
	}
	.podstrona h2 {
	  font-size: 28px;
	}
	.kolumny_2 {
	  display: grid;
	  grid-template-columns: 1fr 1.4fr;
	  grid-gap: 20px;
	  align-items: unset;
	}
	.kolumny_2 .tekst {
	    padding: 0px 20px;
	}
	

	.menu_oferty .boks_oferty h3 {
	    font-size: 16px;
	    line-height: 1.5em;
	    padding: 30px 5px 20px 5px;
	}

	.wierszStopki.w1 {
	    display: grid;
	    grid-template-columns: 1fr 1fr;
	    margin-bottom: 2vw;
	    gap: 10px;
	}

	.menu_glowne ul li a {
	    width: auto;
	    padding: 10px 10px;
	    display: flex !important;
	}
	#menu_glowne.pokaz {
	    padding-top: 200px;
	}
	.menu_glowne ul li a svg {
	    display: none;
	}
	.menu_glowne.menu_kontakt ul li a  {
		gap:3px;
	}
	.menu_glowne.menu_kontakt ul li a svg {
	   display: inline-block !important;
	}

	#glowny_naglowek_knt::before {
  		background-size: auto 350px;
  	}




}


@media only screen and (max-width:800px) {
	.aktualnosc_idx a h3 {
	  font-size: 16px;
	}
	.aktualnosc_idx a .a_content {
	  height: auto;
	}
	.aktualnosc_idx a p, .aktualnosc_idx a span.data {
	  font-size: 14px;
	  line-height: 1.3em;
	}
	.podstrona .menu_oferty {
	  grid-template-columns: 1fr 1fr 1fr;
	}
	.podstrona .boks_oferty a h3 {
	  color: #fff;
	  font-size: 16px;
	}
	.naglowek_postrony h1 {
	  font-size: 40px;
	}
		.podstrona h2 {
	  font-size: 28px;
	}
		#glowny_naglowek_knt::before {
	  		background-size: auto 300px;
	  	}
		.menu_glowne.menu_kontakt{
			z-index: 702;
			background-color: #fff;
		}
		.menu_glowne.menu_kontakt ul li.mk_2{
			display:none;
		}
		.menu_glowne.menu_kontakt ul li a{
			padding: 3px ;
		}

		.cennik_box {
			    bottom: -50px;
		}
		.cennik_box .abs_img {
		    width: 250px;
		}
		.cennik_box .tresc_box {
		    width: 180px;
		    height: 150px;
		      padding: 30px;
		}
		.cennik_box .tresc_box h2 {
		    font-size: 18px;
	        padding: 0px;
	  	}
	  	.cennik_box .tresc_box span, .cennik_box .tresc_box a {
		  font-size: 12px;
		}
		.cennik_box .tresc_box .odstep_box{
		  display: block;
		  height: 30px;
		}
		.cennik_box .tresc_box {
		    width: 180px;
		    height: 110px;
		}

		#baner_knt {
		    margin-bottom: 100px;
		}

		.wiersz_glowny h2, h1 {
		    font-size: 36px;
		}
			.podstrona h2 {
	  font-size: 26px;
	}
		html {
		    font-size: 14px;
		    font-weight: 400;
		    line-height: 1.3em;
		    color: var(--kolor-tekst);
		}
		.btn {
		    font-size: 14px;
		}

		.ozd_2, .ozd_3, .ozd_4, .ozd_6 {
		    width: 100px;
		}
		.ozd_1, .ozd_5 {
		    width: 40px;
		}
		#kontakt .zawartosc .linki_d aside.link_f label {
		  font-size: 12px;
		}
		#kontakt .zawartosc .linki_d aside.link_f span, #kontakt .zawartosc .linki_d aside.link_f a {
		    font-size: 14px;
		}


		.menu_oferty .boks_oferty a {
		  background-color: #f2f2f2;
		}
		.menu_oferty {
		  grid-template-columns: 1fr 1fr;
		}

		.menu_oferty .boks_oferty_1 {
		  margin-top: 20px;
		}
		.menu_oferty .boks_oferty_2 {
		  margin-top: 0px;
		}
		.menu_oferty .boks_oferty_3{
		  margin-top: 20px;
		}


		.stopka {
		    background-size: cover;
		    background-position: center center;
		}
		.wierszStopki.w1 {
		    display: grid;
		    grid-template-columns: 1fr;
		}


		.stopka_knt .cennik_box {
		    height: auto;
		    width: 100%;
		    aspect-ratio: 2 / 1;
		    max-width: 400px;
		}
		.stopka_knt .cennik_box .abs_img {
		    width: 100%;
		}
		.cennik_box .tresc_box {
		    width: 100%;
		    height: 160px;
		    box-sizing: border-box;
		}



		#oferta_index {
		  background-size: auto 50%;
		}

		.wiersz_glowny {
		  margin: 20px auto;
		}


}	

@media only screen and (max-width:781px) {
	  .wp-block-column:nth-child(2n) {
	    margin-left: auto !important;
	  }

	  .flex-direction{
	  	flex-direction: column-reverse;
	  }
}

@media only screen and (max-width:600px) {
	.aktualnosc_idx a article {
	    padding: 15px;
	}
	.naglowek_postrony {
	  padding-top: 50px;
	}
	.naglowek_postrony {
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-bottom: 0;
	}

	.podstrona p, .wiersz_glowny ol li, .wiersz_glowny ul li {
	    font-size: 14px;
	    line-height: 1.4em;
	}

	#glowny_naglowek_knt::before {
  		background-size: auto 250px;
  	}
  	#glowny_naglowek_knt::before {
	  clip-path: ellipse(140% 60% at 0% 42%);
	}

	.naglowek_postrony h1 {
	  font-size: 32px;
	  margin-bottom: 0px;
	}
		.podstrona h2 {
	  font-size: 22px;
	}


	#glowny_naglowek_knt .menu_logo {
	    width: 130px;
	    z-index: 800;
	}
	#menu_glowne.pokaz {
	    padding-top: 160px;
	}

	#baner_knt {
	    margin-bottom: 100px;
	}
	.cennik_box {
		    bottom: -130px;
	}

	.kolumny_2 {
	    display: flex;
	  	flex-direction: column-reverse;
	    grid-gap: 20px;
	    padding: 20px;
	}

	#kontakt .zawartosc {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-gap: 20px;
	  align-items: center;
	  padding: 20px;
	}
	body.influ .stopka_knt p, .stopka_knt {
	  color: rgba(255, 255, 2555, 0.5);
	  font-size: 13px;
	}
	.stopka_knt a {
	  font-size: 13px;
	  color: rgba(255, 255, 2555, 0.5);
	}
	.wierszStopki h3 {
	  color: #fff;
	  font-size: 20px;
	  margin: 20px 0px 10px 0px;
	  font-weight: 700;
	}

	#kontakt .zawartosc .opis_mapki {
	    padding-left: 0px;
	}

	.podstrona .menu_oferty {
	  	grid-template-columns: 1fr 1fr;
	    gap: 10px;
	}
	.podstrona .boks_oferty a h3 {
	  color: #fff;
	  font-size: 16px;
	}
	  .podstrona .boks_oferty a h3 {
    color: #fff;
    font-size: 14px;
    line-height: 1.3em;
  }
}

@media only screen and (max-width:500px) {
	.menu_glowne.menu_kontakt ul li.mk_4{
		display:none;
	}	
}	

@media only screen and (max-width:450px) {
	#formularz_kontaktowy{
		background-size: auto 120%;
	}
	.form_dostepnosci .fw2 {
	  display: grid;
	  grid-template-columns: auto;
	}
	.form_kontakt .d_input textarea, .form_kontakt .d_input input {
	    padding: 8px 15px;
	    font-size: 14px;
	}
}

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