@media only screen and (max-width:1900px) {
	#glowny_naglowek_knt {
	  width: 100%;
	  padding: 0px 10% 0px 10%;
	}
	ul.menuGlowne li{
		margin: 0px 15px;
	}
}


@media only screen and (max-width:1600px) {
	#glowny_naglowek_knt {
	  width: 100%;
	  padding: 0px 5% 0px 5%;
	}
	ul.menuGlowne li{
		margin: 0px 10px;
	}
	a.dowiedzSieWiecej{
		margin-top: -10px;
	}

	.tlo_oferta{
		padding: 200px 15% 0px 15%;
	}
	.info_popup {
		max-width: 70vw;
	}
}


@media only screen and (max-width:1400px) {
	ul.menuGlowne li {
	  margin: 0px 5px;
	}
	ul.menuGlowne li a {
	  font-size: 16px;
	  line-height: 26px;
	  padding: 10px 12px 10px 12px;
	}

	body.influ p, body.influ li, body.influ table td, body.influ table th {
	  font-size: 16px;
	  line-height: 1.4;
	}
	.tlo_onas .sekcjaPrawa div.tresc {
	  padding-right: 15%;
	}
	.tlo_opis .sekcjaLewa div.tresc {
	  padding-left: 15%;
	}
	.tlo_oferta {
	  padding: 200px 10% 0px 10%;
	}
	.info_popup {
		max-width: 80vw;
	}
	.tlo_transparentne.tlo_kontakt {
	  padding: 100px 5% 0px 5%;
	}
	.tlo_lokalizacja .lokalizacja_tekst1 p {
	  padding-left: 10%;
	  padding-right: 15%;
	}
	.tlo_lokalizacja .lokalizacja_tekst1 ol, .tlo_lokalizacja .lokalizacja_tekst1 ul {
	  padding-left: 15%;
	  padding-right: 15%;
	}
	.tlo_lokalizacja .lokalizacja_tekst2 p {
	  padding-left: 15%;
	  padding-right: 10%;
	}
}


@media only screen and (max-width:1200px) {
	.owl-carousel .owl-item img {
	  height:auto;
	}
	ul.menuKontaktu li a {
	  color: #fff;
	  font-size: 18px;
	  padding: 10px 10px 5px 10px;
	  font-weight: bold;
	}
	#menuStrGlowna {
	  overflow: hidden;
	  display: grid;
	  grid-template-columns: 300px 1fr;
	}
	ul.menuGlowne li a {
	  font-size: 15px;
	  line-height: 26px;
	  padding: 8px 8px 8px 8px;
	}
	ul.menuGlowne {
		  margin: 30px 0px 0px 0px;
	}

	a.dowiedzSieWiecej{
		display: none;
	}
	.tlo_oferta .tabela table button {
	  font-size: 14px;
	}
	.tlo_oferta .tabela table tr th.przycisk {
	  width: 175px;
	}
	.tlo_oferta .tabela {
	  background-color: #f5f5f5;
	  padding: 20px;
	}
	.tlo_lokalizacja{
		margin-top: 50px;
	}
	ul.info_domek {
		grid-template-columns: 1fr 1fr;
	}
	ul.info_domek li:last-child {
		text-align: left;
	}
	.tlo_transparentne.tlo_kontakt .tresc .kolumnyK {
	  grid-template-columns: 1fr;
	}
}


@media only screen and (max-width:1000px) {
				
		.wow{
			visibility: visible !important;
			animation-duration: 0s !important;
			animation-delay: 0s !important;
			animation-name: none !important;
		}
		.logo_knt {
		  	padding: 20px 40px 10px 20px;
		}
		#menu_mobil {
			display: block;
		}
		#menuStrGlowna {
		    display: block;
		}
		#menu_mobil {
		    position: absolute;
		    height: 30px;
		    top: 35px;
		    width: 60px;
		    right: 2vw;
		    z-index: 9;
		}
		#glowny_naglowek_knt {
		    display: block;
		    position: absolute;
		}
		ul.menuGlowne{
			width: 100%;
			margin: 0px;
			display: block;
			overflow: hidden;
			background-color: rgba(0,0,0,0.8);
			margin-top: -120px;
		}
		ul.menuGlowne li:first-child {
			padding-top: 120px;
		}
		ul.menuGlowne li:last-child {
			padding-bottom: 20px;
		}

		ul.menuGlowne li{
			width: calc(100% - 20px);
			margin: 5px 10px;

		}
		ul.menuGlowne li a::after {
			height: 0px;
		}

		ul.menuGlowne li.poz_ico{
			display: none;
		}



		.arrow-icon{
			display: block;
		}
		ul.menuGlowne li {
			width: calc(100% - 40px);
			margin: 5px 20px;
		}
		ul.menuGlowne li ul{
			opacity: 1;
			display: none;
			position: static;
			width: auto;
			pointer-events: all;
			overflow: hidden;
			transform: translate(0px, 0px);
			box-shadow: none;
			margin: 0px;
			background-color: transparent;
		}
		ul.menuGlowne li ul li:first-child {
		   padding: 10px 30px 5px 15px;
		}
		ul.menuGlowne li ul li:last-child {
			padding: 5px 30px 20px 15px;
		}
		ul.menuGlowne li ul li {
			padding: 5px 30px 5px 15px;
		}
		ul.menuGlowne li ul li a:hover {
			background-color: transparent;
		}

		ul.menuKontaktu {
		  top: 0px;
		  right: 0px;
		  position: absolute;
		}
		#menu_mobil {
		  position: absolute;
		  height: 30px;
		  top: 65px;
		  width: 60px;
		  right: 2vw;
		  z-index: 9;
		}

		.logo_knt {
		  padding: 25px 20px 10px 20px;
		}
		#glowny_naglowek_knt {
		  width: 100%;
		  padding: 0px;
		}

		ul.menuKontaktu li {
		  margin: 0px 5px;
		}
		ul.menuKontaktu li a {
		  font-size: 16px;
		}

		.tlo_opis .sekcjaLewa div.naglowekTlo,
		.tlo_onas .sekcjaPrawa div.naglowekTlo{
			padding-left: 20px;
			padding-right: 20px;
		}
		.tlo_transparentne.tlo_kontakt h2,
		.tlo_lokalizacja h2,
		.tlo_oferta h2,
		.tlo_opis .sekcjaLewa div.naglowekTlo h2,
		.tlo_onas .sekcjaPrawa div.naglowekTlo h2{
			font-size: 4vw;
		}
		.tlo_onas .sekcjaPrawa div.tresc h2 {
		  font-size: 20px;
		}
		.galeriaWiersz {
		  display: grid;
		  grid-template-columns: calc(100% - 100px) 100px;
		}
		.nawigacja div i {
		  font-size: 20px;
		}

	

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

		.tlo_oferta .tabela table tr th, .tlo_oferta .tabela table tr td {
		  padding: 10px;
		  font-size: 14px;
		}

		.tlo_oferta {
		  padding: 100px 5% 0px 5%;
		}

		.info_popup_zawartosc,
		.info_popup {
			max-width: 90vw;
		}

		.tlo_lokalizacja .lokalizacja_tekst2 p {
		  padding-left: 10%;
		  padding-right: 5%;
		  margin: 15px 0px;
		}
		.tlo_lokalizacja .lokalizacja_tekst1 p {
		  padding-left: 5%;
		  padding-right: 10%;
		  margin: 15px 0px;
		}

		.tlo_transparentne.tlo_strona header {
		  padding-top: 120px;
		  padding-left: 5%;
		  padding-right: 5%;
		  padding-bottom: 50px;
		}
		.tlo_transparentne.tlo_strona article {
		  margin: 5vw 10vw 5vw 10vw;
		}
}


@media only screen and (max-width:800px) {
	:root {
		--radius:  50px;
	}
	ul.menuKontaktu li a span{
		display: none;
	}
	.banerTekt {
	  top: 220px;
	}
	.tlo_onas .sekcjaPrawa div.tresc {
	  padding-right: 5%;
	}
	.tlo_opis .sekcjaLewa div.naglowekTlo img {
	  position: absolute;
	  top: -5vw;
	  height: auto;
	  z-index: 1;
	  right: 0;
	}


	.tlo_oferta .tabela table, .tlo_oferta .tabela thead,.tlo_oferta .tabela tbody,.tlo_oferta .tabela th,.tlo_oferta .tabela td,.tlo_oferta .tabela tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.tlo_oferta .tabela table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.tlo_oferta .tabela table tr { border: 1px solid #ccc;  padding: 0px;}
	
	.tlo_oferta .tabela table tr td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 115px; 

	}
	
	.tlo_oferta .tabela table tr td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 115px; 
		padding-right: 10px; 
		white-space: nowrap;
		opacity: 0.5;
		font-weight: 300;
		line-height: 28px;
	}
	
	/*
	Label the data
	*/
	.tlo_oferta .tabela td:nth-of-type(1) { background-color: rgba(0, 0, 0, 0.05); font-weight: bold }
	.tlo_oferta .tabela td:nth-of-type(1):before { content: "Numer domu: "; color: var(--kolor-czarny); opacity: 1; font-weight: bold; }
	.tlo_oferta .tabela td:nth-of-type(2):before { content: "Powierzchnia: "; }
	.tlo_oferta .tabela td:nth-of-type(3):before { content: "Pow. działki: "; }
	.tlo_oferta .tabela td:nth-of-type(4):before { content: "Dostępność: "; }
	.tlo_oferta .tabela td:nth-of-type(5):before { content: "Cena: "; line-height: 42px; }
	.tlo_oferta .tabela td:nth-of-type(6):before { content: "Szczegóły: "; line-height: 42px; }


	.tlo_oferta .tabela th{
		display: none;
	}
	.tlo_oferta .tabela {
	  background-color: #f5f5f5;
	  padding: 0px;
	}
	.tlo_oferta .tabela table tr:nth-of-type(odd) { 
	  background: #f2f2f2; 
	}

	.tlo_transparentne.tlo_kontakt h2,
	.tlo_lokalizacja h2,
	.tlo_oferta h2,
	.tlo_opis .sekcjaLewa div.naglowekTlo h2,
	.tlo_onas .sekcjaPrawa div.naglowekTlo h2{
		font-size: 30px;
	}

	.tlo_transparentne.tlo_kontakt .tresc .kolumnyK {
	  grid-template-columns: 1fr;
	}

	.stopka {
	  grid-template-columns: 1fr;
	  font-size: 14px;
	  text-align: center;
	}

	.stopka .do_prawej {
		padding-top: 50px;
	    text-align: center;
	}

	input.formInput ,
	textarea.formInput {
	  font-family: var(--czcionka);
	  font-size: 14px;
	}
	.regulaminInfo {
	  display: block;
	  font-size: 12px;
	  line-height: 14px;
	}
}


@media only screen and (max-width:600px) {
	.banerBox {
	  padding: 120px 5% 5% 5%;
	}

	.banerTekt {
	  top: 150px;
	}

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

	.tlo_onas .sekcjaPrawa {
	  display: grid;
	  grid-template-columns: 1fr;
	  margin-top: auto;
	  grid-gap: 0px;
	}
	.tlo_onas .sekcjaPrawa div.naglowekTlo h2{
		text-align: left;
	}
	.tlo_onas .sekcjaPrawa div.tresc {
	  padding: 0px 5%;
	}

	.tlo_opis .sekcjaLewa {
	  display: flex;

		flex-direction: column-reverse;
	  margin-top: 0vw;
	  grid-gap: 0;
	}
	.tlo_opis .sekcjaLewa div.tresc {
	  padding:  5%;
	}
	#logoGlowne {
	  width: 250px;
	  max-width: 70%;
	}
	.tlo_transparentne.tlo_strona header h1 {
	  color: #fff;
	  font-size: 26px;
	}
	.info_popup {
		max-width: 98vw;
	}
	ul.info_domek {
		grid-template-columns: 1fr;
	}
}


@media only screen and (max-width:430px) {
	.banerTekt {
		top: 160px;
		width: 60%;
		padding: 3% 5% 3% 5%
	}
	.banerTekt h1 {
		font-size: 4.5vw;
	}
	.banerImg {
		width: 100%;
	}
	#logoGlowne {
		width: 100%;
		max-width: 100%;
	}
	ul.menuKontaktu {
		left: 0px;
		right: unset;
		top: 90px;
		padding-left: 5vw;
	}
	ul.menuKontaktu li:first-child,
	ul.menuKontaktu li:first-child a {
		padding-left: 0px;
		margin-left: 0px;
	}
	ul.menuKontaktu li a i,
	ul.menuKontaktu li a {
		color: #fff;
	}
	.banerBox {
		padding-top: 160px;
	}
	#menu_mobil {
		right: 5vw;
		top: 107px;
	}
	ul.menuGlowne li:first-child {
		padding-top: 160px;
	}
	.tlo_onas .sekcjaPrawa div.naglowekTlo {
		padding-top: 35px;
		padding-bottom: 35px;
	}
	.tlo_onas .sekcjaPrawa div.naglowekTlo h2 {
		font-size: 24px;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.tlo_onas .wp-block-column,
	.tlo_onas .wp-block-column h2,
	.tlo_onas figure {
		text-align: center;
	}
	.tlo_onas figure {
		margin-bottom: 5px;
	}
	.tlo_onas figure img {
		display: inline-block;
		max-width: 100px;
	}
	.tlo_onas .sekcjaPrawa div.tresc {
		margin-top: 30px;
	}
	.tlo_transparentne.tlo_onas {
		margin-bottom: 50px;
	}

	.tlo_opis .sekcjaLewa div.naglowekTlo {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.tlo_opis .sekcjaLewa .tresc {
		background-color: #f5f5f5;
	}
	.tlo_transparentne.tlo_opis .naglowekTlo img {
		display: none;
	}
	.tlo_opis .sekcjaLewa div.naglowekTlo h2 {
		font-size: 24px;
		margin-top: 35px;
		margin-bottom: 15px;
	}
	.tlo_transparentne.tlo_opis .naglowekTlo {
		background-color: var(--kolor-glowny);
	}
	.naglowekTloPG {
		height: 35px;
		margin-bottom: 35px;
		background-color: #f5f5f5;
	}
	.naglowekTloPG img {
		display: none;
	}
	.galeriaWiersz {
		grid-template-columns: calc(100% - 50px) 50px;
	}
	.tlo_transparentne.tlo_oferta {
		padding-top: 35px;
	}
	.tlo_lokalizacja {
		margin-bottom: 50px;
	}
	.tlo_lokalizacja h2 {
		font-size: 24px;
		margin-bottom: 15px;
		padding-left: 5vw;
		text-align: left;
	}
	.tlo_transparentne.tlo_kontakt {
		padding: 75px 5% 0px 5%;
	}
	.tlo_transparentne.tlo_kontakt .tresc .kolumnyK {
		padding-bottom: 35px;
		margin-bottom: 50px;
	}
	.stopka {
		margin-top: 0px;
	}
	#influencja {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.tlo_transparentne.tlo_strona header {
		padding-top: 150px;
	}
	.formularzCena,
	.formularzCenaZawartosc {
		width: 90vw;
		max-width: 90vw;
	}
}