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

	.wiersz_glowny {
	  max-width: 1300px;
	}
	.stopka {
	  max-width: 1130px;
	}

	.opisBaneru span.ng_haslo,
	.opisBaneru span.ng{
		padding: 2vw;
	}

	.btn,
	.tresc p {
	  font-size: 16px;
	  line-height: 1.6em;
	}

	.menu_glowne ul li a {
	  font-size: 18px;
	}
}

@media only screen and (max-width:1350px) {
	.menu_glowne ul li a {
	  padding: 10px 10px;
	}


	.wiersz_glowny {
	  max-width: 1100px;
	}
	.stopka {
	  max-width: 930px;
	}
	.naglowek_postrony h1 {
	  font-size: 50px;

	}

	.podstrona {
	  width: 94%;
	  margin: 10px auto !important;
	}

}

@media only screen and (max-width:1200px) {
	.tresc_aktualnosci {
	  min-height: unset;
	  width: auto;
	}
	.naglowek_postrony {
	  padding: 50px;
	  padding-bottom: 0px;

	}
	.menu_glowne ul li a {
    padding: 10px 5px;
  	font-size: 16px;
  }

	#glowny_naglowek_knt {
	  max-width: unset;
	}
	.wiersz_glowny {
	  max-width: 900px;
	}
	.stopka {
	  max-width: 730px;
	}
	#glowny_naglowek {
	  grid-template-columns: 200px 1fr 100px;
	  position: relative;
	}

	#zapisy .tresc,
	#metoda .zawartosc .tresc,
	#o_nas .zawartosc{
		  padding: 30px 50px;
	}
	#kontakt .tlo_gradient .tresc .tekst {
	  padding: 80px 50px;
	}
	#kontakt .mapka {
	  right: 50px;
	}

	.bo_1 { grid-area: 1 / 1 / 2 / 4; }
	.bo_2 { grid-area: 1 / 4 / 2 / 7; }
	.bo_3 { grid-area: 2 / 1 / 3 / 4; }
	.bo_4 { grid-area: 2 / 4 / 3 / 7; }
	.bo_5 { grid-area: 3 / 2 / 4 / 6; } 

	ul.aktualnosci_str {
	  display: grid;
	  grid-template-columns: 1fr 1fr 1fr;
	  grid-gap: 0px;
	}
}

@media only screen and (max-width:1000px) {
	.box_form .header_form div span {
    font-size: 20px;
    line-height: 24px;
	}
	#glowny_naglowek {
    grid-template-columns: 190px 1fr 60px;
    position: relative;
  }
	#glowny_naglowek {
	  padding: 10px;
	}
	#menu_mobil{
		display: block;
		position: static;
		top: unset;
		right: 20px;
		margin-top: 0px;
		top: 25px;
		position: absolute;
	}
	#menu_glowne{
		position: absolute;
	    background: #f3fbf0;
	    top: 55px;
	    left: 0px;
	    right: 0;
	    z-index: 99;
	    padding:20px 0px;

	    margin: 15px 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;
	}
	.menu_glowne ul li a {
	    padding: 10px 25px;
	    font-size: 16px;
	    display: block;
	    width: calc(100% - 120px);
	}

	.menu_social.menu_glowne ul {
		overflow:hidden;
		margin-top: 2px;
	}
	.menu_social.menu_glowne ul li a {
		width: auto;
    padding: 10px;
    float: right;
	}


	.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: 30px 20px;
	}
	#menu_glowne ul.menu_rozwijane li ul li a {
	    padding: 8px 40px;
	}
	.arrow-icon {
	    display: block;
	}
	


	/*INNE	*/
	.wiersz_glowny {
    margin: 50px 20px;
  }
	body {
	  background-size: 115vw auto;
	}
}

@media only screen and (max-width:750px) {
	.box_form .header_form div span {
    font-size: 18px;
    line-height: 22px;
	}
	.ozdoba {
	  display: none;
	}
	.nasza_oferta {
	  grid-column-gap: 20px;
	  grid-row-gap: 20px;
	}

	html,
	#kontakt .tlo_gradient .tresc .tekst a,
	.boks_oferty aside, .boks_oferty aside p,
	#metoda .wp-block-column p,
	.btn, .tresc p {
    font-size: 14px;
    line-height: 1.4em;
  }

  aside.social {
	  text-align: center;
	}
  aside.social span{
  	display: block;
  	width: 100%;
  	text-align: center;
  }

  aside.social a {
	  float: unset;
	}
	.wiersz_glowny h2 {
	  font-weight: 700;
	  font-size: 40px;
	}

  .boks_oferty aside h2 {
	  color: #000 !important;
	  font-size: 22px;
	}

	#kontakt .zawartosc {
	  margin-top: 50px;
	}
	#kontakt .tlo_gradient .tresc .tekst {
	  padding: 50px 50px;
	  width: auto;
	  padding-bottom: 40vw !important;
	}
	#kontakt .tlo_gradient .tresc .tekst {
    padding: 50px 60px;
    padding-bottom: 50px;
  }
  #kontakt .mapka{
  	position: absolute;
	  right: 5%;
	  top: unset;
	  width: 90%;
	  height: 45vw;
	  background-position: center center;
	      background-size: cover;
	  bottom: -100px;
  }

  .podstrona_kontakt h2 strong {
	  font-size: 36px;
	}
	.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;
	  }
	  ul.aktualnosci_str {
	    display: grid;
	    grid-template-columns: 1fr;
	    grid-gap: 40px;
	  }
	  ul.aktualnosci_str li article h3 {
		  font-size: 16px;
		  line-height: 1.2em;
		}
	}

@media only screen and (max-width:600px) {
	.box_form .header_form div span {
    font-size: 16px;
    line-height: 22px;
    padding: 8px 5px;
	}
	.tresc_aktualnosci h1 {
	  font-size: 30px;
	  line-height: 1.2em;
	}
	.naglowek_postrony {
	  padding: 50px 20px;
	  padding-bottom: 0px;
	}
	.naglowek_postrony h1 {
    font-size: 40px;
  }

	html, #kontakt .tlo_gradient .tresc .tekst a, .boks_oferty aside, .boks_oferty aside p, #metoda .wp-block-column p, .btn, .tresc p {
    font-size: 12px;
    line-height: 1.4em;
  }
  .tresc p {
	  margin-bottom: 15px;
	}
	.btn {
	  padding: 10px 20px;
	}

	body {
    background-size: 160vw auto;
  }
   #glowny_naglowek {
    grid-template-columns: 150px 1fr 50px;
    position: relative;
  }
  #menu_mobil{
  	top: 15px;

  }
  #menu_glowne{
  	top: 55px;
  }
  .menu_glowne ul li a {
    padding: 8px 15px;
    font-size: 14px;
    display: block;
    width: calc(100% - 40px);
  }

  #o_nas .zawartosc {
	  grid-template-columns: 1fr;
	}



	#o_nas .zawartosc {
    padding: 30px 10px;
  }

	.nasza_oferta {
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: auto;
	}
	.bo_1,
	.bo_2,
	.bo_3,
	.bo_4,
	.bo_5{
    grid-area: unset;
	}
	.opisBaneru span.ng_haslo {
	  font-size: 4.5vw;
	}
	.opisBaneru span.ng {
	  font-size: 5vw;
	}
	#o_nas .zawartosc .tresc {
	  text-align: left;
	}

	.wiersz_glowny {
    margin: 20px 20px;
  }
  #zapisy .tresc, #metoda .zawartosc .tresc{
    padding: 30px 20px;
  }

  #o_nas .zawartosc {
    padding: 0px 0px;
  }

  #metoda .wp-block-columns{
  	margin-bottom:0px;
  }
  #metoda .wp-block-image.aligncenter {
	  display: block;
	  width: 40%;
	  margin: 0 auto;
	}
	#metoda h3 {
	  color: var(--fiolet);
	  margin: 0px;
	  font-size: 18px;
	}

  aside.social span {
    display: block;
    width: 100%;
    text-align: center;
    padding: 5px 0px;
    font-size: 16px;
  }

	aside.social a {
	  font-size: 16px;
	}

	.wiersz_glowny h2 {
    font-weight: 700;
    font-size:22px;
  }

  #kontakt .tlo_gradient .tresc .tekst {
    padding: 30px 20px;
  }
  #zapisy .tresc {
	  width: auto;
	}
	.stopka {
	  color: #fff;
	  font-size: 14px;
	}
	footer .link {
		  padding: 5px;
	  	display: block;
	    font-size: 14px;
	}
	footer .link.link_pp {
	  float: left !important;
	}

	#o_nas .rr{
		max-width: 150px;
		margin: 0 auto;
	}

	.boks_oferty aside {
	  padding-bottom: 50px;
	  height: auto;
	}
	.boks_oferty .k_dol {
	  position: static;
	  padding-top: 40px;
	}
	.boks_oferty.bo_4 aside, .boks_oferty.bo_5 aside {
	  height: auto;
	  padding-bottom: 50px;
	}
	#kontakt .tlo_gradient .tresc .tekst h2 {
	  font-size: 22px;
	}

	ul.aktualnosci_str li article aside.opis {
	  margin-top: 0px;
	  font-size: 12px;
	}
  #menu_glowne.pokaz {
    padding: 20px 10px;
  }
}

@media only screen and (max-width:450px) {
	.box_form .header_form div span {
    font-size: 14px;
    line-height: 18px;
    padding: 8px 2px;
	}
}
@media only screen and (max-width:350px) {
	    #glowny_naglowek {
	    padding: 10px 0px;
	  }
	  .menu_social.menu_glowne ul li a {
	    width: auto;
	    padding: 7px;
	  }
	  #glowny_naglowek {
  		grid-gap: 5px;
  	}
  	 #menu_mobil {
    	right: 5px;
    }
    .menu_glowne ul li a svg {
	  fill: #000;
	  width: 22px;
	}

}