/******************************************************
********************** res ****************************
******************************************************/


@media screen and (max-width: 1600px) {
	.slider-main-nav{ width: 100px; height: 130px;}
	.slider-main-nav-L{ left: -140px; background: url('../img/left.png') center center; background-size: contain;}
	.slider-main-nav-R{ right: -140px; background: url('../img/right.png') center center; background-size: contain; }

	.blur2{ right: -200px; }
}


@media screen and (max-width: 1500px) {
	.slider-main-nav{ width: 70px; height: 90px;}
	.slider-main-nav-L{ left: -90px; background: url('../img/left.png') center center; background-size: contain;}
	.slider-main-nav-R{ right: -90px; background: url('../img/right.png') center center; background-size: contain; }
}

@media screen and (max-width: 1400px) {
	.slider-main-nav{ width: 64px; height: 80px; }
	.slider-main-nav-L{ left: -80px; background: url('../img/left.png') center center; background-size: contain;}
	.slider-main-nav-R{ right: -80px; background: url('../img/right.png') center center; background-size: contain; }



	.blur1{ width: 370px; bottom: 0px; left: 0px; }
	.blur2{ width: 600px; bottom: 0px; right: -150px; }

}

@media screen and (max-width: 1350px) {
	.center{ width: 94%; }
	.slider-main-nav-L{ left: 0px; }
	.slider-main-nav-R{ right: 0px; }
	.slider-main-outer{ padding: 0 85px;}
}


@media screen and (max-width: 1200px) {
	.all{ background: url('../img/back2.jpg') right top no-repeat; background-size: cover; }

	.meat-vege-frame-R .dostepne img{ width: 150px; }

	.foto-content .txt{ font-size: 21px; width: 44%; left: 28%; top: 38%;}

	.footer-img{ width: 70%; }
}


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

	.top{ width: 100%; height: 90px; }
	.logo{ width: 120px; }

	.menu{ left: 160px;}
	.menu .menu-item{ margin-right: 35px; font-size: 19px;}
	.menu .menu-item.social-icons{ margin-right: 0px; margin-left: 30px; }
	.menu .menu-item.social-icons img{ width: 32px; }
	.menu .menu-item.social-icons a{  margin-right: 20px; }


	.meat-vege-frame .header{ font-size: 45px; margin-bottom: 35px;  }
	.meat-vege-frame-L{ width: 50%; }
	.meat-vege-frame-R{ width: 48%; }
	.meat-vege-frame-R.foto img{ width: 115%; left: -5%; top: -3%; }
	.meat-vege-frame-L.txt{ padding-right: 15px; margin-bottom: 25px; }
	.meat-vege-frame-R.foto{ margin-bottom: 25px; }
	.meat-vege-frame-L .icons{ width: 90%; padding-top: 9px; }
	.meat-vege-frame-L .icons .icon{ display: margin-right: 15px; }
	.meat-vege-frame-L .icons .icon img{ width: 100%; display: block; }
	.meat-vege-frame-L .icons .icon1{ width: 100px; }
	.meat-vege-frame-L .icons .icon2{ width: 100px;  }
	.meat-vege-frame-L .icons .icon3{ width: 115px; }
	.meat-vege-frame-R .dostepne{ font-size: 27px; }
	.meat-vege-frame-R .dostepne img{ width: 150px; top: -10px; }

	.txt{ font-size: 18px; }



}


@media screen and (max-width: 950px) {
	.all{ background: url('../img/back3.jpg') right top no-repeat; background-size: cover; }

	.top{ width: 100%; height: 70px;}
	.logo{ width: 95px; }

	.menu{ left: 130px;}
	.menu .menu-item{ margin-right: 30px; font-size: 18px;}
	.menu .menu-item.social-icons{ margin-right: 0px; margin-left: 14px; }
	.menu .menu-item.social-icons img{ width: 30px; }
	.menu .menu-item.social-icons a{  margin-right: 20px; }	

	.slider-main .item img{ margin-bottom: 25px; }


	.slider-main-outer{ margin-bottom: 80px; }


	.meat-vege-frame .header{ font-size: 40px; margin-bottom: 35px;  }
	.meat-vege-frame-L .icons{ width: 92%; padding-top: 9px; }
	.meat-vege-frame-L .icons .icon{ display: margin-right: 15px; }
	.meat-vege-frame-L .icons .icon img{ width: 100%; display: block; }
	.meat-vege-frame-L .icons .icon1{ width: 80px; }
	.meat-vege-frame-L .icons .icon2{ width: 80px;  }
	.meat-vege-frame-L .icons .icon3{ width: 100px; }

	.meat-vege-frame-R .dostepne{ font-size: 23px; padding-left: 10px; }
	.meat-vege-frame-R-dostepne{ white-space: nowrap; }

	.txt{ font-size: 17px; }


	.meat-vege-czyli-co{ margin-bottom: 50px; }

	.dlaczego-warto .header{ width: 500px; }


	.foto-content .txt{ font-size: 18px; width: 40%; left: 30%; top: 37%;}

	.blur1{ width: 370px; bottom: 0px; left: -80px; }
	.blur2{ width: 600px; bottom: 0px; right: -250px; }
	
}


@media screen and (max-width: 800px) {
	.all{ background: url('../img/back4.jpg') right top no-repeat; background-size: cover; }
	.menuMobileClick{ display: block; }
	.menu{ left: auto; right: 40px; padding-top: 5px; }
	.menu .menu-item{ display: none; }
	.menu .menu-item.social-icons{ display: block; }

	.slider-main .item img{ display: none !important; }
	.slider-main .item img.sliderR{ display: block !important; }
	.slider-main .item img{ margin-bottom: 35px; }

	.slider-main-nav{ margin-top: -25%; }
	.slider-main-outer{ padding: 0 40px;}


	.meat-vege-frame{background: url('../img/meatvege_back.jpg') right center; background-size: cover;}
	.meat-vege-frame .header{ font-size: 46px; }
	.meat-vege-frame-flex-1{ flex-direction: column; }
	.meat-vege-frame-flex-2{ flex-direction: column-reverse; }
	.meat-vege-frame-L, .meat-vege-frame-R{ width: 100%; }

	.meat-vege-frame-R.foto img{ width: 90%; left: 5%; top:0px; }
	.meat-vege-frame-R .dostepne{ font-size: 26px; padding-left: 0px; width: 405px; margin: auto; }
	.meat-vege-frame-R .dostepne img{ width: 180px; top: -10px; }
	.meat-vege-frame-L .icons{ width: 80%; margin-left: 10%; }
	.meat-vege-frame-L .icons .icon1{ width: 115px; }
	.meat-vege-frame-L .icons .icon2{ width: 115px;  }
	.meat-vege-frame-L .icons .icon3{ width: 130px; top: 5px;}	


	.foto-content{ width: 94%; margin: auto; box-shadow: 0 10px 15px 5px rgba(0,0,0,.35);}
	.foto-content img{ display: none !important; }
	.foto-content img.sliderR{ display: block !important; }
	.slider-dlaczego{ box-shadow: none; }
	.foto-content .txt{ display: none; }
	.txtR{ position: relative; top: 0px; left: 0px; width:94%; margin: auto; margin-top: 30px; display: block; text-align: center; font-size: 18px; }
	.slider-dlaczego .item{ padding-bottom: 45px; }
	.slider-dlaczego-outer .owl-dots{ bottom: 0px; }
	.slider-dlaczego-nav{ margin-top: -9%; }
	.slider-dlaczego-nav-L{ left: 4%; }
	.slider-dlaczego-nav-R{ right: 4%; }

	.centerSlider{ width: 100%; }
}


@media screen and (max-width: 700px) {
	.slider-dlaczego-nav{ margin-top: -10%; }

	.footer-img-R{ display: block; }
	.footer-img{ display: none; }


	.blur1, .blur2{ display: none;}
	.blur3, .blur4{ display: block;}
}

@media screen and (max-width: 650px) {
	.meat-vege-frame{ padding: 40px; }
	.meat-vege-frame-L .icons{ width: 100%; margin: 0px; }
	.meat-vege-frame-R.foto img{ width: 100%; margin: 0px; left: 0px; }

	.dlaczego-warto .header{ width: 70%; }
}


@media screen and (max-width: 600px) {
	.slider-dlaczego-nav{ margin-top: -12%; }
	.txtR{ padding: 0 5px; font-size: 16px; }
}



@media screen and (max-width: 550px) {
	.meat-vege-frame .header{ font-size: 30px; margin-bottom: 25px;  }
	.meat-vege-frame{ padding: 30px; }
	.meat-vege-frame-R.foto img{ width: 110%; margin: 0px; left: -5%; }
	.txt{ font-size: 16px; }
	.meat-vege-frame-R .dostepne{ font-size: 23px; width: auto; }
	.meat-vege-frame-R .dostepne img{ width: 150px; top: -10px; }
	.meat-vege-frame-L .icons .icon{ display: margin-right: 15px; }
	.meat-vege-frame-L .icons .icon img{ width: 100%; display: block; }
	.meat-vege-frame-L .icons .icon1{ width: 100px; }
	.meat-vege-frame-L .icons .icon2{ width: 100px;  }
	.meat-vege-frame-L .icons .icon3{ width: 115px; }
	.meat-vege-frame-L.txt{ padding-right: 0px; }


	.slider-dlaczego-nav{ margin-top: -16%; }
	.slider-dlaczego-nav{ width: 44px; height: 55px; }
	.slider-dlaczego-nav-L{ left: 4%; }
	.slider-dlaczego-nav-R{ right: 4%;}

}


@media screen and (max-width: 450px) {
  .menu-top img{ margin:  0 12px; display: inline-block; }
  .menu-top img.img1{ width: 130px; }
  .menu-top img.img2{ width: 100px; }
  .menu-bottom img.img1{ width: 280px; margin-bottom: 13px; display: inline-block; }
  .menu-bottom img.img2{ width: 280px; }
  
  .menu-center{ padding: 75px 0; }
  .menu-mobile{ font-size: 27px; }
  .menu-mobile div{margin-bottom: 35px;}
  .mobile-social-icons img{ width: 36px; display: inline-block; margin: 0 10px; }

  
  	.slider-main-nav{ margin-top: -33%; }
  	.slider-main-outer{ padding: 0 12px; }
	.slider-main-nav-L{ left: -5px; }
	.slider-main-nav-R{ right: -5px; }
	.slider-main-nav{ width: 44px; height: 55px; }

	.slider-main .button{ padding: 17px 12px 13px; width: 100%; }


	.slider-main-outer{ margin-bottom: 50px; }


	.meat-vege-frame{ padding: 30px 25px; }
	.meat-vege-frame-L .icons .icon{ display: margin-right: 15px; }
	.meat-vege-frame-L .icons .icon img{ width: 100%; display: block; }
	.meat-vege-frame-L .icons .icon1{ width: 80px; }
	.meat-vege-frame-L .icons .icon2{ width: 80px;  }
	.meat-vege-frame-L .icons .icon3{ width: 100px; top: 2px; }
	.meat-vege-frame-R .dostepne{ font-size: 20px; width: auto; }
	.meat-vege-frame-R .dostepne img{ width: 130px; top: -8px; }


	.dlaczego-warto .header{ width: 85%; margin-bottom: 18px; }


	.slider-dlaczego-nav{ margin-top: -18%; }
	.slider-dlaczego-nav{ width: 38px; height: 48px; }


	.footer-img-R{ width: 85%; margin-bottom: 70px;}
	.blur3{ width: 100px;}
	.blur4{ width: 90px;}

 }


@media screen and (max-width: 400px) {
	.slider-dlaczego-nav{ margin-top: -20%; }
}


@media screen and (max-width: 370px) {
	.slider-dlaczego-nav{ margin-top: -26%; }
	.slider-dlaczego-nav{ width: 34px; height: 40px; }
	.slider-dlaczego-nav-L{ left: 4%; }
	.slider-dlaczego-nav-R{ right: 4%;}
}


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

  .menu{  right: 30px; padding-top: 5px; }
  .menu .menu-item.social-icons a{ margin-right: 15px; }	

  .menu-top img{ margin:  0 10px; display: inline-block; }
  .menu-top img.img1{ width: 110px; }
  .menu-top img.img2{ width: 90px; }
  .menu-bottom img.img1{ width: 260px; margin-bottom: 13px; display: inline-block; }
  .menu-bottom img.img2{ width: 260px; }
  
  .menu-center{ padding: 65px 0; }
  .menu-mobile{ font-size: 25px; }
  .menu-mobile div{margin-bottom: 30px;}
  .mobile-social-icons img{ width: 36px; display: inline-block; margin: 0 10px; }


  .meat-vege-frame-R-dostepne{ white-space:normal; }
  .meat-vege-frame-R .dostepne{ flex-direction: column; }

	.meat-vege-frame-L .icons .icon{ display: margin-right: 5px; }
	.meat-vege-frame-L .icons .icon1{ width: 60px; }
	.meat-vege-frame-L .icons .icon2{ width: 60px;  }
	.meat-vege-frame-L .icons .icon3{ width: 75px; top: 2px; }

}


@media only screen 
  and (orientation: portrait) {

}