@media only screen and (min-width:2000px) {
	.menu_glowne ul {
	  gap: 80px;
	}
	.menu_oferty .boks_oferty a h3 {
  	padding: 80px;
  }
  .menu_oferty .boks_oferty a::after {
	  left: 80px;
	  bottom: 80px;
	}
}

@media only screen and (max-width:1800px) {
	#glowny_naglowek {
	  margin: 0 100px;
	}
	.menu_glowne ul {
	  gap: 2vw;
	}

	.opisBaneru h2, .opisBaneru h1 {
	  font-size: 96px;
	}
	.opisBaneru {
	  font-size: 20px;
	}
	.opisBaneru a {
	  margin-left: -100px;
	  padding: 60px 100px;
	}

	.opisBaneru aside {
	  width: 450px;
	}
	.opisBaneru::before {
	  width: 650px;
	}
	#i_oferta .tresc {
	  margin: 20px 100px;
	}
	.naglowek_oferty {
	  padding: 0px 50px;
	}
	#i_jakosc {
	  margin: 100px 100px;
	}
	#i_onas {
	  margin: 100px 100px;
	}

	.opis_index h2 {
	  font-size: 44px;
	}
	#i_rozmowa .kolumny_2 .tekst {
	  padding-left: 150px;
	}
	#stopka_box {
	  margin-top: 100px;
	}
	.stopka_knt {
	  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 100px) 100%, calc(100% - 100px) 80px, calc(100% - 180px) 0%);
	}
	.wierszStopki.w5 {
	  display: grid;
	  grid-template-columns: 300px 1fr 200px;
	  grid-gap: 100px;
	  padding: 50px 100px;
	    padding-right: 100px;
	  padding-right: 200px;
	}
	.wierszStopki.w2 {
	  padding: 50px 100px;
	  padding-right: 200px;
	}
	#opienie_index .referencjeOwl {
	  padding: 0px 0px;
	  box-sizing: border-box;
	}
}

@media only screen and (max-width:1600px) {
	#glowny_naglowek {
	  grid-template-columns: 250px 1fr;
	}
	.logo_knt {
	 width: 250px;
	}
	.menu_glowne ul li a {
	  font-size: 18px;
	}

	.opisBaneru h2, .opisBaneru h1 {
    font-size: 76px;
  }
  .opisBaneru {
	  width: 800px;
	}
	#i_tekst .wiersz_glowny {
	  max-width: 1200px;
	  margin: 0 150px;
	}
	.menu_oferty .boks_oferty a h3 {
	  font-size: 32px;
	  padding: 3vw;
	}
	.menu_oferty .boks_oferty a::after {
	  left: 3vw;
	  bottom: 3vw;
	  width: 60%;
	}
	.opis_index .tekst {
	  padding: 0px;
	}
	
	.video_onas img {
	  margin-top: -50px;
	  width: 65%;
	}

	 #i_rozmowa .kolumny_2 .tekst {
	 	padding: 50px;
    padding-left: 100px;
  }
	

  html {
	  font-size: 18px;
	  line-height: 1.5em;
	}

	.naglowek_oferty h2 {
	  font-size: 52px;
	}

	.wiersz_glowny h1, .wiersz_glowny h2, h2,
	#kontakt .zawartosc h2,
	.opis_index h2 {
    font-size: 38px;
  }
  
	#opienie_index .referencjeOwl .referecja .etykieta strong {
	  font-size: 28px;
	}

	.naglowek_postrony {
	  padding-top: 150px;
	}

}

@media only screen and (max-width:1400px) {
	#glowny_naglowek {
    grid-template-columns: 250px 1fr;
    margin: 0 50px;
  	grid-gap: 10px;
  	margin-right: 80px;
  }
  .menu_glowne ul {
    gap: 10px;
  }

  .menu_kontakt ul {
	  padding: 20px 0px;
	}
  .menu_kontakt ul li a {
	  gap: 10px;
	  padding: 5px;
	}
  .menu_kontakt ul li a svg {
	  width: 20px;
	}

	#baner_knt {
	  margin-right: 50px;
	}
	.opisBaneru h2, .opisBaneru h1 {
    font-size: 58px;
  }
  .opisBaneru {
    width: 600px;
    padding: 0px 50px;
    padding-top: 0px;
    padding-top: 100px;
  }
  .opisBaneru::before {
    width: 500px;
  }

  .opisBaneru aside {
    width: 400px;
  }
  .opisBaneru a {
    margin-left: -50px;
    padding: 30px 50px;
    font-size: 22px;
    margin-top: 30px;
  }
 	.opisBaneru aside {
 		font-weight: 400;
    font-size: 18px;
    line-height: 1.3em;
  }




	#i_tekst .wiersz_glowny {
    max-width: 100%;
    margin: 0 100px;
    box-sizing: border-box;
    width: auto;
  }

  #i_oferta .tresc {
    margin: 20px 50px;
  }
  #opienie_index {
	  margin: 100px 50px;
	}

	.wierszStopki.w5 {
    display: grid;
    grid-template-columns: 300px 1fr 200px;
    grid-gap: 50px;
    padding: 50px 50px;
    padding-right: 100px;
  }
  .stopka_knt {
    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 50px) 100%, calc(100% - 50px) 80px, calc(100% - 130px) 0%);
  }
  .menu_oferty_stopka a {
	  width: 45%;
	  margin-right: 5%;
	  float: left;
	}
	.wierszStopki.w2 {
    padding: 50px 50px;
    padding-right: 100px;
  }

  .naglowek_postrony {
  	clip-path: polygon(0% 0%, 0% 100%, calc(100% - 130px) 100%, calc(100% - 50px) calc(100% - 80px), calc(100% - 50px) 0%);
    padding-left: 50px;
    padding-right: 100px;
  }
  .podstrona {
  	width: auto;
	  max-width: 1200px;
	  margin-top: 50px;
	  padding: 0px 50px;
	  box-sizing: border-box;
	  margin-bottom: 100px;
	}
	.rozmowa_podstrona {
		margin-bottom: 200px;
	}

}

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

	.naglowek_postrony h1 {
	  font-size: 50px;
	}
	.logo_knt {
    width: 200px;
    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 30px) 100%, 100% calc(100% - 30px), 100% 0%);
  }
  .menu_prawe {
	  text-align: right;
	  margin-top: 30px;
	  margin-bottom: 30px;
	}

	.menu_glowne ul li a {
	  padding: 10px 5px;
	  font-size: 16px;
	}
	.menu_glowne ul li a.btn_header {
	  padding: 10px 20px;
	}
	#glowny_naglowek {
    grid-template-columns: 200px 1fr;
    margin: 0 20px;
  }
  .menu_kontakt {
	  position: absolute;
	  width: auto;
	  margin: 0 auto;
	  right: 0;
	  top: 80px;
	}
	#i_tekst .wiersz_glowny h2 {
	  font-size: 26px;
	}
	#i_tekst .wiersz_glowny {
    margin: 0 50px;
  }
  #i_oferta .tresc {
    margin: 20px 20px;
  }
  .naglowek_oferty {
    padding: 0px 20px;
  }
  #i_jakosc {
    margin: 100px 50px;
  }
  #i_onas {
    margin: 100px 50px;
  }
  #i_rozmowa .kolumny_2 .tekst {
    padding: 20px;
    padding-left: 20px;
    padding-left: 50px;
  }
  .btn {
	  font-size: 16px;
	  padding: 10px 20px;
	}
	#opienie_index {
    margin: 50px 20px;
  }
  #opienie_index .referencjeOwl .referecja {
	  padding: 50px 20px;
	}

	#kontakt {
	  margin: 50px 0px;
	  padding: 0px 20px;
	}

	#kontakt .zawartosc {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 50px;
	  align-items: center;
	}


	#i_rozmowa .kolumny_2 .tekst {
	  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 40px, calc(100% - 40px) 0%);
	}
	#i_rozmowa .tlo_rozmowa {
		clip-path: polygon(0% 100px, 0% 100%, 100% 100%, 100% 140px, calc(100% - 40px) 100px);
	}

	.menu_oferty .boks_oferty a,
	.video_onas video,
	.video_onas img {
	  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 40px) 100%, 100% calc(100% - 40px), 100% 0%);
	}

	#baner_knt {
	  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 60px) 100%, 100% calc(100% - 60px), 100% 0%);
	}



  .wiersz_glowny h1, .wiersz_glowny h2, #kontakt .zawartosc h2, .opis_index h2, h2 {
    font-size: 30px;
  }
  #kontakt .zawartosc h3,
  #opienie_index .referencjeOwl .referecja .etykieta strong {
    font-size: 22px;
  }

  .wierszStopki.w5 {
    display: grid;
    grid-template-columns: 300px 1fr 1fr;
  }
  .menu_oferty_stopka a {
    width: 100%;
    margin-right: 0;
    float: left;
  }

  .ozdoba_1_01 {
	  clip-path: polygon(0% 0%, 0% 100%, calc(100% - 40px) 100%, 100% calc(100% - 40px), 100% 0%);
	}
  .ozdoba_2 {
	  clip-path: polygon(1% 0%, 0% calc(100% - 40px) , 40px 100%, 100% 100%, 100% 0%);
	}
	.ozdoba_kontaktu {
	  clip-path: polygon(40px 0%, 0% 40px, 0% 100%, 100% 100%, 100% 0%);
	}

	.stopka_knt a {
	  font-size: 16px;
	  padding: 2px 0px;
	}

}

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


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

		clip-path: polygon(0% 0%, 0% 100%, calc(100% - 30px) 100%, 100% calc(100% - 30px), 100% 0%);
			
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: top center; 

		background-image: url('../img/tlo_menu.webp');
	}
	.menu_glowne ul li a {
	    padding: 10px 25px;
	    font-size: 16px;
	    display: block;
	    width: calc(100% - 120px);
	}

	.menu_glowne ul li a svg{
		display: none;
	}

	.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;
	}

	
}

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

		 #glowny_naglowek {
	    grid-template-columns: 1fr 150px 50px;
	  }
	  .logo_knt{
	  	z-index: 702;
	  }
		.menu_kontakt{
			display: none;
		}

		.menu_kontakt_mobil{
			position: relative;
	    display: block;
	    top: unset;
	    z-index: 701;
		}


		.menu_kontakt_mobil.menu_glowne ul {
			display: flex;
		}
		.menu_kontakt_mobil.menu_glowne ul li a {
	    padding: 10px;
	    width: auto;
	    line-height: 0px;
	  }

	  #baner_knt {
	    margin-right: 0px;
	  }

	  #menu_glowne.pokaz {
	    padding-top: 180px;
	  }
	  .opisBaneru h2, .opisBaneru h1 {
	    font-size: 42px;
	  }

	  .naglowek_postrony {
	    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 80px) 100%, 100% calc(100% - 80px),100% 0%);
		}




		#formularzPop p {
		  font-size: 16px;
		}
		.formInput, #kariera_form fieldset select, #kariera_form fieldset textarea, #kariera_form fieldset input {
		  padding: 10px 15px;
		}

		#formularzPopForm .btn{
			display: block;
			text-align: center;
			width: 100%;
    	box-sizing: border-box;
		}

		span.lub{
			display: block;
			text-align: center;
		}

}

@media only screen and (max-width:800px) {
		.opisBaneru{
				width: auto;
				position: relative;    
				margin-top: 0px;
    		padding-top: 0px;
		}
		.opisBaneru::before {
			width: 100%;
		  background-image: url('../img/before-baner.webp');
		  background-color: #666;
		  clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);

		}
		.opisBaneru aside {
	    width: auto;
	  }
	  .opisBaneru h2, .opisBaneru h1 {
	    font-size: 42px;
	    text-align: left;
	    padding-top: 50px;
	  }

	   #i_jakosc {
	    margin: 80px 20px;
	  }
	  #i_jakosc .kolumny_6_4 {
		  display: grid;
		  grid-template-columns: 1fr;
		  gap: 50px;
		  align-items: center;
		}

		#i_onas {
	    margin: 80px 20px;
	  }
		#i_onas .kolumny_6_4 {
		  display: flex;
		  gap: 50px;
	  	flex-direction: column-reverse;
		}


		#i_rozmowa .kolumny_2 {
		  align-items: end;
		  display: flex;
		  flex-direction: column-reverse;
		  gap: 0px;
		}

		 #i_rozmowa .kolumny_2 .tekst {
	    width: 100%;
	    box-sizing: border-box;
	    padding: 50px;
	  }

	  #kontakt .zawartosc {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 50px;
	    align-items: center;
	  }
	  .wierszStopki.w2 {
		  display: grid;
		  grid-template-columns: 1fr;
		  grid-gap: 50px;
		}
		.ozdoba_kontaktu {
		  position: absolute;
		  bottom: -150px;
		}

		.stopka_knt {
	    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 20px) 100%, calc(100% - 20px) 80px, calc(100% - 100px) 0%);
	  }

	  .wierszStopki.w5 {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			grid-gap: 0px;
			padding: 20px 20px;
    	padding-right: 40px;
    	    grid-row-gap: 20px;
		}

		.s_1  { grid-area: 1 / 1 / 2 / 3; }
		.s_2  { grid-area: 2 / 1 / 3 / 2; }
		.s_3  { grid-area: 2 / 2 / 3 / 3; } 

		.wierszStopki.w5 .s_logo{
			text-align: center;
			clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 80px, calc(100% - 80px) 0%);
		}


		.wierszStopki.w5 .s_logo {
			max-width: 300px;
		}
		.wierszStopki.w5 .s_logo img{
			max-width: 300px;
		}

		 .wierszStopki.w2 {
	    padding: 50px 20px;
	    padding-right: 20px;
	    padding-right: 40px;
	    text-align: center;
	  }
	  .toRight {
		  text-align: center;
		}
		#i_rozmowa .kolumny_2 .tekst {
	    width: 100%;
	    box-sizing: border-box;
	    padding: 40px 40px;
	  }

	  .naglowek_postrony {
	    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 40px) 100%, 100% calc(100% - 40px),100% 0%);
		}
		.naglowek_postrony h1 {
	    font-size: 36px;
	  }
		
		html, .podstrona p, .wiersz_glowny ul li {
		  font-size: 16px;
		  line-height: 1.4em;
		}

		.menu_oferty {
		  display: grid;
		  grid-template-columns: 1fr 1fr;
		  grid-gap: 20px;
		  margin-top: 50px;
		}

}	

@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;
		}
}

@media only screen and (max-width:600px) {
	#formularzPop {
	  padding: 30px;
	}
	  .logo_knt {
	    width: 150px;
	  }
	  .opisBaneru {
	    padding: 0px 20px;
	  }
	  .opisBaneru h2, .opisBaneru h1 {
	  	font-size: 28px;
	    padding-top: 20px;
	  }
	  .opisBaneru aside {
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 1.2em;
	  }
	  .opisBaneru a {
	    margin-left: -50px;
	    padding: 20px 50px;
	    font-size: 16px;
	    margin-top: 30px;
	  }
	  #glowny_naglowek {
	    grid-template-columns: 1fr 130px 50px;
	  }


	  .naglowek_oferty {
		  display: grid;
		  grid-template-columns: 1fr;
		  align-items: center;
		  gap: 20px;
		}

		.menu_oferty .boks_oferty a h3 {
	    font-size: 24px;
	    padding: 6vw;
	  }

	  .podstrona {
		    width: auto;
		    max-width: 1200px;
		    margin-top: 50px;
		    padding: 0px 20px;
		    margin-bottom: 75px;
		}
		.rozmowa_podstrona {
			margin-bottom: 150px;
		}

	  .naglowek_postrony {
	    padding-left: 20px;
	    padding-right: 20px;
	    padding-top: 100px;
	  }
	   .wiersz_glowny h1, .wiersz_glowny h2, #kontakt .zawartosc h2, .opis_index h2, h2{
	    font-size: 26px;
	  }
		#i_rozmowa .img_osoba {
			max-width: 70%;
		}

		.wiersz_2{
			grid-template-columns: 1fr;
			grid-gap: 0px;
			margin-bottom: 10px;
		}
		.dm-uploader{
			padding: 6px !important;
		}
		.uploader_box .btn i{
			display: block;
			font-size: 40px;
		}
		.dm-uploader .btn {
		  margin-top: 0px;
		}
	  .btn {
		  font-size: 14px;
		  padding: 10px 10px 10px 10px;
		}
		.uploader_box .btn p{
			font-size: 11px !important;
			line-height: 1.2em;
			font-weight: 400;
		}
		.menu_oferty .boks_oferty a:after,
		.opis_index  h2::after,
		#i_tekst .wiersz_glowny h2:after,
		.podstrona .tresc h2::after,
		.wierszStopki.w5 h3:after,
		#kontakt .zawartosc h2:after{
			width: 80%;
			max-width: 150px;
			height: 6px;
			margin-top: 15px;
			clip-path: polygon(0% 0%, 0% 100%, calc(100% - 5px) 100%, 100% calc(100% - 2px), 100% 0%);
		}
		.menu_oferty .boks_oferty a:after{
			width: 60%;
			max-width: 100px;
		}

}

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

			.wierszStopki.w5 .s_logo {
			max-width: 200px;
			    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 40px, calc(100% - 40px) 0%);
		}
		.wierszStopki.w5 .s_logo img{
			max-width: 200px;
		}

	#kontakt .zawartosc .box_mapki {
		grid-row: 2;
  }

	#kontakt .zawartosc .opis_mapki {
		grid-row: 1;
  }

}	

@media only screen and (max-width:450px) {
	  .wierszStopki.w5 {
			grid-gap: 20px;
		}
	  .opisBaneru aside {
	    font-size: 14px;
	  }
		.menu_oferty {
		  grid-gap: 20px;
		  margin-top: 20px;
		}
		.btn_owl{
			width: 50px;
			height: 38px;
		}
	  .naglowek_oferty {
	    padding: 0px;
	  }
		#glowny_film{
			max-width: 100%;
		}
		#glowny_film video{
	    width: 150%;
	    margin-left: -25%;
		}
}

@media only screen and (max-width:420px) {
	.menu_kontakt_mobil.menu_glowne ul li a {
    padding: 10px 0px;
  }
  #glowny_naglowek {
    padding: 10px 0px;
  }



}

@media only screen and (max-width:370px) {
	.s_1 { grid-area: 1 / 1 / 2 / 3; }
	.s_2 { grid-area: 2 / 1 / 3 / 3; }
	.s_3 { grid-area: 3 / 1 / 4 / 3; } 
}