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

}

@media only screen and (max-width:1800px) {
		#glowny_naglowek {
		  max-width: 1500px;
		  grid-template-columns: 400px 1fr 250px;
		}
		.menu_glowne ul {
		  gap: 10px;
		}
		.b_rel {
		  position: relative;
		  max-width: 1500px;
		  margin: auto;
		}
		.opisB ul.slide-list li a {
		  font-size: 36px;
		  padding: 20px 20px;
		  margin: 10px 0px;
		}
		.stopka_knt {
		  margin-top: 50px;
		}

		.opisB ul.slide-list li a {
        font-size: 30px;
    }



}

@media only screen and (max-width:1600px) {
		#glowny_naglowek {
		  max-width: 1250px;
		  grid-template-columns: 300px 1fr 200px;
		}
		.menu_glowne ul li a {
			padding: 10px 20px;
		  font-size: 18px;
		}
		.menu_glowne ul {
		  gap: 10px;
		}
		.b_rel {
		  position: relative;
		  max-width: 1250px;
		  margin: auto;
		}
		.opisB ul.slide-list li a {
		  font-size: 36px;
		  padding: 20px 20px;
		  margin: 10px 0px;
		}

		.menu_kontakt ul li a svg {
		  padding: 5px;
		}
		.opisB ul.slide-list li a {
	    font-size: 26px;
	    padding: 15px 20%;
	    margin: 10px 0px;
	  }
	  #i_punkty .wiersz_glowny h3 {
		  font-size: 24px;
		}
		html {
		  font-size: 16px;
		  font-weight: 400;
		  line-height: 1.4em;
		}
		.wiersz_glowny h1, .wiersz_glowny h2 {
		  font-size: 30px;
		  margin-bottom: 20px;
		}
		.btn {
		  font-size: 16px;
		}
		#kariera_form label {
		  font-size: 16px;
		}
		.stopka {
		  max-width: 1250px;
		}



	.naglowek_postrony {
  		max-width: 1000px;
  }


	#i_onas .tresc .abs .tekst {
    background-color: #F9F9F9;
    padding: 100px 100px
  }

	
}

@media only screen and (max-width:1400px) {
	#glowny_naglowek {
    max-width: 100%;
    grid-template-columns: 250px 1fr 150px;
    padding: 20px 40px;
  }
  #glowny_naglowek {
    max-width: 100%;
    grid-template-columns: 250px 1fr 190px;
    padding: 30px 70px;
    gap: 10px;
  }
  .menu_glowne ul li a {
    padding: 10px 15px;
    font-size: 16px;
  }
  .menu_kontakt ul li a span {
	  font-weight: 700;
	  font-size: 15px;
	}

  .opisB ul.slide-list li a {
    font-size: 24px;
    padding: 15px 30px;
    margin: 10px 0px;
  }
  .opisB ul.slide-list li a span {
	  display: none;
	  width: 40px;
	  height: 15px;
	  background-color: #000;
	  border-radius: 10px;
	  position: absolute;
	  left: 30px;
	  margin: 4px;
	}
	.opisB ul.slide-list li a {
    font-size: 22px;
    padding: 15px 30px;
    margin: 5px 0px;
  }

  #i_punkty .wiersz_glowny {
	  margin: 50px 50px;
	}
	.b_rel {
    position: relative;
    max-width: 1250px;
    margin: auto 50px;
    margin-top: 5vw;
  }
  #i_punkty .wp-block-column:not(:first-child) {
	  margin-left: 4em;
	}
	#i_punkty .wp-block-column:not(:first-child) {
	  margin-left: 100px;
	}

	.wiersz_glowny h1, .wiersz_glowny h2 {
    font-size: 22px;
  }
  #i_onas .tresc .abs .tekst {
	  background-color: #eee;
	  padding: 50px;
	    padding-right: 50px;
	  width: 45%;
	  border-radius: 50px;
	  padding-right: calc(5% + 50px);
	}
	#i_formularz .wiersz_glowny {
	  margin: 50px;
	  padding: 50px;
	  border-radius: 50px;
	  background-size: cover;
	}
	#i_kontakt .tresc .abs .tekst {
	  background-color: #eee;
	  padding: 50px 50px;
	  width: calc(50% + 50px);
	  border-radius: 50px;
	  box-sizing: border-box;
	}
	.stopka {
	  padding: 50px 50px;
	  margin: 0 50px;
	}

	#i_onas .tresc .abs .tekst {
    background-color: #F9F9F9;
    padding: 100px 100px
  }

  #i_onas .tresc .abs .tekst {
    background-color: #eee;
    padding: 50px;
    padding-right: 50px;
    width: 55%;
  }

}

@media only screen and (max-width:1300px) {
	.podstrona {
	  padding: 0px 50px;
	  box-sizing: border-box;
	  max-width: 100%;
	}
	.naglowek_postrony {
    max-width: 1200px;
  }
	.naglowek_postrony .naglowek_postrony_tresc {
	  padding: 0px 50px;
	  box-sizing: border-box;
	}
	.podstrona {
	  max-width: 1200px;
	    width: auto;
	}
	.podstrona .slajder_oferty a h3 {
  	padding: 20px 30px;
  }
  .podstrona .slajder_oferty {
	  display: grid;
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 20px;
	}

    #i_punkty .wiersz_glowny h3 {
      font-size: 20px;
  }

  #i_onas .tresc .abs .tekst {
      background-color: #eee;
      padding: 50px;
      padding-right: 50px;
      width: auto;
  }
  #i_onas .tresc .abs .tekst {
  	margin-top: 50px;
  }
  #i_onas .tresc .obrazek {
    margin-bottom: 100px;
	}

	#i_kontakt .tresc .obrazek {
	    margin-top: 100px;
	}
	    .btn {
        font-size: 14px;
    }

}


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


	#glowny_naglowek {
    grid-template-columns:1fr 200px 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: 120px;
		border-radius: 0px 0px 30px 30px;
	}
	.menu_glowne ul li a {
	    padding: 10px 25px;
	    font-size: 16px;
	    display: block;
	    width: calc(100% - 120px);
	}

	.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: 120px;
	}
	#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) {
	.menu_glowne ul li {
	  overflow: hidden;
	}
	 #glowny_naglowek_knt .menu_logo {
    z-index: 800;
  }
  .menu_glowne.menu_kontakt {
    position: relative;
    z-index: 800;
  }


	#glowny_naglowek {
    padding: 20px;
    padding-right: 20px;


  }
   

  .menu_glowne.menu_kontakt ul li a{
  	width: 100%;
  	box-sizing: border-box;
  	display: flex;

    padding: 5px 20px;
  }
    #glowny_naglowek_knt .menu_logo img {
    width: 220px;
  }
  .b_rel {
    position: relative;
    max-width: 1250px;
    margin: auto 20px;
  }
  .opisB ul.slide-list li a {
    font-size: 20px;
  }


	#i_punkty .wiersz_glowny h3 {
    font-size: 20px;
  }

  #i_punkty .wp-block-column:not(:first-child) {
    margin-left: 50px;
  }
  #i_punkty .wiersz_glowny h3::after {
	  width: 150px;
	  height: 15px;
	  border-radius: 10px;
	  background-color: #eeeeee;
	  margin-top: 10px;
	}
	 html {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4em;
  }

  .btn {
	  font-size: 14px;
	  padding: 10px 20px;
	}

	.formInput, #kariera_form fieldset select, #kariera_form fieldset textarea, #kariera_form fieldset input {
	  padding: 8px 20px;
	}
	#kariera_form label {
	  padding: 0px 20px;
	  margin: 20px;
	}

	.stopka {
    padding: 50px 50px;
    margin: 0 20px;
  }
	 .stopka_knt {
    margin-top: 0px;
  }


	.stopka_knt a,
	body.influ .stopka_knt p, .stopka_knt {
	  color: #eeede9;
	  font-size: 14px;
	}


	#i_onas .tresc .abs,
	#i_kontakt .tresc .abs {
	  align-items: start;
	}


	#i_onas .tresc .obrazek,
	#i_kontakt .tresc .obrazek {
	  padding-top: 100px;
	}

	.naglowek_postrony {
	  padding-bottom: 0px;
	    padding-top: 0px;
	}
	.podstrona {
	  margin-bottom: 50px;
	}
	.podstrona p, .wiersz_glowny ul li {
	  font-size: 16px;
	  line-height: 1.4em;
	}
	.naglowek_postrony h1 {
	  font-size: 50px;
	}

	#baner_knt picture {
    overflow: hidden;
    display: block;
    width: 60%;
    margin-left: 40%;
    position: relative;
}
}


@media only screen and (max-width:800px) {
	.naglowek_postrony h1 {
	  font-size: 40px;
	}
	.podstrona .slajder_oferty {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
  }
	#baner_knt picture img {
	  float: left;
	  border-radius: 30px;
	}
	.opisB ul.slide-list li a span {
    display: none;
    width: 30px;
    height: 13px;
    background-color: #000;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    margin: 4px;
  }
	.opisB ul.slide-list li a {
    font-size: 16px;
    margin: 2px 0px;

        padding: 10px 20px;
  }






}

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

		#i_punkty .wp-block-column:not(:first-child) {
	    margin-left: 0px;
	  }
	  #i_punkty .wiersz_glowny h3 {
	    font-size: 20px;
	    margin-bottom: 0px;
	    margin-top: 20px;
	  }
	   #i_onas .tresc .abs .tekst {
	    background-color: #eee;
	    padding: 50px;
	    padding-right: 50px;
	    padding-right: 50px;
	    width: 50%;
	    border-radius: 50px;
	    padding-right: 50px;
	  }
	  #i_onas .tresc .obrazek, #i_kontakt .tresc .obrazek {
	    padding-top: 250px;
	  }

	  #kariera_form fieldset.fw2 {
		  display: grid;
		  grid-template-columns: 1fr;
		}
		 #kariera_form label {
	    padding: 0px 0px;
	    margin: 15px;
	  }

	  .custom-checkbox {
		  padding-left: 20px !important;
		}
		.wierszStopki.w2 {
		  grid-template-columns: 1fr;
		  grid-gap: 30px;
		}
}

@media only screen and (max-width:600px) {
	#baner_knt picture {
	  overflow: hidden;
	  display: block;
	  width: 100%;
	  margin-left: 0px;
	  position: relative;
	}

		#baner_knt {
	    flex-direction: column-reverse;
	    display: flex;
	}
	    
	.opisB {
		position: static;
    left: auto;
    width: 100%;
  }
  .opisB ul.slide-list li a {
    font-size: 16px;
    padding: 10px 25px;
    margin: 5px 0px;
  }
      #i_punkty .wiersz_glowny {
        margin: 50px 20px;
    }
   .menu_kontakt ul li a span {
    font-weight: 700;
    font-size: 15px;
    display: none;
  }
  #glowny_naglowek {
    grid-template-columns: 1fr 100px 50px;
  }
  #glowny_naglowek_knt .menu_logo img {
    max-width: 200px;
  }

      #i_onas .tresc {
        overflow: hidden;
        position: relative;
        flex-direction: column-reverse;
        display: flex;
    }   

     #i_onas .tresc .obrazek {
        margin-bottom: 10px;
    }

  #i_onas .tresc .obrazek, #i_kontakt .tresc .obrazek {
    padding-top: 0px;
  }
  #i_onas .tresc {
	  overflow: hidden;
	  position: relative;
	}
	#i_onas .tresc .obrazek {
	  max-width: 100%;
	  width: 100%;
	}
	#i_onas .tresc .abs {
	  position: static;
	  width: 100%;
	}
	#i_onas .tresc .abs .tekst{
		width: 	100%;
		box-sizing: border-box;
		margin: 0px;
	}
	#i_formularz .wiersz_glowny {
    margin: 50px 20px;
  }

  #i_kontakt .tresc .obrazek {
    padding-top: 0px;
    width: 100%;
    max-width: 100%;
  }
  #i_kontakt .tresc .abs {
	  position: static;
	}
	#i_kontakt .tresc .abs .tekst {
    width: 100%;
    margin: 0;
  }
 	#i_kontakt .tresc .abs{
	  float: left;
	  max-width: 100%;
	  margin-top: 10px;
    margin-left: 0px;
	}
	#i_kontakt .tresc .abs .tekst {
    width: 100%;
    margin: 0;
  }

  .naglowek_postrony .naglowek_postrony_tresc {
    padding: 0px 20px;
  }
  .podstrona {
    padding: 0px 20px;
  }

  	.podstrona p, .wiersz_glowny ul li {
	  font-size: 14px;
	  line-height: 1.4em;
	}
	.naglowek_postrony h1 {
	  font-size: 28px;
	}
}

@media only screen and (max-width:450px) {
	 #i_formularz .wiersz_glowny {
    margin: 20px 0px;
    padding: 50px 25px;
    border-radius: 50px;
    background-size: cover;
  }

  .formInput, #kariera_form fieldset select, #kariera_form fieldset textarea, #kariera_form fieldset input {
    padding: 5px 10px;
  }
  #kariera_form label {
    font-size: 14px;
  }
  .stopka {
    padding: 50px 20px;
    margin: 0 20px;
    text-align: center;
  }
  .toRight {
	  text-align: center;
	}

	#i_onas .tresc .abs .tekst,
	#i_kontakt .tresc .abs .tekst {
    background-color: #eee;
    padding: 50px 25px;
  }

  .wiersz_glowny h1, .wiersz_glowny h2 {
    font-size: 18px;
  }

  #i_onas .tresc .abs {
    position: static;
  }
  #i_punkty .wiersz_glowny {
    margin: 50px 20px;
  }

}	

@media only screen and (max-width:400px) {
	#glowny_naglowek_knt .menu_logo img {
    width: 160px;
  	max-width: 160px;
  }
  #glowny_naglowek {
    padding: 20px;
    padding-right: 0px;
    padding-right: 10px;
  }
}

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

}

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

}