/* CSS Document */


@media only screen and (max-width: 1600px) {
	.header-shape-1{ width: 90px; right: 25%; top: -5%; }
	.header-shape-fala{ width: 247px; right: 0; top: -7%; opacity: .2; }
}



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

	.top{ height: 150px;}

	.logo-container{ top: 30px; }
	.logo-container .logo-wp{ height: 90px;  }
	.logo-container .logo-zz{ height: 90px; margin-left: 16px; }
	.top ul.menu{ top: 58px; }
	.top ul.menu li{ font-size: 15px; margin-left: 23px; }
	.top ul.menu li:first-of-type{ margin-left: 0px; }
	.top ul.menu li.menu-zamow{ border-radius: 28px; padding: 10px 25px; font-size: 14px; }
	.menu-zamow-click{ margin-left: 20px; }


	.header-shape-1{ width: 70px; right: 20%; top: -5%; }
	.header-shape-fala{ width: 170px; right: 0; top: -5%;}

	.header-shape-2{ width: 60px; left: 3%; bottom: -3%; }
	.header-shape-3{ width: 100px; right: 8%; bottom: -4%; }
	.header-shape-4{ width: 235px; right: 0; top: 33%; }
	.header-shape-5{ width: 80px; right: 0; bottom: 25%; }


}


@media only screen and (max-width: 1250px) {
	.center{ width:96%; }

	.top{ height: 120px;}

	.logo-container{ top: 25px; }
	.logo-container .logo-wp{ height: 70px;  }
	.logo-container .logo-zz{ height: 70px; margin-left: 10px; }
	.top ul.menu{ top: 38px; }
	.top ul.menu li{ font-size: 14px; margin-left: 23px; }
	.top ul.menu li:first-of-type{ margin-left: 0px; }
	.top ul.menu li.menu-zamow{ border-radius: 28px; padding: 10px 25px; font-size: 14px; }
	.menu-zamow-click{ margin-left: 15px; }

	.header-shape-1{ display: none;}
	.header-shape-fala{ width: 140px; right: 0; top: -5%;}


	.header-shape-2{ width: 40px; left: 3%; bottom: -3%; }
	.header-shape-3{ width: 80px; right: 8%; bottom: -4%; }
	.header-shape-4{ width: 175px; right: -30px; top: 25%; }
	.header-shape-5{ width: 60px; right: 0; bottom: 30%; }


	.main-dla-domu{ padding: 50px 0; }
	.main-foto-dla-domu{ width: 45%; margin-right: 5%; }
	.main-txt-dla-domu{ float: left; width: 50%; padding-top: 40px; position: relative; }


	.main-zrodlo{ padding: 50px 0; }
	.main-txt-zrodlo{ width: 50%; padding-right: 30px; }
	.main-txt-zrodlo .tekst-zrodlo{ font-size: 25px; margin-top: 40px; margin-bottom: 20px; }
	.main-foto-zrodlo{ width: 50%; font-size: 14px; }

	.zamow-online-baner{  padding: 50px 0 40px; }


	.pfr{ width: 70%; margin: 30px auto 70px; }

}


@media only screen and (max-width: 1100px) {
	.oferta-mini-container{ margin-top: 40px; }
	.oferta-mini{ width: 32%; margin-right: 2%;}
	.oferta-mini:nth-of-type(3){ margin-right: 0px; }
	.oferta-mini .foto{ width: 95%; margin-bottom: 19px; }
	.oferta-mini .txt{ min-height: 145px; }


	.zamow-online-baner .txt{ font-size: 25px; }

	.main-subheader-shape{ position: absolute; right: -35px; top: 150px; width: 46px; }

	.zamowienia-kol{ width: 50%; float: left; padding-right: 2%; }
	.zestawienie-pozycja{ width: 95%; }
}


@media only screen and (max-width: 1050px) {
	.center{ width:94%; }

	.top{ height: 75px;}

	.logo-container{ top: 7.5px; }
	.logo-container .logo-wp{ height: 60px;  }
	.logo-container .logo-zz{ height: 60px; margin-left: 10px; }
	.top ul.menu{ display: none; }
	.menuMobileClick{ display: block; }

	.header-main:after{ padding-top: 45%; }


	.main-dla-domu{ padding: 50px 0; }
	.main-foto-dla-domu{ width: 35%; margin-right: 5%; }
	.main-txt-dla-domu{ float: left; width: 60%; padding-top: 0px; position: relative; }
	.fala_dla_domu2{  top: 150px; left: 180px;  height: 150px; }

	.header-top-inner{ font-size: 45px; }


	.fala-sub{ left: -30%; top:-50px; width: 750px; }
	.fala-sub-kontakt{ top: auto; bottom: -70px; }


	.zrodlo-txt-1{ font-size: 23px; width: 90%; margin-bottom: 40px; }
	.zrodlo-L{ width: 100%; padding-right: 20px; margin-bottom: 60px;  }
	.zrodlo-R{ width: 100%; padding-left: 0px; font-size: 14px; margin-bottom: 60px;}

	.sub-page-L{ width: 100%; padding-right: 0px; margin-bottom: 55px; }
	.sub-page-R{ width: 500px; margin: auto; float: none; padding-left: 0px; margin-bottom: 55px; clear: both;}

}



@media only screen and (max-width: 1000px) {
	.header-top{ margin-bottom: 50px; }

	.fala-sub{ left: -30%; top:-20px; width: 750px; }
	.fala-sub-kontakt{ top: auto; bottom: -120px; }

	.butle-item{ width: 48%; margin: 1%; }
}



@media only screen and (max-width: 950px) {
	.oferta-mini{ width: 47%; margin-right: 3%; margin-left: 0%; margin-bottom: 50px;}

	.pfr{ width: 90%; margin: 30px auto 70px; }


	.stopka .menu-footer{ margin-bottom: 30px; }
	.stopka .menu-footer li{ margin: 0 8px 8px;font-size: 14px; }

	.stopka .txt{ font-size: 13px; margin-top: 50px;}


	.fs-25{ font-size:20px;}
	.fs-30{ font-size:25px;}
	.fs-40{ font-size:35px;}

	.dystrybutor-item-flex .nazwa{ font-size: 17px; margin-top: 20px;}

}

@media only screen and (max-width: 900px) {
	.header-main-inner{ text-align: center; font-size: 40px; }
	.header-back{ display: block; opacity: .5; }
	.center-header{ position: relative; z-index: 100; }

	.main-subheader{ font-size: 34px; margin-bottom: 25px; }
	.main-subheader-txt{ font-size: 22px;  width: 80%; margin-bottom: 22px;}

	.header-top-inner{ font-size: 40px; }

	.sub-page-L .nazwa{ font-size: 34px; margin-bottom: 30px; }
}


@media only screen and (max-width: 850px) {
	.main-foto-dla-domu{ width: 65%; margin-right: 0%; margin-bottom: 30px; }
	.main-txt-dla-domu{ width: 100%; }
	.fala_dla_domu2{  top: 150px; left: 180px;  height: 150px; }

	.main-zrodlo{ padding: 50px 0; }
	.main-txt-zrodlo{ width: 100%; padding-right: 20px; }
	.main-txt-zrodlo .tekst-zrodlo{ font-size: 22px; margin-top: 30px; margin-bottom: 20px; }
	.main-foto-zrodlo{ width: 100%; font-size: 14px; }


	.kontakt-kol{ width: 100%; margin-right: 0%; margin-top: 30px; }

	.dzial-sprzedazy{ padding: 50px 0; margin-top: 60px; }
	.dzial-sprzedazy .shape{ right: -10px; top: -20px; width: 130px; }

	.dzial-sprzedazy-container .person{ width: 44%; float: left; margin: 3%; margin-bottom: 20px; text-align: center; }
	.dzial-sprzedazy-container .person:nth-of-type(3n+1){ clear: none; }
	.dzial-sprzedazy-container .person:nth-of-type(2n+1){ clear: both; }

	.zamowienia-kol{ width: 100%; padding-right: 2%; }
	.zestawienie-pozycja{ width: 100%; }
}


@media only screen and (max-width: 800px) {
	.produkt-item{ width: 48%; margin: 1%; }

	.reg{ width: 100%;}
}


@media only screen and (max-width: 750px) {
	.menuFixedKlik{ margin: 25px 0 0px; font-size: 24px;}

	.oferta-mini .nazwa{ font-size: 22px; margin-bottom: 20px; }


	.dystrybutor-item{ width: 48%; margin: 1%; }
}

@media only screen and (max-width: 700px) {
	.header-main:after{ padding-top: 55%; }

	.header-shape-2{ width: 40px; left: 3%; bottom: -3%; }
	.header-shape-3{ width: 80px; right: 8%; bottom: -4%; }
	.header-shape-4{ width: 135px; right: -30px; top: 25%; }
	.header-shape-5{ width: 40px; right: 0; bottom: 30%; }
	.header-main-inner{ font-size: 35px; }

	.header-top:after{ padding-top: 27%; }
	.header-top-inner{ font-size: 37px;}

	.fala-sub{ left: -30%; top:-20px; width: 550px; }

	.fala-sub-kontakt{ top: auto; bottom: -90px; }


	.button-form-final{ width: 230px; margin: 30px 20px; }


	.zestawienie-name{ font-size: 17px; padding-right: 150px;  margin-bottom: 14px;}
	.zestawienie-produkt{ font-size: 17px; padding-right: 100px; position: relative; margin-bottom: 20px; }
	.zestawienie-cena{ font-size: 17px;}

}


@media only screen and (max-width: 650px) {
	.main-subheader{ font-size: 30px; margin-bottom: 25px; }
	.main-subheader-txt{ font-size: 19px; width: 95%; margin-bottom: 20px;}

	.fala_dla_domu1{ display: none; }

	.sub-page-L .nazwa{ font-size: 30px; margin-bottom: 30px; }
}


@media only screen and (max-width: 600px) {
	.oferta-mini{ width: 100%; margin-right: 0%; margin-left: 0%; margin-bottom: 50px;}
	.oferta-mini .txt{ min-height: auto; }
	.oferta-mini .foto{ width: 80% }


	.main-foto-dla-domu{ width: 80%; margin-right: 0%; margin-bottom: 30px; }
	.main-txt-dla-domu{ width: 100%; }
	.fala_dla_domu2{  top: 150px; left: 180px;  height: 100px; }


	.header-top{ margin-bottom: 40px; }

	.sub-page-R{ width: 80%; }

	.dzial-sprzedazy .shape{ right: -10px; top: -15px; width: 90px; }


	.button-form-final{ width: 200px; margin: 30px 5px; line-height: 1.3; padding: 15px 5px; }

}


@media only screen and (max-width: 550px) {
	.top{ height: 60px;}

	.logo-container{ top: 7px; }
	.logo-container .logo-wp{ height: 46px;  }
	.logo-container .logo-zz{ height: 46px; margin-left: 10px; }
	.top ul.menu{ display: none; }
	.menuMobileClick{ display: block; }


	.header-top:after{ padding-top: 28%; }
	.header-top-inner{ font-size: 33px;}


	.fala-sub{ left: -30%; top:-20px; width: 400px; }


	.button-form{ width: 280px; margin: 50px auto; margin-bottom: 60px; }

}


@media only screen and (max-width: 500px) {
	.header-main:after{ padding-top: 55%; }

	.header-shape-2{ width: 35px; left: 3%; bottom: -5%; }
	.header-shape-3{ width: 60px; right: 8%; bottom: -6%; }
	.header-shape-4{ width: 115px; right: -30px; top: 20%; }
	.header-shape-5{ width: 35px; right: 0; bottom: 25%; }
	.header-main-inner{ font-size: 30px; }

	.zamow-online-baner .txt{ font-size: 22px; }

	.dystrybutor-item, .butle-item, .produkt-item{ width: 100%; margin: 1% 0 1%; }
}


@media only screen and (max-width: 470px) {
	.button-form-final{ width: 230px; margin: 10px 5px 30px 5px; line-height: 1.3; padding: 15px 5px; }
	.button-form-final-dark{ width: 200px; margin-bottom: 10px; }
}


@media only screen and (max-width: 450px) {
	.header-top:after{ padding-top: 32%; }
	.header-top-inner{ font-size: 30px;}

	.header-shape-2{ width: 30px; left: 3%; bottom: -5%; }


	.dzial-sprzedazy-container .person{ width: 94%; margin: 3%; margin-top: 30px; margin-bottom: 20px; text-align: center; }
	.dzial-sprzedazy-container .person:nth-of-type(3n+1){ clear: none; }
	.dzial-sprzedazy-container .person:nth-of-type(2n+1){ clear: both; }

	.main-subheader{ font-size: 26px; margin-bottom: 25px; }
}



@media only screen and (max-width: 420px) {
	.header-main-inner{ font-size: 25px; }

	.oferta-mini .foto{ width: 95% }
	.oferta-mini{ margin-bottom: 35px;}

	.main-foto-dla-domu{ width: 95%; margin-right: 0%; margin-bottom: 30px; }
}


@media only screen and (max-width: 400px) {
	.header-top:after{ padding-top: 32%; }
	.header-top-inner{ font-size: 26px;}

	.zamow-online-baner .txt{ font-size: 20px; }

	.sub-page-R{ width: 90%}
}


@media only screen and (max-width: 370px) {
	.header-main-inner{ font-size: 22px; }
}



@media only screen 
  and (orientation: portrait) {



}



@media only screen 
  and (max-width: 500px)
  and (orientation: portrait) {


    
}