@media only screen and (max-width: 1024px) {
	header .top{background-image: url("../img/cover_image_1024.jpg");}
  section.benefits div{background-image: url("../img/benefits_1024.jpg");}
	/*tło na retina*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
	       only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	       header .top{background-image: url("../img/cover_image_1024_2x.jpg");}
         section.benefits div{background-image: url("../img/benefits_1024_2x.jpg");}
	}
	/*tło na retina*/

}

@media only screen and (max-width: 1010px) {
	header .top article h1, header .top article p{width: 48%;}
}

@media only screen and (max-width: 948px) {
	header .top article h1{padding-top:47px;}
	header .top article p{max-width: 300px;}
	header nav ul li span{display: none;}
	header .top{background-position: 90% 0px;}
}

@media only screen and (max-width: 860px) {
	header .top{background-image: url("../img/cover_image_768.jpg");
		background-position: 100% 0px; background-size:cover; }
    section.benefits div{background-image: url("../img/benefits_768.jpg");    background-size: auto 600px;}
	/*tło na retina*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
	       only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	       header .top{background-image: url("../img/cover_image_768_2x.jpg");}
         section.benefits div{background-image: url("../img/benefits_768_2x.jpg");    background-size: auto 600px;}
	}
	/*tło na retina*/
}

@media only screen and (max-width: 810px) {
	header .top article h1, header .top article p{width: 56%;}
}

@media only screen and (max-width: 768px) {
	header .top{background-position: top left;}
}
@media only screen and (max-width: 730px) {
	header nav ul li:nth-of-type(2){display: none;}
	header .top{background-position: 30% 0px;}
}

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

	h1{font-size: 40px; line-height: 45px;}
	h2{font-size: 40px; line-height: 45px;}
	section.ingredients article.text p br{display: none;}


}
@media only screen and (max-width: 667px) {
	header nav, article{padding-left:27px; padding-right: 27px;}

	header .top{background-size:auto 795px; min-height: 795px;}
	header .top{background-image: url("../img/cover_image_667.jpg");
		background-position: top center; }
    section.benefits div{background-image: url("../img/benefits_375.jpg");background-size:cover;min-height:890px}
	/*tło na retina*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
	       only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	       header .top{background-image: url("../img/cover_image_667_2x.jpg");}
         section.benefits div{background-image: url("../img/benefits_375.jpg");background-size:cover;min-height:890px}
	}
	/*tło na retina*/

	h1{font-size: 34px; line-height: 40px;}
	h2{font-size: 34px; line-height: 40px;}
	header .top article h1, header .top article p{width: 100%; text-align: center; max-width: 320px; margin:auto;}
	header .top article h1{padding-top:355px; }

	.bt2{max-width:325px; width: 100%; margin-left:auto; margin-right:auto; display: block;}
	header .top article .bt2{margin-top:27px;}
	section.ingredients h2{padding-top:29px;}
}

@media only screen and (max-width: 570px) {
	header nav ul li:nth-of-type(1){display: none;}
	section.liczby ul li{width: 50%;}
	section.liczby ul li:nth-child(n+3){padding-top:30px;}
	#error404 .errorText > p {font-size:80px;}
		#error404 .errorText > span {font-size:25px;}
		#error404 .bt2 {font-size:19px;}
}

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

	header .top{background-image: url("../img/cover_image_375.jpg");}
     section.benefits div{background-image: url("../img/benefits_375_2x.jpg");    min-height: 980px;}
	/*tło na retina*/
	@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2),
	       only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
	       header .top{background-image: url("../img/cover_image_375_2x.jpg");}
            section.benefits div{background-image: url("../img/benefits_375_2x.jpg");    min-height: 980px;}
	}
	/*tło na retina*/
}

@media only screen and (max-width: 345px) {
	h1{font-size: 32px; line-height: 38px;}
	h2{font-size: 30px; line-height: 38px;}
	header .top article p{font-size: 18px; line-height: 27px;}
}

@media screen and (max-width:1440px)
{
  footer nav.links{max-width:30%}
	._clSA { left:240px;}
	._clSA2 { right:250px; }

	/* ipad MINI */
	@media
	screen and (-webkit-min-device-pixel-ratio: 1.5),
	screen and (-moz-min-device-pixel-ratio: 1.5),
	screen and (-o-min-device-pixel-ratio: 1.5),
	screen and (min-device-pixel-ratio: 1.5){

	}

}
@media screen and (max-width:1366px)
{
	._clSA { left:200px;}
	._clSA2 { right:160px; }
	footer nav.links{max-width:30%}


}
@media screen and (max-width:1280px)
{
	._clSA {left:160px}
	footer nav.links {    max-width: 31%;}
	footer > div {padding:3% 11% 5%}

}

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

	section.faq .text > img {right:100px;top:-50px}
	footer > div{padding: 3% 2% 5%}
  footer nav.links{max-width:31%;}
  footer nav.socials {max-width:19%;margin-left:14%}

	footer nav.socials > div ul {left:-66px;top:-85px;}

	._clSA { left:40px;}
	._clSA2 { right:50px; }
}
@media screen and (max-width:834px)
{
	.slick-prev{margin-left:-356px}
	.slick-next{margin-left:299px;}
	._clSA{left:20px;}
	._clSA2{bottom:100px}
	header .top article h1{width:55%;}
	section.explore .text {width:42%;padding-top:0}
	section.explore .text h2{width:160%;margin-left:35%}
	section.explore div picture { vertical-align: bottom;max-width:51%;margin-left:20px;}
  section.explore div:nth-child(1){max-width:700px;width:100%}
	section.faq .text > img{top:-90px}
	footer nav.links{max-width:38%;margin-left:5%;}

}
@media screen and (max-width:800px) and (min-width:769px)
{
	.slick-next {margin-left:299px;}
	.slick-prev {margin-left:-356px;}
	._clSA2{bottom:-100px}
	section.explore .text{margin-left:2.5%;padding-top:40px;}
	section.explore .text h2 {position: relative;width:200%;top:-70px;left:50%;}
	section.explore div picture{vertical-align: baseline;max-width:45%;}
	footer > div {padding:3% 4% 5%}
	footer nav.links{max-width:41%;}
	footer nav.socials{margin-left:11%}
}
@media screen and (max-width:768px)
{
	section.explore div picture{vertical-align: top;}
  section.testimonials ul.sliderTesti {max-width:550px}
  section.testimonials .slick-prev{margin-left:-356px}
  section.testimonials .slick-next{margin-left:299px;}

  span img.stars {margin-bottom:0}
  section.testimonials ul.sliderTesti li picture {vertical-align: bottom}
	section.testimonials ul.sliderTesti li span {padding-left:4%;width:95%;}
	section.testimonials ul.sliderTesti li span h3{font-size:27px;}
section.testimonials ul.sliderTesti li span h3 {display: block;width:100%;/*margin-left:-48%*/}

  section.whyteatox .oneto4{width:49%;margin-bottom:4%}

  section.explore div picture { vertical-align: bottom}
  section.explore div:nth-child(1){max-width:700px;width:100%}
  section.explore .text {width:43%}
  section.explore .text h2{width:150%;margin-left:50%}

  section.aboutus{margin-top:5%}
  section.aboutus ul,section.aboutus article {max-width:700px}
  section.aboutus ul li img {width:85%}

  section.benefits div ul .bt2{    margin-left: -38%;}
    section.benefits div article {padding-bottom:0}

		section.faq .text > img {top:-70px;}

  footer > div{padding:3% 2% 5%}
  footer nav.links {    max-width: 42%;    margin-left: 3%;}
	footer nav.socials {max-width:21%;margin-left:10%}
	footer nav.socials > div ul {left:-86px;top:-95px;}


  ._clSA, ._clSA2 {display:none;}


		header .top article p{max-width:310px;}
		section.testimonials article {padding:32px 20px;overflow:hidden}
		section.testimonials h2{font-size:37px;width:120%;text-align: left;}
		section.testimonials ul.sliderTesti li span h3{font-size:34px;}
		section.insta_slider .instaslider li{padding:0 12px}
		section.insta_slider div > div.iSlide ul{margin-left:0;}
		section.explore{margin-top:-20px}
		section.explore .text h2{margin:6% auto 12%;width:160%;margin-left:40%;}
		section.aboutus ul + p{margin:4% 0 1%}
		section.faq{padding-top:60px;}
		section.faq .text > img{top:-100px}
		section.faq .text .faqT li p._hidd{width:91%}
		section.benefits div ul .bt2{top:-10px}


}

@media screen and (max-width:425px)
{
  section.testimonials ul.sliderTesti li span { width:90%}
  section.testimonials ul.sliderTesti li span h3 {width:100%;margin:0 auto;font-size:24px;text-align: center;}
  span img.stars{margin:4% auto}

  section.testimonials .slick-prev{    margin-left: -196px;    margin-top: -125px;}
  section.testimonials .slick-next {     margin-left: 160px;    margin-top: -125px;}
	section.testimonials .slick-prev {margin-left:-196px;background-size:contain;width:28.5px;height:57.5px}
		section.testimonials .slick-next {margin-left: 159px;background-size:contain;width:28.5px;height:57.5px}
		section.testimonials h2 {width:100%;}

  section.ingredients .slick-prev {margin-left:-196px;background-size:contain;width:28.5px;height:57.5px}
    section.ingredients .slick-next {margin-left: 159px;background-size:contain;width:28.5px;height:57.5px}

  section.whyteatox .oneto4{width:90%}
  section.whyteatox .oneto4 p span{font-size:22px;}

	section.explore {margin-bottom:15px;}
  section.explore .text{width:100%; padding:0 6%;margin-right:0;margin-top:40px;}
  section.explore .text h2{width:100%;margin:6% auto;font-size:32px;margin:3% 0;text-align: center;}
  section.explore .text p{text-align: center;}
  section.explore div picture{text-align: center;width:100%;margin:8% 0}

  section.aboutus ul + p{margin:2% 0 3%}

  section.faq .text h2 { text-align: left;width:90%}
	section.faq .text > img {    right: 10px;    top: -40px;}
  section.faq .text .faqT li p{width:80%; vertical-align: top}

  section.faq .text .faqT li p._hidd{margin:4% 0}

  section.benefits div ul{width:100%;margin:0}
  section.benefits div ul .bt2{margin-left:0;    max-width: 425px;}
  section.benefits .text h2{padding-top:370px}

  footer picture img{display:block;margin:10px auto;max-width:50%;}
  footer nav.links{max-width:76%;margin:8% auto;display:block;}
  footer nav.links ul {text-align: center;}
  footer nav.links ul li {padding:0 2% 29%}
	footer nav.socials > div {left:41px;}
  footer nav.socials{max-width:100%;margin:0;top: -138px;  width:100%;  left: 0%;text-align: center;}
	footer nav.socials a._fbSocial{margin-left:5%;}
  ._clSA, ._clSA2 {display:block;}
  ._clSA2 {    bottom: 300px;    right: 20px;}
  ._clSA {    left: 50px;    top: 150px;}
  section.explore div picture::before{    right: 100px;}
  section.explore div picture::after {    top: 0px;    right: 60px;}
	#error404 .errorText > span {padding-top:0;padding-bottom:25px;}
	#error404 div.iSlide ul{margin-left:0}
}
@media screen and (max-width:414px) and (min-width:410px)
{
	section.faq .text > img {top:-40px;}
}
/*shitphone x,8, 8+ ***/
@media only screen
    and (device-width : 375px)
    and (device-height : 812px)
    and (-webkit-device-pixel-ratio : 3)
    {
			section.testimonials .slick-prev{margin-left:-176px;}
			section.testimonials .slick-next{margin-left:149px;}
		}
@media screen and (max-width:375px)
{
  footer nav.links {max-width:86%;}
	section.faq .text > img {    right: 10px;    top: -30px;}
	section.testimonials h2{width:100%;}
	section.ingredients h2 { width:110%;margin-left:-12px; }
	section.testimonials .slick-prev{margin-left:-176px}
	section.testimonials .slick-next{margin-left:145px}
	section.explore{margin-top:45px;}
	section.explore .text h2{width:104%;margin-left:-6px}
	section.benefits .text h2{width:106%; margin-left:-10px}
	section.benefits div{min-height:905px}
  section.faq .text h2{width:100%;}
	.slick-dots li{margin:0 4px}
	footer nav.socials > div {width:58%}
	footer nav.links ul li{padding: 0 2% 39%}
	footer nav.socials{top:-159px;}
}

@media screen and (max-width:360px)
{
	header .top{background-size:auto 815px; min-height: 815px;}
	section.testimonials h2{width:110%}
	section.faq{padding-top:20px;}
	section.faq .text > img{top:40px;}
	section.faq .text .faqT li span{width:12%}
	section.aboutus{margin-top:0}
	section.benefits .text h2{width:111%;margin-left:-16px;}
	footer nav.links {    max-width: 89%;}
	.slick-dots li{margin:0 3px}
	._clSA2 {    bottom: 300px;    right: 15px;}
	footer nav.socials > div{width:100%;}
	footer nav.links ul li{padding: 0 2% 44%}
	footer nav.socials{max-width:60%;left:20%;top:-160px;}
}

@media screen and (max-width:320px)
{
	section.aboutus ul li{width:18%;}
	section.faq .text .faqT li::after{top:11px;}
	section.faq{padding-top:10px;}
	section.faq .text > img {top:40px;}
	section.testimonials h2 {width:100%; text-align: center;}
	section.testimonials .slick-prev{    margin-left: -146px;    margin-top: -250px;}
	section.testimonials .slick-next{    margin-left: 115px;    margin-top: -250px;}
	section.benefits div{background-size:contain;    background-color: #e7cbf6;    min-height: 805px;}
	section.benefits div ul li{font-size:18px;background-size:9%;padding:5px 0 5px 30px;}
	section.benefits .text h2 {    width: 115%;    margin-left: -19px;padding-top:270px;    font-size: 27px;    line-height: 32px;}
	section.benefits div article{padding-bottom:20px;}
	section.ingredients a.bt2{margin-top:-30px;}

	footer nav.links{max-width:95%;}
	footer nav.links ul li a {font-size:14.2px}
	._clSA2{right:0px}
	.slick-dots li{margin:0 2px}
}