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

	:root {
	  --podzial: calc(250px - 2px);
	}

	#baner_knt .nakladka {
	    top: 500px;
	}

	body.influ{
		max-width: 100%;
		width: 100%;
	}

	.knt_2000px,
	.decoration_background,
	#baner_knt {
	    width: calc(2000px - (100vw - 100%));
	    margin: 0 auto;
	}

	.nakladka .decoration_background{
		width: auto;
	}

	#i_wizja,
	#i_oferta,
    #i_kontakt,
	#i_podzial {
	    width: calc(1500px - (100vw - 100%) + 4px); 
	    margin: 0 auto;
	}

	#i_oferta .knt_glowny,
	.knt_prawa_lewa {
         width: auto; 
         margin: 0 auto; 
    }

    #i_realizacje .knt_glowny {
	    margin: 150px auto;
	}

	#i_wizja{
		margin-bottom: 100px;
	}

	.stopka_knt{
		max-width: 2000px;
    	margin: 0 auto;
	}


	.fixed_phone {
	    max-width: 2000px;
	    display: block;
	    width: 100%;
	    text-align: right;
	    margin: 0 auto;
	    left: 0;
	    right: 0;
	}



	.naglowek_postrony .naglowek_postrony_nakladka {
	    margin-top: -600px;
	}
	.naglowek_postrony.typ_realizacja .naglowek_postrony_nakladka {
	    margin-top: -800px;
	}



}

@media (min-width: 782px) {
    .wp-block-column:not(:first-child) {
        margin-left: 3em !important;
    }
}

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

	.nakladka .opisBaneru h1, .nakladka .opisBaneru h2, .nakladka .opisBaneru p {
	    font-size: 24px;
	}

	h2 {
	    font-size: 50px;
	}

	.oferta_boksy a.box_oferty .o_tresc h3 {
	    font-size: 30px;
	}

}

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

	#strona_glowna h2 {
	    font-size: 48px !important;
	}

	.nakladka .opisBaneru h1, .nakladka .opisBaneru h2, .nakladka .opisBaneru p {
	    font-size: 20px;
	}

	h2 {
	    font-size: 40px;
	}

	.oferta_boksy a.box_oferty .o_tresc h3 {
	    font-size: 26px;
	}

	p.influ-linki a, p.influ-linki button, p.linki a, p.linki button {
	    margin-right: 10px;
	    margin-top: 5px;
	}

	.oferta_boksy a.box_oferty .o_tresc aside {
	    padding: 50px 40px;
	}

	.wiersz_stopki {
	    width: calc(6 * var(--podzial));
	    margin: 0 auto;
	}

}

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

	#strona_glowna h2 {
	    font-size: 40px !important;
	}

	.tresc p, .tresc li, .tresc td, .tresc th {
	    font-size: 16px;
	    line-height: 1.3em;
	}

	.realizacje_boksy .box_realizacji .o_tresc .nakladka h3 {
	    font-size: 36px;
	}


    .formularzPopZawartosc {
	    display: inline-block;
	    max-width: 90vw;

    	padding: 30px 0px;
	}
	.popup_zawartosc {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }


    .wp-block-columns.oferta_cennik{
    	display: grid;
    	grid-template-columns: 1fr;
    	gap: 50px;
    }

    .wp-block-columns.oferta_cennik .wp-block-column{
     	margin-left: 0px !important;
    }

    #i_realizacje .nakladka .opisBaneru h1, 
    #i_realizacje .nakladka .opisBaneru h2, 
    #i_realizacje .nakladka .opisBaneru p {
        font-size: 16px;
    }

    #i_realizacje .nakladka{
    	z-index: 1;
    }
     #i_realizacje .nakladka .opisBaneru {
	    padding: 60px var(--podzial);

	    padding-top: 150px;
	}
	 #i_realizacje .nakladka .opisBaneru h2{
		margin-top: 0px;
	}
/*
	 #i_realizacje .nakladka .opisBaneru {
        width: calc(7 * var(--podzial));
    }
*/
    .box_portfolio .o_tresc {
	    display: grid;
	    grid-template-columns: auto 330px;
	}

    .box_portfolio .o_tresc aside {
	    padding: 30px;
	}
	 
}

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

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

	.struktura_telefon {
	    display: grid;
	    grid-template-columns: 1fr;
	    gap: 0px;
	}
	footer ul.dot li a {
	    padding: 10px 15px;
	}
    a.formBtn, p.influ-linki a, p.influ-linki button, p.linki a, p.linki button, button.formBtn {
    	font-size: 14px;
    }

    .nakladka .opisBaneru {
	    padding: 30px var(--podzial);
	}
	h2 {
        font-size: 32px;
    }

    .realizacje_boksy .box_realizacji .o_tresc .nakladka h3 {
        font-size: 36px;
    }
    .nakladka .opisBaneru h1, .nakladka .opisBaneru h2, .nakladka .opisBaneru p {
        margin: 0;
    }



    .box_portfolio .o_tresc {
	    display: grid;
	    grid-template-columns: auto 330px;
	}

    .box_portfolio .o_tresc aside {
	    padding: 20px;
	}

	.box_portfolio .o_tresc aside h3 {
	    font-size: 26px;
	    line-height: 30px;
	}


	.realizacje_boksy .box_realizacji .o_tresc .o_tlo {
	    width: 100%;
	    aspect-ratio: 1 / 2;
	}

}

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

	#baner_knt .container_baner .cien {
	    margin-top: -6vw;
	}
	.naglowek_postrony .naglowek_postrony_tresc h1 {
	    font-size: 32px;
	}
	#strona_glowna h2 {
        font-size: 32px !important;
    }
	.menu_rozwijane {
	    list-style: none;
	    padding: 0;
	    margin: 0 0 0 0%;
	    text-align: left;
	}
	#menu_mobil{
		width: 100px;
	}
	.fixed_phone {
		width: 100px;
	}
	/*.nakladka .opisBaneru {
	    width: calc(5 * var(--podzial));

	}*/

	#i_wizja .knt_prawa_lewa {
	    padding-top: 100px;
	    padding-bottom: 50px;
	    grid-template-columns: calc(3 * var(--podzial)) calc(3 * var(--podzial));
	}

	
    #i_kontakt,
	#i_podzial{
	    width: auto;
	    margin-left: 0;
	    margin-right: calc(var(--podzial) - (100vw - 100%) + 6px);
	}
	.knt_prawa_lewa {
	    grid-template-columns: calc(2 * var(--podzial)) calc(4 * var(--podzial));
	}
	footer ul.dot {
	    margin: 10px 0px;
	}
    footer ul.dot li a {
        padding: 10px 10px;
        font-size: 14px;
    }

   .tresc {
	    margin-top: 0px;
	}


	html {
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 1.3em;
	}
	.influ-submenu-box{
		margin: 20px 0px 40px 0px;
	}

	.realizacja_boksy {
	    display: grid;
	    grid-template-columns: 1fr;
	    gap: 20px;
	    border: 0px;
	}

	#logoGlowne.typ_realizacja{
		width: 100%;
		margin-left: unset;
	}
	.naglowek_postrony.typ_realizacja .naglowek_postrony_nakladka{
	    margin-top: -30vw;
	}

	.box_portfolio .o_tresc {
        display: grid;
        grid-template-columns: 1fr;
    }
        .box_portfolio .o_tresc aside h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .box_portfolio .o_tresc aside .dd {
	    display: grid;
	    grid-template-columns: 1fr auto;
	    gap: 20px;
	    align-items: end;
	    font-size: 14px;
	}

}


@media only screen and (max-width:800px) {
	a.formBtn.btn_mini, p.influ-linki.btn_mini a, p.influ-linki.btn_mini button, p.linki.btn_mini a, p.linki.btn_mini button, button.formBtn.btn_mini {
	    height: 30px;
	    font-size: 13px;
	    padding: 15px 20px;
	}
	#strona_glowna h2 {
        font-size: 28px !important;
    }

    h3 {
	    font-size: 20px;
	    line-height: 22px;
	}
	.naglowek_postrony{
		margin-bottom: 0px;
	}


	.nakladka {
	    position: static;
	    margin-top: -20vw;
	}

	#i_realizacje .nakladka {
	    position: static;
	    margin-top: -150px;
	}
	.nakladka .opisBaneru h1, .nakladka .opisBaneru h2, .nakladka .opisBaneru p {
        font-size: 18px;
    }


    .realizacje_boksy .box_realizacji .o_tresc .nakladka {
	    position: absolute;
	    margin-top: 0px;
	}
    .realizacje_boksy .box_realizacji .o_tresc .nakladka h3 {
        font-size: 26px;
    }
    .realizacje_boksy .box_realizacji .o_tresc .nakladka span{
    	font-size: 14px;
    }

    .realizacje_boksy .box_realizacji .o_tresc .o_tlo {
    	margin-bottom: 45px;
        background-size: cover;
    }


		a.formBtn,
		p.influ-linki a,
		p.influ-linki button,
		p.linki a,
		p.linki button,
		button.formBtn {
			font-size: 14px;
			line-height: 26px;
			height: 36px;
		}

    	a.formBtn .svg,
		p.influ-linki a .svg,
		p.influ-linki button .svg,
		p.linki a .svg,
		p.linki button .svg,
		button.formBtn  .svg{
			display: inline-flex;
			align-items: center;
			aspect-ratio: 1 / 1;
			background-color: #000;
			border-radius: 50px;
			padding: 5px;
		}

		a.formBtn .svg svg,
		p.influ-linki a .svg svg,
		p.influ-linki button .svg svg,
		p.linki a .svg svg,
		p.linki button .svg svg,
		button.formBtn  .svg svg{
			height: 16px;
			width: auto;
			fill: #fff !important;
			margin: 0px;
			padding: 0px;
		}

		.menu_rozwijane {
			margin-left: 0;
		}
		.menu_rozwijane li {
		    margin: 20px 0;
		}
		.menu_rozwijane a {
		    font-size: 26px;
		}
		.menu_rozwijane li.menu_rozwijane_kontakt a span {
			display: none;
		}

		footer ul.dot {
        	margin: 20px 0px;
	        flex-flow: column wrap;
	        justify-content: center;
	    }

	    .popup_zawartosc{
			grid-template-columns: 1fr;
			gap: 20px;
			padding: 0px;
		}

		.linki_kontakt{
			padding-top: 10px;
		}
		.formularzPopZawartosc {
			padding: 50px 44px 50px 50px;
		}
		#formularzPop {
			padding-right: 20px;
		}


		.decoration_background .line_2,
		.decoration_background .line_3,
		.decoration_background .line_5,
		.decoration_background .line_6,
		.decoration_background .line_8{
			border-color: transparent;
		}
		
	.ng_realizacja h1 {
	    position: static;
	    text-align: left;
	    width: 100%;
	    padding: 20px 20px !important;
	}


	.szablon_p {
	    display: flex;
	    gap: 50;
	    flex-direction: column-reverse;
	}

	#i_realizacje .knt_nawigacji{	
	    width: 120px;
	    margin: 20px auto;
	    flex-direction: unset;
	}



}

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

	.influ-reverse-columns{
    	flex-direction: column-reverse;
	}
	.wp-block-columns {
	    gap: 20px;
	}

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

	.fixed_phone{
		right: 5px;
		bottom: -100px;
	}
	.fixed_phone:hover{
		bottom: -80px;
	}

	a.formBtn,
	p.influ-linki a,
	p.influ-linki button,
	p.linki a,
	p.linki button,
	button.formBtn {
		font-size: 14px;
		line-height: 15px;
		height: auto;
	    padding: 10px 20px;
	    min-height: 35px;
	}
	a.formBtn.btn_mini,
	p.influ-linki.btn_mini a,
	p.influ-linki.btn_mini button,
	p.linki.btn_mini a,
	p.linki.btn_mini button,
	button.formBtn.btn_mini {
		height: auto;
	    font-size: 14px;
	    line-height: 15px;
	    padding: 10px 20px;
	    min-height: 35px;
	}
	.naglowek_postrony_tresc p.influ-linki a,
	.naglowek_postrony_tresc p.influ-linki button,
	.naglowek_postrony_tresc p.linki a,
	.naglowek_postrony_tresc p.linki button{
	    padding: 10px 20px;
	    min-height: 35px;
	}
	ul {
	    margin-block-start: 1em;
	    margin-block-end: 1em;
	    padding-inline-start: 20px;
	}
	.wp-block-columns.oferta_cennik .wp-block-column {
		padding: 5px 15px 25px 25px;
		background-color: var(--kolor-czarny);
		color: var(--kolor-bialy);
	}

	.tresc p, .tresc li, .tresc td, .tresc th {
	    font-size: 14px;
	    line-height: 1.3em;
	}

	#i_realizacje .knt_nawigacji {
        width: 120px;
        margin: 10px auto;
        margin-top: 30px;
        flex-direction: unset;
    }
    #i_realizacje .licznik{
		font-size: 30px;
		line-height: 1.3em;
	}
}

@media only screen and (max-width:600px) {
	#i_realizacje .nakladka .opisBaneru h1, 
	#i_realizacje .nakladka .opisBaneru h2, 
	#i_realizacje .nakladka .opisBaneru p {
        font-size: 14px;
    }
	.oferta_boksy a.box_oferty .o_tresc .o_tlo{
		opacity: 0.5;
	}

	.nakladka .opisBaneru {
        padding-top: 20vw;
	}
	#baner_knt .container_baner {
	    z-index: 9;
	}


   #menu_mobil {
         width: 80px; 
    }
	.menu_glowne {
	    padding-top: 5px;
	}
	:root {
		--podzial: calc(12.5vw );
		--wp--style--unstable-gallery-gap: 10px;
	}


	.oferta_boksy a.box_oferty .o_tresc h3 {
        font-size: 22px;
    }



    .oferta_boksy a.box_oferty .o_tresc aside {
        padding: 30px var(--podzial);
        height: auto;
    }
    .oferta_boksy a.box_oferty .o_tresc aside .dd {
	    opacity: 1;
	}



	.oferta_boksy{
		margin: 0px var(--podzial);

        width:calc(100vw - 2*(var(--podzial))) !important;
 
	}


	.oferta_boksy a.box_oferty .o_tresc{
		display: flex;
		flex-direction: column-reverse;
		gap: 0px;

	}
	.oferta_boksy a.box_oferty .o_tresc .o_tlo {
	    position: static;
	    opacity: 1;

        aspect-ratio: 2 / 1.6;
        width: 100%;
        height: auto;
	}

	.oferta_boksy a.box_oferty .o_tresc aside {
        padding: 30px;
        height: auto;
    }

	.oferta_boksy a.box_oferty .o_tresc aside h3{
		margin-top: 0px;
		padding-top: 0px;
	}




	#i_opinie, #i_kontakt, #i_podzial, #i_oferta {
	    margin-right: calc(var(--podzial) - (100vw - 100%) + 1px);
	}
	/*#glowny_naglowek_knt.str_glowna {
		position: static;

	}*/
	#glowny_naglowek_knt.str_glowna .logo_knt {
	    display: block;
	}
	#logoBaner img{
		display: none;
	}

	/*.glowny_naglowek {
	    grid-template-columns: calc(4 * var(--podzial)) 1fr;
	}*/

/*	.baner_wrapper {
	    grid-template-columns: calc(1 * var(--podzial)) 1fr;
	}*/

	.nakladka {
        position: static;
    }
    .nakladka .opisBaneru {
        width: calc(7 * var(--podzial));
    }
    .nakladka .opisBaneru h1, .nakladka .opisBaneru h2, .nakladka .opisBaneru p {
        font-size:16px;
    }

    #i_kontakt,
    #i_podzial {
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

    .knt_prawa_lewa {
        grid-template-columns: 1fr;
        gap: 0px;
    }

    .knt_prawa_lewa img{
    	width: calc(100% - var(--podzial));
    }

    .knt_prawa_lewa .tresc {
    	padding: var(--podzial);
    }


    .realizacje_boksy .box_realizacji .o_tresc .nakladka{
    	position: absolute;
    	bottom: -200px;
    }


    #i_realizacje .knt_nawigacji {
	    /*position: absolute;*/
	   /* top: 60px;
	    right: 5px;
	    padding: 5px;*/
	}
	.knt_nawigacji button svg {
	    width: 15px;
	}

	.realizacje_boksy .box_realizacji .o_tresc .o_tlo {
		margin-left: calc(1 * var(--podzial));
	    width: calc(100% - (1 * var(--podzial)));
	}

	.realizacje_boksy .box_realizacji .o_tresc .o_tlo {
        margin-bottom:  0px;
        background-size: cover;
    }

    .realizacje_boksy .box_realizacji .o_tresc img.cien{
    	display: none;
    }

    #i_realizacje .knt_glowny{
    	margin-top: 80px;
    	margin-bottom: 30px;
    }






    h2 {
        font-size: 32px;
    }

    .realizacje_boksy .box_realizacji .o_tresc .nakladka h3 {
        font-size: 26px;
        height: 2.4em;
        line-height: 1.2em;
    }


    #i_wizja {
	    padding-left:0;
	    margin-right: 0;
	}

	#i_wizja .knt_prawa_lewa {
        padding-top: 50px;
        padding-bottom: 50px;
        grid-template-columns: 1fr;
    }
    #i_wizja:before {
	    width: calc(8 * var(--podzial));
	}


	.copyright {
	    padding: 50px 0px;
	    line-height: 1em;
	}

	.referecja {
	    padding: 70px 20px;
	}
	.referecja .tresc_opini {
	    font-size: 14px;
	    line-height: 1.1em;
	    height: 7.7em;
	    margin-bottom: 0px;
	}
	.referecja .autor_opini {
 	   font-size: 18px;
	}

	h2 {
        font-size: 24px;
    }

    .knt_2000px {
	    margin: 50px auto;
	}

    #i_kontakt .knt_prawa_lewa,
    #i_podzial .knt_prawa_lewa{
    	display: flex;
    	flex-direction: column-reverse;
    }

    #i_oferta {
    	margin-left: 0;
    	margin-right: 0;
    }

    #i_oferta .header_box{
    	margin-left: var(--podzial);
        margin-right: calc(var(--podzial) - (100vw - 100%) + 1px);
    }

    .oferta_boksy a.box_oferty .o_tresc:after{
    	opacity: 0.5;
    }



	.glowny_realizacji {
		margin-bottom: 3rem;
	}
	#formularzPop .formularzPopZamknij,
	#formularzPop i.formularzPopZamknij {
		right: 11px;
		top: -25px;
	}
	#formularzPop .formularzPopZamknij img{
		width: 70px;
	}

	.realizacje_boksy .box_realizacji .o_tresc .o_tlo{
		height: auto;
		aspect-ratio: 1 / 1.5;
	}
}	

@media only screen and (max-width:450px) {
	.mobil_head{
		top: 0px;
	}
	
}