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

}

@media only screen and (max-width:1800px) {
	#glowny_naglowek {
	  	grid-template-columns: 650px 1fr 250px;
	    padding-right: 50px;
	}
	#glowny_naglowek_knt .menu_logo img {
	  height: auto;
	  padding: 100px 100px;
	}
	.stopka {
	  margin-right: 50px;
	  padding-right: calc( ((100vw - 1200px) / 2) - 50px);
	  padding-left: calc((100vw - 1200px) / 2);
	}
}

@media only screen and (max-width:1600px) {
	#glowny_naglowek {
	  	grid-template-columns: 500px 1fr 250px;
	    padding-right: 50px;
	    grid-gap: 5px;
	}
	#glowny_naglowek_knt .menu_logo img {
	  height: auto;
	  padding: 70px 50px;
	  max-width: 75%;
	}
	.opisBaneru div {
	  padding: 50px 100px;
	}

	.stopka {
	  margin-right: 50px;
	  padding-right: calc( ((100vw - 1000px) / 2) - 50px);
	  padding-left: calc((100vw - 1000px) / 2);
	      background-position: right center;
	}

	.form_dostepnosci {
	  max-width: 800px;
	  padding-left: calc((100vw - 1000px) / 2);
	}

	.naglowek_postrony h1 {
	  font-size: 50px;
	}
	.wiersz_caly {
	  width: 1200px;
	}
}

@media only screen and (max-width:1400px) {
	 #glowny_naglowek {
    grid-template-columns: 400px 1fr 200px;
    padding-right: 20px;
    grid-gap: 5px;
  }
  #glowny_naglowek_knt .menu_logo img {
    padding: 70px 20px;
  }
  .menu_glowne ul li a {
	 	padding: 5px 15px;
	  font-weight: 600;
	  font-size: 18px;
	}
	.menu_glowne {
	  margin-top: -50px !important;
	}
	#strona_glowna {
	  margin-top: -50px;
	}

	.opisBaneru {
	  font-size: 20px;
	}
	#i_oferta .slider_oferty {
	  margin-left: calc((100% - 1000px) / 2);
	}
	#i_oferta .slider_oferty .boks_oferty a h3 {
	  padding: 30px;
	  font-size: 24px;
	}
	#i_onas .kol_2 .tekst {
	  padding-right: calc((100vw - 1000px) / 2);
	}
	#i_partnerzy .tresc_partnerzy .tresc {
	  width: auto;
	  padding-left: calc((100vw - 1000px) / 2);
	  margin-right: calc((100vw - 1000px) / 2);
	}

	#kontakt .kol_2 .tekst {
	  padding-left: calc((100vw - 1000px) / 2);
	  position: relative;
	}

	.stopka {
    padding-right: calc( ((100vw - 800px) / 2) - 50px);
    padding-left: calc((100vw - 800px) / 2);
  }

	.form_dostepnosci {
	  max-width: 800px;
	  padding-left: calc((100vw - 800px) / 2);
	}


  .opisBaneru h2 em::before, .opisBaneru h1 em::before {
	  height: 4px;
	  bottom: 2px;
	}
	.wiersz_glowny h1 em::before, .wiersz_glowny h2 em::before {
	  height: 4px;
	  bottom: 2px;
	}



	.naglowek_postrony h1 {
	  font-size: 40px;
	}
	.podstrona,
	.naglowek_postrony .naglowek_postrony_tresc,
	.wiersz_caly {
	  width: auto;
	  max-width: 1000px;
	  padding: 0px  50px;
	}
	.tlo_podstrony {
	  background-size: 40% auto;
	}
}

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

	#i_partnerzy .wp-block-image img{
			mask-image: unset;
			padding: 10px 20px;
		}
	#i_oferta .slider_oferty {
	  margin-left: 50px;
	}
	#i_onas .kol_2 .tekst {
	  padding-right: 50px;
	}
	#i_partnerzy .tresc_partnerzy .tresc {
	  width: auto;
	  padding-left: 50px;
	  margin-right: 50px;
	}

  #kontakt .kol_2 .tekst {
    padding-left: 50px;
  }

  #glowny_naglowek {
    grid-template-columns: 300px 1fr 200px;
  }
  .menu_glowne ul li a {
    padding: 5px 10px;
    font-weight: 600;
    font-size: 16px;
  }

  .owl-theme .owl-dots{
  	  padding: 20px;
  }
  .owl-theme .owl-dots .owl-dot span {
	  width: 20px !important;
	  height: 15px !important;
	}
	#glowny_naglowek_knt .menu_logo {
	  background-size: cover;
	  background-position: right bottom;
	}

	.opisBaneru div {
    padding: 50px 50px;
  }
  .opisBaneru {
    font-size: 18px;
  }

  #i_oferta .wiersz_glowny .tresc {
	  padding: 50px;
	}
	#i_partnerzy .ng_partnerzy {
		background-size: cover;
	  background-position: 10px center;
	}

}


/*NIE Zmieniać*/
@media only screen and (max-width:1000px) {


	#glowny_naglowek {
    grid-template-columns:1fr 200px 50px;
  }
	#glowny_naglowek {
	    padding: 10px;
	}
	#menu_mobil{
		display: block;
		position: relative;
		top: unset;
		margin-top: 0px;
		z-index: 999;
	}
	#menu_glowne{
		position: absolute;
    background: #f2f2f2;
    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;
	}
	.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: 200px;
	}
	#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;
	}

	
}


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

	 #glowny_naglowek_knt .menu_logo {
    z-index: 800;
  }
  .menu_glowne.menu_kontakt {
    position: relative;
    z-index: 800;
  }


	#glowny_naglowek {
    padding: 0px;
    padding-right: 20px;
  }
   #glowny_naglowek_knt .menu_logo img {
    padding: 40px 20px;
  }

	.menu_glowne.menu_kontakt {
    margin-top: 0px !important;
  }
	.menu_glowne.menu_kontakt ul li a{
		width: 100%;
		box-sizing: border-box;  
		display: flex;
	  gap: 10px;
	  padding: 0px 10px;
	  align-items: center;
	}
	 #glowny_naglowek_knt .menu_logo {
    background-size: cover;
    background-position: right bottom;
    max-width: 300px;
  }
  .owl-theme .owl-dots {
	  top: -15px;
	}

  .opisBaneru {
    font-size: 16px;
  }


  .wiersz_glowny h1, .wiersz_glowny h2 {
	  font-weight: 700;
	  font-size: 38px;
	}

	html {
  	font-size: 16px;
	  font-weight: 400;
	  line-height: 1.5em;
	}
	#i_partnerzy {
	  margin: 50px 0px;
	  overflow: hidden;
	}
	#i_partnerzy .ng_partnerzy {
	  padding-top: 30px;
	  padding-bottom: 130px;
	}

	.stopka {
    padding-right: 50px;
    padding-left: 50px;
  }
  .wierszStopki.w2 {
	  grid-template-columns: 1fr;
	    grid-gap: 15px;
	}
	.toRight {
	  text-align: left;
	}



	.naglowek_postrony h1 {
	  font-size: 40px;
	}
	.podstrona .slajder_oferty {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 20px;
	}
	.podstrona .slajder_oferty a h3 {
  	padding: 20px 30px;
  	font-size: 16px;
  }

	.form_dostepnosci {
	  padding:0px 20%;
	}

	ul.menu_rozwijane li ul {
	  transform: translate(0px) skewX(0deg); 
	}

}


@media only screen and (max-width:800px) {
		#i_partnerzy .wp-block-image img{
			mask-image: unset;
			padding: 10px 10px;
		}
		.opisBaneru {
	    font-size: 14px;
	  }
		.opisBaneru div {
		  background-size: auto 600px;
		  background-position: -500px center;
		}
		.opisBaneru p {
		  margin: 10px 0px;
		}
		.opisBaneru h2, .opisBaneru h1 {

		  font-size: 26px
		  margin-bottom: 10px;
		}
		#baner_knt picture::before {
		  content: ' ';
		  width: 50%;
		  height: 100px;
		}

		#i_oferta .slider_oferty {
		  padding-bottom: 50px;
		}
		#i_oferta .slider_oferty .owl-theme .owl-dots {
		  bottom: -55px;
		}
		#i_oferta .slider_oferty .boks_oferty a h3 {
	    font-size: 18px;
	  }
	  #i_onas {
		  position: relative;
		  margin-top: 50px;
		}	

		#kontakt .kol_2,
		#i_onas .kol_2 {
		  grid-template-columns: 1fr;
		  grid-gap: 00px;
		}

		#kontakt .kol_2 .tekst,
		#i_onas .kol_2 .tekst {
	    padding: 20px 50px;
	  }

	  .wiersz_glowny h1, .wiersz_glowny h2 {
	    font-weight: 700;
	    font-size: 30px;
	  }





}

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

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

		.wp-block-image.border_right::before,
		.wp-block-image.border_left::before {
		  content: " ";
		  width: calc(100% + 20px);
		  height: calc(100% - 0px);
		  border: 1px solid #000;
		  display: block;
		  position: absolute;
		  left: unset;
		  z-index: -1;
		  top: 10px;
		  left: -10px;
		}

	.stopka {
    padding-right: 20px;
    padding-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (max-width:600px) {
	 #strona_glowna {
    margin-top: -20px;
  }
  #baner_knt{
  	padding-top: 25px;
  }
  .owl-theme .owl-dots {
    top: -10px;
    padding-right: 40px;
  }
	.opisBaneru {
 
	 display: block;  
	 width: 90%;
	}
	.opisBaneru div {
    background-size: cover;
    background-position: right center;
  }
	#baner_knt picture {
		margin-top: 20px;
	  overflow: hidden;
	  display: block;
	  width: calc(100% - 50px);
	  margin-left: 0%;
	  position: relative;
	  padding-bottom: 35px;
	  padding-left: 50px;
	  padding-top: 20px;
	}
	 .opisBaneru div {
    padding: 30px ;
    padding-right: 60px;
  }


	.opisBaneru {
	  position: relative;
	  margin-top: -100px;
	}

  #baner_knt picture::before {
  	bottom: unset;
  	top: 10px;
  }
  #i_oferta .wiersz_glowny .tresc {
    padding: 20px;
  }
  #i_oferta .slider_oferty {
    margin-left: 0px;
  }
  #kontakt .kol_2 .tekst, #i_onas .kol_2 .tekst {
    padding: 20px 20px;
  }

  #i_partnerzy .tresc_partnerzy .tresc {
    width: auto;
    padding-left: 0px;
    margin-right: 0px;
  }
  #i_partnerzy .tresc_partnerzy .tresc{

	  transform: skewX(0deg);
  }
  #i_partnerzy .tresc_partnerzy .tresc .tekst {
	  padding: 20px;
	  transform: skewX(0deg);
	}

  #kontakt {
	  margin-top: 50px;
	  overflow: hidden;
	}
  #kontakt::before {
  	display: none;
  }
  #kontakt .kol_2 .maska::before {
	  content: ' ';
	  width: 50%;
	  height: 200px;
	  margin-left: 30px;
	}
	.stopka_knt {
	  margin-top: 50px;
	}

	#i_partnerzy .tresc_partnerzy {
	  margin-top: 0;
	}
	#i_partnerzy .ng_partnerzy {
    padding-top: 30px;
    padding-bottom: 10px;
  }

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

	.naglowek_postrony h1 {
    font-size: 32px;
  }
  .podstrona,
	.naglowek_postrony .naglowek_postrony_tresc {
    padding: 0px 20px;
  }

  .form_dostepnosci {
	  padding:0px 20%;
	  padding-left: 20px;
	}
}

@media only screen and (max-width:500px) {
	#glowny_naglowek {
    grid-template-columns: 1fr 150px 50px;
  }
	.menu_kontakt ul li a span {
	  font-size: 12px;
	}
	.menu_kontakt ul li a div.skewX {
	  width: 35px;
	  height: 35px;
	}

	.menu_kontakt ul li a svg {
	  width: 15px;
	  padding: 10px;
	}
	.opisBaneru h2, .opisBaneru h1 {
	  font-size: 20px;
	  line-height: 1.2em;
	}


	.wiersz_glowny h1, .wiersz_glowny h2 {
    font-weight: 700;
    font-size: 26px;
  }
  .form_dostepnosci .fw2 {
	  display: grid;
	  grid-template-columns: auto;
	}
	.wp-block-column iframe {
	  padding: 20px;
	}
}	

@media only screen and (max-width:400px) {
	#glowny_naglowek {
    grid-template-columns: 1fr 50px 50px;
  }
   .menu_kontakt ul li a span {
   display: none;
  }
   #glowny_naglowek {
    grid-template-columns: 1fr 50px 50px;
    grid-gap: 20px;
  }

  #i_oferta {
	  margin: 20px 0px;
	}
}

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

}

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

}