@media only screen and (max-width:1800px) {
	
	.baner_opisowy .tresc_baneru .tlo_c {
	  padding: 2vw 5vw;
	  padding-right: 15vw;
	}
	.wiersz_kontakt div.c1,
	.sticky_box {
	  padding-left: 15vw;
	}
	#szczegly_oferty .wiersz_oferta .oferta,
	#szczegly_onas .wiersz_onas .tresc{
		padding-right: 15vw;
	}
	.tresc.margines.kontakt .kontakt_w {
	  margin-right: 15%;
	  padding-left: 15%;
	}
	.stopka {
	  width: auto;
	  margin: 0px 15vw;
	}
}

@media only screen and (max-width:1600px) {
	.baner_opisowy .tresc_baneru .tlo_c h1 {
	  font-size: 60px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
	  font-size: 26px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li span{
		left: -40px;
		top: 5px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li i{
		font-size: 26px;
	}
	.menu_glowne ul{
		gap: 10px;
	}
	#szczegly_realizacji h2 {
		font-size: 2vw;
	}
}

@media only screen and (max-width:1400px) {
	.baner_opisowy .tresc_baneru .tlo_c {
	  padding: 2vw 5vw;
	  padding-right: 10vw;
	}
	.wiersz_kontakt div.c1,
	.sticky_box {
	  padding-left: 10vw;
	}
	#szczegly_oferty .wiersz_oferta .oferta,
	#szczegly_onas .wiersz_onas .tresc{
		padding-right: 10vw;
	}
	.tresc.margines.kontakt .kontakt_w {
	  margin-right: 10%;
	  padding-left: 10%;
	}
	.stopka {
	  width: auto;
	  margin: 0px 10vw;
	}

	#glowny_naglowek {
	  margin: auto;
	  display: grid;
	  grid-template-columns: 30% 70%;
	}
	#glowny_naglowek div.menu_glowne {
	  padding: 19px 80px;
	}
	.baner_opisowy .tresc_baneru {
	  position: absolute;
	  display: grid;
	  grid-template-columns: 30% 70%;
	}
	.baner_opisowy .tresc_baneru .tlo_c h1 {
	    font-size: 50px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
	    font-size: 24px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li span{
		left: -40px;
		top: 5px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li i{
		font-size: 26px;
	}
	.logo_knt{
		height: 50px;
  		display: block;
	}
	.baner_opisowy .tresc_baneru {
	  top: 110px;
	}

	.naglowekPodstrony {
	  padding: 50px 10vw;
	}
	.podstrona {
	  padding: 3vw 10vw;
	}
	.naglowekPodstrony {
	  padding: 30px 5vw;
	  padding-top: 120px;
	}
	.podstrona {
	  padding: 3vw 5vw;
	}

	h1 {
	  font-size: 38px;
	}
}

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

@media only screen and (max-width:1100px) {
	#menu_mobil {
		display: block;
		position: absolute;
		top: 40px;
		right: 60px;
	}
	
	#glowny_naglowek {
		display: block;
	  padding: 12px 20px 12px 20px;
		clip-path: unset;
	}
	
	.logo_knt {
		display: block;
		max-width: 200px;
	}
	.menu_glowne {
		position: absolute;
		white-space: 100%;
		left: 0px;
		right: 0px;
		margin-top: 40px;
		background-color: var(--jasnoszary);
		z-index: 500;
		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;
	}
	.menu_glowne.pokaz {
		margin-top: 13px;
		opacity: 1;
		pointer-events: auto;
		-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;
	}
	.menu_glowne ul {
		display: block;
		padding:30px;
	}
	.menu_glowne ul li a {
		display: inline-block;
		background: none;
	}
	.menu_glowne ul li a:hover {
		background: none;
		color: var(--czarny);
	}
	.menu_glowne ul li ul{
		opacity: 1;
	    position: static;
	   	pointer-events: all;
	    width: 100%;
	    display: none;
	    margin-top: 0px;
	    margin-bottom: 30px;
	}
	.wycen_btn br{
		display: none;
	}

	.arrow-icon{
		display: block;
	}
	.wycen_btn span {
	    text-transform: uppercase;
	    font-size: 17px;
	    line-height: 20px;
	}


	#glowny_naglowek div.logo_glowne {
	  padding: 30px 50px;
	  background-color: rgba(255,255,255,0.8);
	}
	#glowny_naglowek {
	    padding: 0;
	}
	#glowny_naglowek div.menu_glowne {
	    padding: 0px 0px;
	        margin: 0;
	}

	.baner_opisowy .tresc_baneru {
	    grid-template-columns: 40% 60%;
	 }

	.baner_opisowy .tresc_baneru .tlo_c h1 {
	    font-size: 40px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
	    font-size: 20px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li span{
		left: -40px;
		top: 5px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li i{
		font-size: 20px;
	}
	body.influ {
	  font-size: 16px;
	}
	h2 {
	  font-size: 26px;
	}

	.naglowekPodstrony h1{
		font-size: 48px;
	}

	.nasza_oferta li h3 {
	  font-size: 18px;
	}
	.baner_opisowy .tresc_baneru .tlo_c h1 {
	    font-size: 30px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
	    font-size: 18px;
	}

	#szczegly_oferty .wiersz_oferta .oferta,
	#szczegly_onas .wiersz_onas .tresc {
  		padding: 30px;
  	}

	.wiersz_kontakt div.c1, .sticky_box {
	    padding-left: 5vw;
	}
  	body.influ {
	    font-size: 14px;
	}
	.tresc.margines.kontakt #formularz_mail {
	  display: block;
	}

	
}

@media only screen and (max-width:800px) {
	.wiersz_start h2{
		font-size: 20px;
	}
	.naglowekPodstrony h1{
		font-size: 40px;
	}
	#glowny_naglowek div.logo_glowne {
	    padding: 15px 20px;
	}
	#menu_mobil {
	    display: block;
	    position: absolute;
	    top: 25px;
	    right: 40px;
	}
	.baner_opisowy .tresc_baneru {
	    top: 80px;
	}
	.baner_opisowy .tresc_baneru {
	    grid-template-columns: 30% 70%;
	  }
	.baner_opisowy .tresc_baneru .tlo_c h1 {
	    font-size: 4vw;
	    margin: 1vw 0px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul{
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li {
		position: relative;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
	    font-size: 2.5vw;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li span{
		left: -30px;
		top: 0px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li i{
	    font-size: 2.5vw;
	}
	

	#szczegly_onas {
	  margin-top: 0px;
	}
	#szczegly_onas .wiersz_onas {
	  display: flex;
	  flex-direction: column-reverse;
	}

	.bgOnas {
		min-height: 60vw;
	}
	#szczegly_onas .wiersz_onas .tresc {
	  margin-top: 10px;
	  margin-bottom: 10px;
	}

	#szczegly_oferty {
	  margin-top: 0px;
	}
	#szczegly_oferty .wiersz_oferta {
	  	grid-template-columns: 40% 60%;
	}
	.sticky_box {
  	 	margin-top: 40px;
	}
	.nasza_oferta {
	    display: grid;
	    grid-template-columns: 1fr;
	}

	.oferta_podstony .nasza_oferta {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	}



	#szczegly_realizacji h2 {
		font-size: 4vw; 
		padding: 9.5vw 30px;
		right: 10%;
	}
	.tresc.margines.kontakt .kontakt_w {
		margin-top: -10.3vw;
	}
}

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

	.wiersz_start{
		display: grid;
		grid-template-columns: 1fr;
	}
	body.influ,
	.form_input {
		font-size: 14px;
	}
	h1 {
		font-size: 22px;
	}
	h2 {
		font-size: 18px;
	}
	h3 {
		font-size: 16px;
	}
	h4 {
		font-size: 16px;
	}
	h5 {
		font-size: 16px;
	}
	h5 {
		font-size: 14px;
	}

	.wycen_btn {
	  padding: 8px 15px !important;
	}
	.sticky_box .wycen_btn i {
	  padding-right: 5px;
	}
	.sticky_box .wycen_btn span {
	  text-transform: uppercase;
	  font-size: 11px;
	  line-height: 11px;
	}
	 .nasza_oferta li h3 {
	 	margin: 10px;
	    font-size: 16px;
	 }

	 .wiersz_kontakt {
	  display: grid;
	  grid-template-columns: 1fr;
	  align-items: center;
	}
	.wiersz_kontakt div.c2 {
	  margin-top: 0px;
	}
	.stopka {
	  grid-template-columns: 1fr;
	  text-align: center;
	  grid-gap: 10px;
	}
	.stopka div:last-child {
	  text-align: center;
	}
	.wiersz_kontakt div.c1, .sticky_box {
	    padding-left: 30px;
	}
	.tresc.margines.kontakt .kontakt_w {
	    margin-right: 10%;
	    padding-left: 30px;
	}

	.form_btn {
	  display: inline-block;
	  padding: 10px 25px;
	  margin: 0px 0px;
	  font-weight: bold;
	  font-size: 16px;
	}
	.naglowekPodstrony h1{
		font-size: 40px;
	}

	.baner_opisowy {
		overflow: hidden;
	}
	.baner_opisowy .tresc_baneru {
		position: static;
		margin-top: 80px;
	}
	.baner_opisowy img {
		position: absolute;
		z-index: -1;
		width: 200vw;
		max-width: 200vw;
		margin-left: -30vw;
	}

	#szczegly_oferty .wiersz_oferta .oferta,
	#szczegly_onas .wiersz_onas .tresc {
  		padding: 60px 30px;
  	} 
  	.wiersz_kontakt div.c1, .sticky_box {
    	padding-left: 30px;
    	margin-top: 60px;
  	}
	.naglowekPodstrony picture img{
		opacity: 0.3;
	}
}

@media only screen and (max-width:500px) {
	.baner_opisowy .tresc_baneru .tlo_c {
		padding: 20px;
	}
	.baner_opisowy .tresc_baneru .tlo_c h1 {
		font-size: 24px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li a {
		font-size: 14px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li span{
		left: -30px;
		top: 0px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul li i{
		font-size: 14px;
	}
	.baner_opisowy .tresc_baneru .tlo_c ul {
		margin-left: 10px;
	}
	/*.baner_opisowy {
		width: 100vw !important;
		overflow-x: hidden;
		overflow-y: visible;
	}
	.baner_opisowy img {
		width: 200vw;
		max-width: 200vw;
		margin-left: -50vw;
	}*/

	.baner_opisowy .tresc_baneru .tlo_c {
		padding: 40px 20px;
	}
	#szczegly_realizacji h2 {
		font-size: 6vw;
		padding: 8.5vw 30px;
		right: 5%;
	}
	.form_input {
		padding: 10px 15px;
	}
	#formularz_mail .div1,
	#formularz_mail .div2,
	#formularz_mail .div2 {
		margin-top: 10px;
	}
	.wiersz_kontakt div.c1 {
		padding-top: 1px;
	}
}

@media only screen and (max-width:420px) {
	.wiersz_kontakt div.c1, .sticky_box {
		padding-left: 20px;
	}
	#szczegly_oferty .wiersz_oferta .oferta, #szczegly_onas .wiersz_onas .tresc {
	    padding: 20px;
	}
	#szczegly_oferty .wiersz_oferta {
	    grid-template-columns: 45% 55%;
	}
  	.form_input {
	  	padding: 10px 15px;
	}
	.tresc.margines.kontakt .kontakt_w {
	    margin-right: 20px;
	    padding-left: 20px;
	}
 	.tresc.margines.kontakt #formularz_mail .wyslij_formularz label {
	  	font-size: 12px;
	  	line-height: 14px;
	}
	.naglowekPodstrony h1{
		font-size: 36px;
	}

	.nasza_oferta li h3 {
	    margin: 5px;
	    font-size: 15px;
	    line-height: 1.2em;
	 }


	#szczegly_oferty .wiersz_oferta .oferta,
	#szczegly_onas .wiersz_onas .tresc {
  		padding: 60px 30px;
  	} 
  	.wiersz_kontakt div.c1, .sticky_box {
    	padding-left: 30px;
    	margin-top: 60px;
  	}
}