@media (max-width: 1920px) and (max-height: 1080px){
	.product-page.benefits .big-pack{
		height: 400px;
		width: auto;
	}
}

@media (max-width: 1500px) and (max-height: 1080px){
	.product-page.benefits .big-pack{
		height: 300px;
		width: auto;
	}
}

@media (max-width: 1920px) and (max-height: 768px){
	.product-page.benefits .big-pack{
		height: 310px;
		width: auto;
	}
}



@media (max-width: 1200px){
	.product-page.benefits .big-pack{
		width:100%;
		height: auto !important;
	}
}

@media (max-width: 1366px) and (max-height: 1020px){
	.product-page.benefits .title img{
		width: 100%;
		height: auto;
	}
}

@media (max-height: 900px){
	
	

	.main-banner{
		height: 690px;
	}

	.main-banner > .content .content {
		top:160px;
	}

	.main-banner h1, .main-banner h2{
		margin-top: 20px;
	}
	
	.main-banner > .content .btn-more{
		margin-top: 40px;
	}

	.product-page.why-use-part .icon{
		width: 80px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.product-page.why-use-part h2{
		font-size: 20px;
		line-height: 25px !important;
		margin-top: 20px;
	}

	.product-page.why-use-part .half > p{
		font-size: 14px;
		margin-top: 20px;
	}
	
	.product-page.why-use-part .cross.small p{
		font-size: 14px;
		width: 90%;
		text-align: center;
	}
	
	.product-page.why-use-part .cross.small div{
		background-image: url(../img/product/cross/bg-permen-go-small-1024.png);
	}

	.product-page.nav{
		background-image: url(../img/product/nav/bg-1000.png);
		height: 200px;
		margin-top: 200px;
	}

	.product-page.bg{
		height: 370px;
	}

	.product-page.nav ul{
		width:730px;
	}

	.product-page.nav ul li{
		width: 240px;
		height: 204px;
		margin-left: 10px;
	}
	
	.product-page.benefits{
		height: 340px;
	}

	.product-page.nav .small{
		width: 230px;
		height: 196px;
	}
	
	.main-banner > .content .content .contener{
		width: 900px;
	}

	.product-page.why-use-part .cross.small div{
		background-position: center right;
	}

	
	

	/*product navigation*/

	.product-navigation .product{
		width: 350px;
		height: 307px;
	}
	
	.product-navigation .product.center{
		top:-220px;
	}
	
	.product-navigation .product.small{
		width: 220px;
		height: 193px;
		top:-140px;
	}

	.product-navigation .branding img{
		width: 120px;
		height: auto;
	}


	.product-navigation .product{
		width: 280px;
		height: 246px;
	}

	.product-navigation .product.center{
		left:330px;
		top:-280px;
		z-index: 3;
	}	
	
	.product-navigation .product.center{
		top:-170px;
	}
	
	.product-navigation .product.small{
		width: 220px ;
		height: 193px;
		top:-140px;
	}

	.product-navigation .product.right{
		left: 660px;
	}

	.product-navigation .content{
		width: 900px;
		background-size: 100%;
		background-repeat: no-repeat;
		top:-33px;
	}
	
	.product-page.benefits .big-pack{
		height: 300px;
	}

	.product-page.benefits .title{
		height: 120px;
	}
	
	.product-page.benefits .title img{
		height: 100%;
		width: auto;
	}

	.product-page.benefits .points .row p{
		font-size: 14px;
		line-height: 18px;
	}

	.product-page.benefits .points .row img{
		width: 50px;
		height: auto;
	}
	

	.product-page.why-use-part .arrow-slide-contener img{
		width: 50px;
		height: auto;
		top: -25px;
	}

	/*specjalista*/
	.specjalista-header{
		height: 350px;
	}
	.specjalista-header .content .contener{
		margin-top: 150px;
	}

	.specjalista-header h2{
		font-size: 24px;
	}
	
	.specjalista-content h1{
		font-size: 20px;
		line-height: 24px;
	}

	.specjalista-content p{
		font-size: 14px;
		line-height: 18px;
	}
	
	.specjalista-header .select-box{
		height: 40px;
		width: 400px;
	}

	.specjalista-header .select-box .top span{	
		line-height: 40px;
		font-size: 18px;
	}
}


@media (max-height: 768px){
	header{
	    height: 100px;
	    background-image: url(../img/nav/nav-bg-500.png);
	    background-position: center bottom;
	}
	
	header #link-home .btn-more{
		width: 255px;
		height: 30px;
		margin-top: 10px;
	}
	nav #link-lifestyle .main-img{
		height: 100px;
		width: auto;
	}

	nav #link-lifestyle .main-img:hover{
		background-position: 0px 200px;
	}

	nav #link-specjalista span{
		font-size: 14px;
		line-height: 50px;
	}

	header .logo-permen{
		height: 40px;
		width: auto;
		padding-top: 5px;
	}

	header .laur{
		height: 70px;
		width: auto;
		left:120px;
		padding-top: 4px;
		padding-left: 10px;
	}
	
	/*main banner arrows*/
	.main-banner{
		height: 600px;
	}
	
	.main-banner > .arrow{
		top:250px;
		width: 150px;
		height: 148px;
	}

	.main-banner > .arrow .arrow{
		width: 50px;
		height: auto;
		top:45px;
		right:40px; 
	}

	.main-banner > .arrow.right{
		left: inherit;
		right: -40px;
	}

	.main-banner > .arrow.right .arrow{
		right: inherit;
		left: 40px;
	}

	/*main banner contet*/

	h1, h2{
		font-size: 30px;
		line-height: 40px;
	}
	
	.product-page h1{
		font-size: 20px;
	}

	.main-banner h1, .main-banner h2{
		margin-top: 30px;
	}
	
	.main-banner > .content .content{
		top:130px;
	}

	.main-banner > .content .img-nr{
		width: 120px;
		height: auto;
	}

	.main-banner > .content .btn-more{
		margin-top: 35px;
		width: 200px;
		height: auto;
	}
	
	/*lifestyle*/
	.lifestyle h1 {
		font-size: 30px;
	}
	
	.lifestyle h2 {
	  font-size: 25px;
	}

	.lifestyle .title {
	  width: 370px;
	  margin-top: 95px;
	}

	.lifestyle .slider{
		width: 1000px;
		margin-top: 10px;
	}

	.lifestyle .slider ul{
		width: 900px;
	}

	.lifestyle .slider ul li{
		width: 300px;
		height: 368px;
	}

	.lifestyle .slider ul li:nth-child(2){
		left:300px;
	}

	.lifestyle .slider ul li:nth-child(3){
		left:600px;
	}

	.lifestyle .slider ul li:nth-child(4){
		left:670px;
		top:30px;
		width: 250px;
		height: 307px;
	}

	.lifestyle h3{
		font-size: 20px;
		line-height: 25px;
	}

	.lifestyle h4{
		font-size: 14px;
	}

	.lifestyle h3.small{
		font-size: 12px;
		line-height: 20px;
	}

	.lifestyle h4.small{
		font-size: 12px;
	}
	
	.lifestyle .slider .arrow{
		top: 140px;
		width: 50px;
		height: auto;
	}


	
	.product-page.why-use-part .icon{
		width: 80px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.product-page.why-use-part h2{
		font-size: 20px;
		line-height: 25px !important;
		margin-top: 20px;
	}

	.product-page.why-use-part .half > p{
		font-size: 14px;
		margin-top: 20px;
	}
	
	.product-page.why-use-part .cross.small p{
		font-size: 14px;
		width: 90%;
		text-align: center;
	}
	
	.product-page.why-use-part .cross.small div{
		background-image: url(../img/product/cross/bg-permen-go-small-1024.png);
	}

	.product-page.nav{
		background-image: url(../img/product/nav/bg-1000.png);
		height: 200px;
		margin-top: 100px;
	}

	.product-page.bg{
		height: 270px;
	}

	.product-page.nav ul{
		width:730px;
	}

	.product-page.nav ul li{
		width: 240px;
		height: 204px;
		margin-left: 10px;
	}
	
	.product-page.benefits{
		height: 340px;
	}

	.product-page.nav .small{
		width: 230px;
		height: 196px;
	}
	
	.main-banner > .content .content .contener{
		width: 700px;

	}
	
	

	/*product navigation*/

	.product-navigation .product{
		width: 350px;
		height: 307px;
	}
	
	.product-navigation .product.center{
		top:-220px;
	}
	
	.product-navigation .product.small{
		width: 220px;
		height: 193px;
		top:-140px;
	}

	.product-navigation .branding img{
		width: 120px;
		height: auto;
	}


	.product-navigation .product{
		width: 280px;
		height: 246px;
	}

	.product-navigation .product.center{
		left:330px;
		top:-280px;
		z-index: 3;
	}	
	
	.product-navigation .product.center{
		top:-170px;
	}
	
	.product-navigation .product.small{
		width: 220px ;
		height: 193px;
		top:-140px;
	}

	.product-navigation .product.right{
		left: 660px;
	}

	.product-navigation .content{
		width: 900px;
		background-size: 100%;
		background-repeat: no-repeat;
		top:-33px;
	}
	
	.product-page.benefits .title{
		height: 120px;
	}
	
	.product-page.benefits .title img{
		height: 100%;
		width: auto;
	}

	.product-page.benefits .points .row p{
		font-size: 14px;
		line-height: 18px;
	}

	.product-page.benefits .points .row img{
		width: 50px;
		height: auto;
	}
	

	.product-page.why-use-part .arrow-slide-contener img{
		width: 50px;
		height: auto;
		top: -25px;
	}
}


@media (max-width: 1750px){
	section.good-to-know{
		height: 400px;
	}

	section.good-to-know .cross > img {
		width: 40%;
		height: auto;
	}
}

@media (max-width: 1600px){
	.article{
		background-image: url(../img/article/bg-1600.jpg);
		width: 100%;
		height: auto;
		background-repeat: repeat-y;
	}
}

@media (max-width: 1500px){
	.main-banner > .content .content .contener{
		width: 900px;
	}
	
	

	section.good-to-know .cross > img {
		margin-top: 120px;
	}

}

@media (max-width: 1400px){
	.contener{
		width:80%;
	}

	.product-page.why-use-part .cross.small.permen-king p{
		width: 270px;
	}
	
}


@media (max-width: 1366px){

	.contener{
		width:80%;
	}

	.product-page.info-boxes .top h4{
		font-size: 20px;
		line-height: 24px;
	}

	.product-page.info-boxes ul li .bottom p{
		font-size: 14px;
	}


	/*
	.contener{
		width:1000px;
	}
	*/

	.lifestyle .slider{
		width:1200px;
	}

	.lifestyle .slider ul li:nth-child(4){
		left: 800px;
	}
	
	.product-page.benefits .title{
		width: 100%;
	}
	

	section.good-to-know .info img{
		width: 50px;
		height: auto;
	}
}



@media (max-width: 1280px){
	
	.product-page.why-use-part .cross.small p{
		width: 200px;
		font-size: 15px;
	}

	.contener{
		width:80%;
	}
	
	.main-banner{
		height: 600px;
	}
	
	.main-banner > .arrow{
		top:350px;
		width: 150px;
		height: 148px;
	}

	.main-banner > .arrow .arrow{
		width: 50px;
		height: auto;
		top:45px;
		right:40px; 
	}

	.main-banner > .arrow.right{
		left: inherit;
		right: -40px;
	}

	.main-banner > .arrow.right .arrow{
		right: inherit;
		left: 40px;
	}

	.main-banner{
		height: 650px;
	}

	h1, h2{
		font-size: 35px;
		line-height: 45px;
	}

	.main-banner h1, .main-banner h2{
		margin-top: 30px;
	}
	
	.main-banner > .content .content{
		top:180px;
	}

	.main-banner > .content .img-nr{
		width: 120px;
		height: auto;
	}

	.main-banner > .content .btn-more{
		margin-top: 35px;
		width: 200px;
		height: auto;
	}

	/*product navigation*/

	.product-navigation .product{
		width: 350px;
		height: 307px;
	}
	
	.product-navigation .product.center{
		top:-220px;
	}
	
	.product-navigation .product.small{
		width: 220px;
		height: 193px;
		top:-140px;
	}

	.product-navigation .branding img{
		width: 120px;
		height: auto;
	}


	.product-navigation .product{
		width: 280px;
		height: 246px;
	}

	.product-navigation .product.center{
		left:330px;
		top:-280px;
		z-index: 3;
	}	
	
	.product-navigation .product.center{
		top:-170px;
	}
	
	.product-navigation .product.small{
		width: 220px ;
		height: 193px;
		top:-140px;
	}

	.product-navigation .product.right{
		left: 660px;
	}

	.product-navigation .content{
		width: 900px;
		background-size: 100%;
		background-repeat: no-repeat;
		top:-33px;
	}

	.product-page.why-use-part .cross.small.permen-king p{
		width: 200px;
	}

	
}

@media (max-width: 1250px){
	.contener{
		width:80%;
	}
	
	.lifestyle .slider{
		width: 1000px;
	}

	.lifestyle .slider ul{
		width: 900px;
	}

	.lifestyle .slider ul li{
		width: 300px;
		height: 368px;
	}

	section.good-to-know .info p{
		margin-top: 10px;
	}

	section.good-to-know h5{
		font-size: 20px;
	}

	.lifestyle .slider ul li:nth-child(2){
		left:300px;
	}

	.lifestyle .slider ul li:nth-child(3){
		left:600px;
	}

	.lifestyle .slider ul li:nth-child(4){
		left:670px;
		top:30px;
		width: 250px;
		height: 307px;
	}

	.lifestyle h3{
		font-size: 20px;
		line-height: 25px;
	}

	.lifestyle h4{
		font-size: 14px;
	}

	.lifestyle h3.small{
		font-size: 12px;
		line-height: 20px;
	}

	.lifestyle h4.small{
		font-size: 12px;
	}
	
	.lifestyle .slider .arrow{
		top: 140px;
		width: 50px;
		height: auto;
	}

	/* Łukasz */
	.article{
	margin-top: 363px;
	}
	.article-head#choroby-cywilizacyjne{
		height: 360px;
		}
	/*Łukasz*/
	#grad{
		position: absolute;
		float: left;
		margin-top: 80px;
		display: inline-block;
		z-index: -1;
	}

	#grad2{
		position: absolute;
		float: left;
		margin-top: 83px;
		display: inline-block;
		z-index: -1;
	}
}

@media (max-width: 1150px){
	section.good-to-know{
		height: 450px;
	}
}

@media (max-width: 1100px){
	.contener{
		width:80%;
	}
}



@media (max-width: 1024px){

	header{
	    height: 100px;
	    background-image: url(../img/nav/nav-bg-500.png);
	    background-position: center bottom;
	}
	
	header #link-home .btn-more{
		width: 255px;
		height: 30px;
		margin-top: 10px;
	}
	nav #link-lifestyle .main-img{
		height: 100px;
		width: auto;
	}

	nav #link-lifestyle .main-img:hover{
		background-position: 0px 200px;
	}

	header .logo-permen{
		height: 40px;
		width: auto;
		padding-top: 5px;
	}

	header .laur{
		height: 70px;
		width: auto;
		left:120px;
		padding-top: 4px;
		padding-left: 10px;
	}
	
	nav #link-specjalista span{
		font-size: 14px;
		line-height: 50px;
	}

	section.good-to-know .info p{
		font-size: 14px;
	}

	.product-page.why-use-part .icon{
		width: 80px;
		height: auto;
		margin-bottom: 20px;
	}
	
	.product-page.why-use-part h2{
		font-size: 20px;
		line-height: 25px !important;
		margin-top: 20px;
	}

	.product-page.why-use-part .half > p{
		font-size: 14px;
		margin-top: 20px;
	}
	
	.product-page.why-use-part .cross.small p{
		font-size: 14px;
		width: 90%;
		text-align: center;
	}
	
	.product-page.why-use-part .cross.small div{
		background-image: url(../img/product/cross/bg-permen-go-small-1024.png);
	}

	.product-page.nav{
		background-image: url(../img/product/nav/bg-1000.png);
		height: 200px;
		margin-top: 100px;
	}

	.product-page.bg{
		height: 270px;
	}

	.product-page.nav ul{
		width:730px;
	}

	.product-page.nav ul li{
		width: 240px;
		height: 204px;
		margin-left: 10px;
	}
	
	.product-page.benefits{
		height: 340px;
	}

	.product-page.nav .small{
		width: 230px;
		height: 196px;
	}
	
	.main-banner > .content .content .contener{
		width: 700px;
	}

	.product-navigation .product{
		width: 280px;
		height: 246px;
	}
	
	.product-navigation .product.center{
		top:-170px;
		left: 350px;
	}
	
	.product-navigation .product.small{
		width: 220px;
		height: 193px;
		top:-140px;
	}

	.product-navigation .product.right{
		left: 690px;
	}

	.product-navigation .content{
		width: 100%;
	}
	
	.product-page.benefits .title{
		height: 120px;
	}

	.product-page.benefits .points .row p{
		font-size: 14px;
		line-height: 18px;
	}

	.product-page.benefits .points .row img{
		width: 50px;
		height: auto;
	}
	

	.product-page.why-use-part .arrow-slide-contener img{
		width: 50px;
		height: auto;
		top: -25px;
	}
	
	.product-page.why-use-part .cross.small.permen-king div{
		background-image: url("../img/product/cross/bg-permen-king-small-1024.png");
	}
	.product-page.why-use-part .cross.small.permen-king p{
		text-align: center;
		width: 90%;
		font-size: 12px;
		line-height: 16px;
	}

	.product-navigation .content{
		top:-30px;
	}

	.cookies h1, .cookies h2{
		margin-top: 100px;
		font-size: 25px;
		line-height: 30px;
	}
	
	/*specjalista*/
	.specjalista-header{
		height: 350px;
	}
	.specjalista-header .content .contener{
		margin-top: 150px;
	}

	.specjalista-header h2{
		font-size: 24px;
	}
	
	.specjalista-content h1{
		font-size: 20px;
		line-height: 24px;
	}

	.specjalista-content p{
		font-size: 14px;
		line-height: 18px;
	}
	
	.specjalista-header .select-box{
		height: 40px;
		width: 400px;
	}

	.specjalista-header .select-box .top span{	
		line-height: 40px;
		font-size: 18px;
	}
}

/*768*/
@media (max-width: 1023px){
	
	

	.main-banner > .content .content .contener{
		width: 500px;
	}
	
	.product-navigation .product.right{
		left: 530px;
	}

	.product-navigation .product.left{
		left: 30px;
	}

	.product-navigation .product.center{
		left: 250px;
	}

	.product-navigation .content{
		width: 768px;
		background-size: 768px 98px;
	}
}

@media (max-width: 1000px){
	
	.lifestyle .content{
		width: 100%;
		height: 560px;
	}
	
	.lifestyle .slider{
		width: 800px;
	}
	
	.lifestyle .slider ul {
		width: 800px;
	}

	.lifestyle .slider ul li:nth-child(2){
		left:250px;
	}

	.lifestyle .slider ul li:nth-child(3){
		left:500px;
	}

	.lifestyle .slider ul li:nth-child(4){
		left:570px;
		top:30px;
		width: 250px;
		height: 307px;
	}
	
	.product-page.info-boxes h3{
		font-size: 20px;
	}

	.product-page.info-boxes .btn-recipe {
		width: 300px;
	}
	
	.product-page.info-boxes .btn-recipe.permen{
		width: 250px;
	}

	.product-page.info-boxes .btn-recipe.permen-go{
		width: 280px;
	}


	section.good-to-know .cross > img{
		width: 50%;
		float: none;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	section.good-to-know .cross .content{
		float: none;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
	}

	
}

@media (max-width: 900px){
	.product-page.why-use-part .cross.small div{
		display: block;
		width: 100%;
		height: 80px;
	}

	.product-page.why-use-part .cross.small p{
		padding-top: 10px;
	}

	.product-page.why-use-part .cross.small img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		top: -20px;
		position: relative;
	}
}

@media (max-width: 850px){

	.product-page.info-boxes ul.four{
		height: 300px;
	}

	.product-page.info-boxes ul.three{
		height: 150px;
	}

	.product-page.info-boxes ul.four li{
		width: 50%;
		height: 50%;
	}

	.product-page.info-boxes ul li .top{
		background-position: bottom;
	}

	.info.cookies{
		height: 40px;
	}

	.info.cookies span{
		font-size: 12px;
		line-height: 40px;
	}

	.info.cookies .cookie{
		height: 30px;
		width: auto;
		margin-left: 10px;
		margin-top: 5px;
	}

	.info.cookies .btn-cross{
		width: 30px;
		height: auto;
	}

}

@media (max-width: 820px){

	.product-page.why-use-part .icon-nr{
		width: 70%;
		height: auto;
	}

	.lifestyle .slider{
		width: 550px;
	}
	
	.lifestyle .slider ul li:nth-child(3){
		left:350px;
		width: 250px;
		height: 307px;
		top:30px;
		z-index: 0;
		opacity: 0.5;
		filter: alpha(opacity=0.5);
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	}

	.lifestyle .slider ul li:nth-child(1n+4){
		display: none;
	}

	.product-page.benefits .title{
		height: 100px;
	}

	.product-page.nav ul{
		width:640px;
	}

	.product-page.nav ul li{
		width: 210px;
		height: 179px;
		margin-left: 10px;
	}

	.product-page.nav .small{
		width: 200px;
		height: 170px;
	}

	.product-page.benefits .title h1{
		font-size: 12px;	
	}

	footer.product span {
		width: 100%;
		display: block;
		text-align: center;
		float: none;
	}

	footer.product img {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 20px;
	}
}


/*650*/
@media (max-width: 767px){
	
	section.good-to-know .cross > img{
		margin-top: 80px;
	}

	.product-page.why-use-part .cross.small img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		top: -5px;
		position: relative;
	}

	.product-page.nav{
		background-image: url(../img/product/nav/bg-650.png);
		height: 130px;
		margin-top: 90px;
	}

	.product-page.bg{
		height: 200px;
	}

	.product-page.nav ul{
		width:480px;
	}

	.product-page.nav ul li{
		width: 160px;
		height: 137px;
		margin-left: 0px;
	}

	.product-page.nav .small{
		width: 150px;
		height: 128px;
	}

	.main-banner > .content .content .contener{
		width: 500px;
	}
	
	.product-navigation .product{
		width: 220px;
		height: 193px;
	}

	.product-navigation .product.small{
		width: 160px;
		height: 140px;
		top:-80px;
	}

	.product-navigation .product.right{
		left: 460px;
	}

	.product-navigation .product.left{
		left: 30px;
	}

	.product-navigation .product.center{
		left: 220px;
		top:-120px;
	}

	.main-banner > .content .content .contener{
		width: 400px;
	}

	.product-navigation .content{
		width: 650px;
		background-size: 650px 98px;
	}

	.product-navigation .branding span{
		width: 300px;
		position: relative;
		top: -20px;
	}
	
	section.good-to-know{
		height: 530px;
	}
	
}

@media (max-width: 650px){
	
	
	section.good-to-know{
		height: 580px;
	}

	.product-page.benefits{
		margin-top: 100px;	
	}

	.product-page.nav{
		display: none;
	}

	.product-page.bg{
		display: none;
	}

	.product-page.benefits .points .row img{
		width: 30px;
	}

	header .btn-menu-contener{
		display: block;
	}
	
	header #link-home .btn-more{
		margin-left: 20px;
	}

	header.selected #link-home .btn-more{
		display: none;
	}

	header.selected #link-permen, header.selected #link-permen-king, header.selected #link-permen-go{
		display: none;
	}

	header{
	    height: 75px;
	    background-image: url(../img/nav/nav-bg-650.png);
	    background-position: center bottom;
	}

	header .logo-permen{
		height: 30px;
		width: auto;
		padding-top: 15px;
		left:10px;
	}

	header .laur{
		height: 45px;
		width: auto;
		left:95px;
		padding-top: 4px;
		padding-left: 10px;
	}
	
	header .contener{
		width: 100%;
	}

	nav{
		height: 0px;
		width: 100%;
		overflow: hidden;
		float: none;
		position: relative;
		display: block;
		clear: both;
	}
	
	nav li{
		width: 100%;
		height: 50px;
		display: block;
		float: none;
		font-weight: 700;
	}
	
	nav span{
		display: block;
		margin-left: 10px;
		line-height: 50px;
		float: left;
	}

	nav #link-lifestyle .main-img{
		display: none;
	}

	nav li{
		background-position: top;
	}

	nav .icon{
		display: block;
		float: left;
	}

	nav li:hover{
		background-position: bottom;
	}
	
	nav #link-permen{
		background-image:url(../img/nav/btn-permen-bg.jpg); 
	}

	nav #link-permen-king{
		background-image:url(../img/nav/btn-permen-king-bg.jpg); 
	}

	nav #link-permen-go{
		background-image:url(../img/nav/btn-permen-go-bg.jpg); 
	}

	nav #link-lifestyle{
		background-image:url(../img/nav/btn-lifestyle-bg.jpg); 
	}

	nav #link-specjalista{
		background-image:url(../img/nav/btn-specjalista-bg.jpg); 
	}


	header .btn-menu{
		display: block;
	}

	.main-banner > .content{
		background-image: url(../img/home/white-bg.png);
	}

	/*Łukasz*/
	.article-head h1{
	margin-top: 110px;
	}
	/* Łukasz */
	.article{
	margin-top: 325px;
	}
	.article-head#choroby-cywilizacyjne{
		height: 270px;
	}
	/*Łukasz*/
	#grad{
		position: absolute;
		float: left;
		margin-top:-10px;
		display: inline-block;
		opacity: 0.9;
	}

	#grad2{
		position: absolute;
		float: left;
		margin-top: 45px;
		display: inline-block;
		opacity: 0.9;
	}

	/*.contener p:first-child{
		margin-top: -50px;
	}*/

	.product-navigation .branding span{
		width: 300px;
		top: 265px;
	}
	
	section.modal .box{
		width: 400px;
	}
	
	section.modal .box.permen-go{
		height: 380px;
	}
	section.modal .box .title{
		height: 70px;
	}

	section.modal .box .title span{
		font-size: 20px;
		padding-top: 15px;
	}

	section.modal .box table .titles{
		font-size: 20px;
		height: 50px;
	}

	section.modal .box table{
		font-size: 12px;
	}
	
	section.modal .box .btn-cross{
		width: 30px;
		height: auto;
	}

	.product-page.benefits .title img {
		width: 100%;
		height: auto;
	}

	.product-page.info-boxes ul.three li h4{
		font-size: 16px;
	}

	.product-page.info-boxes ul.three li .btn-more{
		width: 70%;
		height: auto;
	}

	.cookies h1, .cookies h2{
		margin-top: 100px;
		font-size: 18px;
		line-height: 24px;
	}

	.info.cookies{
		height: 40px;
	}

	.info.cookies span{
		font-size: 12px;
		line-height: 16px;
		width: 80%;
		padding-top: 5px;
	}

	/*specjalista*/
	.specjalista-header .content .contener{
		width: 400px;
	}

	
}

/*480*/
@media (max-width: 649px){
	

	
	header #link-home .btn-more{
		width: 255px;
		height: 30px;
		margin-top: 10px;
	}
	
	.product-navigation .content{
		width: 100%;
		background-size: cover;

	}
	

	.product-navigation .product img.normal{
		display: none;
	}

	.product-navigation .product img.glow{
		display: none;
	}


	.product-navigation{
		overflow: hidden;
		width: 100%;
		height: 500px;
		top: -200px;
		position: relative;
		border-top: none;
	} 
	
	.product-navigation .content{
		top: 130px;
	}

	.product-navigation .product{
		position: absolute;
		display: none;
		width: 100%;
		left: 0px;
		top: -130px !important;
		height: 200px !important;
	}

	.product-navigation .product.active{
		display: block;
		left: 0px;
		width: 100%;
	}

	.product-navigation .product img.mobile{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 360px;
		height: auto;
		position: relative;
	}
	
	.main-banner{
		height: 600px;
	}

	.main-banner .arrow{
		display: none;
	}

	.main-banner > .content .content {
		top:100px;
	}

	.product-navigation .branding img{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		top: 270px;
	}
	
	.main-banner .img-nr{
		margin-left: auto;
		margin-right: auto;
		display: block;
		position: relative;
	}

	.main-banner h1, .main-banner h2{
		text-align: center;
	}

	.main-banner > .content .btn-more{
		margin-left: auto;
		margin-right: auto;
	}
	
	.product-navigation .mobile-menu{
		display: block;	
	}
	
	.product-navigation .branding span{
		width: 100%;
		text-align: center;
		top: 330px;
	}

	/*
	footer{
		top:-180px
	}
	*/
	
	/* Łukasz 
	.article{
	margin-top: 370px;
	}*/

	body.home{
		height: 950px;
	}
	
	footer p{
		font-size: 12px;
		color: #6b6b6b;
		text-align: center;
		display: block;
		padding-top: 0px;
		padding-bottom: 20px;
	}

	footer.home{
		top: -190px;
	}

}


@media (max-width: 550px){
	
	.half{
		width: 100%;
		float: none;
		display: block;
	}

	section.good-to-know .cross > img{
		margin-top: 0px;
		padding-top: 30px;
	}

	section.good-to-know .info img {
		padding-top: 25px;
		margin-top: 0px;
	}
	
	section.good-to-know{
		height: auto;
	}

	section.good-to-know .info {
		height: auto;
	}

	section.good-to-know .cross{
		height: auto;
	}

	section.good-to-know .cross .content {
		padding-bottom: 20px;
	}

	section.good-to-know .info p.signature{
		padding-bottom: 25px;
	}

	.product-page.benefits{
		height: 600px; 
	}
	
	.product-page.why-use-part{
		height: 1030px;
	}
	
	.product-page.why-use-part.permen{
		height: 1100px;
	}

	.product-page.why-use-part .cross.small div{
		background-size: cover;
	}

	.product-page.why-use-part .cross.small{
		margin-top: 150px;
		display: block;
	}

	.product-page.why-use-part .cross.small img{
		top: -190px;
	}

	.product-page.why-use-part .cross.small p{
		padding-top: 25px;
	}
	
	.product-page.why-use-part > .contener{
		width: 100%;
	}
	
	.product-page.why-use-part .icon-nr{
		width: 50%;
	}

	.product-page.benefits .title{
		height: 140px;
	}

	.lifestyle .content{
		width: 100%;
		overflow: visible;
		height: auto;
	}


	.lifestyle .slider{
		width: 100%;
	}
	
	.lifestyle .title {
	  margin-top: 75px;
	  width: 300px;
	}

	.lifestyle h1{
		font-size:30px;
	}

	.lifestyle h2{
		font-size:20px;
	}

	.lifestyle .slider .arrow{
		display: none;
	}
	.lifestyle .slider ul {
		width: 302px;
	}
	.lifestyle {
	  overflow: visible;
	}
	
	.lifestyle .bg{
		position: fixed;
	}


	.lifestyle .slider ul li{
		position: relative;
		float: left;
		left: inherit !important;
		top: inherit !important;
		display: block !important;
		background-image: url(../img/lifestyle/bg-lifestyle-box-mobile.png);
		width: 302px !important;
		height: 150px !important;
		opacity: 1 !important;
		filter: alpha(opacity=1) !important;
		filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
	}
	
	.lifestyle .slider ul li .content{
		margin-top: 20px;
		margin-left: 30px;
		width: 260px;
		height: 108px;
	}

	.lifestyle .slider ul li .photo{
		width: 107px;
		height: auto;
		float: left;

	}
	
	.lifestyle h3, .lifestyle h3.small{
		font-size: 18px;
		line-height: 22px;
	}

	.lifestyle h4, .lifestyle h4.small{
		display: block;
		position: absolute;
  		top: 90px;
	}

	.lifestyle .slider ul li a{
		float: left;
		width: 140px;
		margin-left: 10px;
	}
	
	.lifestyle .slider ul li .btn-more{
		display: none;
	}	

	.product-page.why-use-part .arrow-slide-contener img{
		top: -25px;
	}

	.info.cookies{
		height: 60px;
	}

	.info.cookies span{
		font-size: 12px;
		line-height: 16px;
		width: 60%;
		padding-top: 5px;
	}
}

@media (max-width: 620px){
	h1, h2{
		font-size: 24px;
		line-height: 30px;	
	}

	.product-page.info-boxes ul.three li .btn-more{
		width: 80%;
	}

}

/*320*/
@media (max-width: 479px){
	
	.product-page.info-boxes ul.four{
		height: 400px;
	}

	.product-page.info-boxes ul.four li{
		width: 100%;
		height: 25%;
	}

	.product-page.info-boxes ul.three{
		height: 300px;
	}

	.product-page.info-boxes ul.three li{
		width: 100%;
		height: 33.33%;
	}

	.product-page.info-boxes ul li .top{
		background-position: bottom;
	}

	.product-page.info-boxes .top h4{
		font-size: 16px;
	}

	.product-page.info-boxes .top .content .btn-more{
		width: 40%;
		height: auto;
	}
	
	.product-page.info-boxes .top .content .btn-close{
		width: 20%;
		height: auto;
	}

	.product-page.info-boxes .top .content{
		bottom: 10px;
	}

	.product-page.why-use-part{
		height: 1050px;
	}

	.product-page.benefits{
		height: 550px; 
	}

	.product-page.benefits .title{
		height: 120px;
	}

	.lifestyle .content{
		width: 100%;
		overflow: visible;
		height: auto;
	}


	.product-navigation {
		top:-190px;
		height: 340px;
	}
	.product-navigation .content{
		top: 100px;
	}

	.main-banner > .content .content .contener{
		width: 350px;
	}

	h1, h2{
		font-size: 24px;
		line-height: 30px;	
	}

	.main-banner{
		height: 500px;
	}
	
	.main-banner h1, .main-banner h2{
		margin-top: 20px;
	}

	.main-banner > .content .btn-more{
		width: 150px;
		margin-top: 20px;
	}
	
	
	

	.product-navigation .product{
		top: -100px !important;
		height: 180px !important;
	}


	.product-navigation .product img.mobile {
		width: 250px;
		height: auto;
	}
	
	.product-navigation .mobile-menu{
		top:200px;
	}

	.product-navigation .mobile-menu .arrow{
		width: 40px;
		height: 45px;
	}

	.product-navigation .mobile-menu ul{
		width: 190px;
		top: 0px;
	}

	.product-navigation .mobile-menu .point{
		width: 40px;
		height: 40px;
		margin-left: 20px;
	}
	
	.product-navigation .branding img{
		top: 130px;
	}

	.product-navigation .branding span{
		top: 200px;
	}
	
	footer.home{
		top: -190px;
	}

	footer p{
		font-size: 10px;
		color: #6b6b6b;
		text-align: center;
		display: block;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	footer.article-footer .btn-more span {
	  width: 220px;
	  font-size: 13px;
	}
	
	body.home{
		height: 650px;
	}


	section.modal .box{
		width: 310px;
		height: 400px;
	}

	section.modal .box.permen{
		height: 350px;		
	}

	section.modal .box.permen-go{
		height: 300px;
	}
	
	section.modal .box .title{
		height: 50px;
	}

	section.modal .box .title span{
		font-size: 16px;
		padding-top: 10px;
	}

	section.modal .box table .titles{
		font-size: 15px;
		height: 50px;
	}

	section.modal .box table{
		font-size: 10px;
	}
	
	section.modal .box .btn-cross{
		width: 30px;
		height: auto;
	}

	section.modal .box table tr td:nth-child(n+2){
		width: 80px;
	}

	section.modal .box .btn-close{
		width: 100px;
		height: auto;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.product-page.why-use-part.permen{
		height: 1150px;
	}

	/*specjalista*/
	.specjalista-header{
		height: 250px;
	}

	.specjalista-header h2{
		font-size: 18px;
	}

	.specjalista-header .content .contener{
		width: 100%;
		margin-top: 100px;
	}

	.specjalista-header .select-box{
		width: 280px;
	}
	.specjalista-header .select-box ul li{
		height: 10px;
	}

	.specjalista-header .select-box ul li span{
		font-size: 12px;
	}

	.specjalista-header .select-box .top span{	
		font-size: 12px;
	}
}
@media (max-width: 380px){
	.product-page.why-use-part{
		height: 1150px;
	}


}

/*320*/
@media (max-width: 321px){

	.product-page.info-boxes h3 {
		font-size: 18px;
	}

	.product-page.info-boxes .btn-recipe {
		width: 270px;
	}

	.product-page.info-boxes .btn-recipe.permen{
		width: 230px;
	}

	.product-page.info-boxes .btn-recipe.permen-go{
		width: 250px;
	}

	.product-page.benefits{
		height: 480px; 
	}

	.product-page.benefits .title{
		height: 90px;
	}

	.specjalista-content .half{
		float: none;
		display: block;
	}
}