@media (max-width: 2400px){
		.container{
		max-width:1800px;
	}
    
}


@media (max-width: 2300px){
		.container{
		max-width:1700px;
	}
}

@media (max-width: 2150px){
		.container{
		max-width:1600px;
	}
}
@media (max-width: 2050px){
		.container{
		max-width:1500px;
	}
	.nav ul li a {
   
    font-size: 20px;
	}
	.nav ul li {
    margin-right: 20px;
}
}
@media (max-width: 1920px){
		.container{
		max-width:1400px;
	}
	.header-wrapper .logo img {
    width: 184px;
}
	.header-wrapper .logo {
    width: 28%;
    
}
    
}
@media (max-width: 1750px){
	.container{
		max-width:1300px;
	}
}
@media (max-width: 1650px){
	.container{
		max-width:1200px;
	}
}


@media (max-width: 1500px){
	.container{
		max-width:1100px;
	}
	.header-wrapper .logo img {
    width: 160px;
}
    
 
}
@media (max-width: 1400px){
	.container{
		max-width:1000px;
	}
    .owl-carousel .item figure.desktop-image img{width:100%;height:auto!important;}
    
    
}
@media (max-width: 1250px){
	.container{max-width:950px;}
    .header-wrapper{padding: 20px 0;}
	
}

@media (max-width: 991px){
	.nav ul li a{
		font-size:18px;
		padding:6px;
	}
	
	.nav ul li{
		margin-right:8px;
	}
    
    .banner .blue-btn{width: 50px;}
}


@media (max-width: 767px){
	.divider {
 
    margin-bottom: 30px;
    margin-top: 30px;
}
	.packshot-mobile-mg{margin-top: 50px; margin-bottom: 60px;}
	.nav-toggle{display:block}
	.nav{display:none;}
	.nav{ position: absolute; top: 100%; left: 0; background: #fff; padding: 10px; width:100%;}
	.header-wrapper{justify-content:space-between; width:100%;}
	.nav ul{flex-wrap:wrap; width:100%;}
	.nav ul li{width:100%; margin-bottom:6px; margin-right:0;}
	.banner-section{height:auto; background:#ffa200; text-align:center; padding-top:20px;}
	.main-banner{background: #11c0ef;}
	.mobile-content{
		display:block;
		max-width:550px;
		margin:0 auto;
		height: 100%;
	}
	
	.mobile-content h3{
		font-size:16px;
		color:#257a00;
		line-height:1.3;
		margin-bottom:12px;
		text-transform:uppercase;
		
	}
	.mobile-content h3.yelow {
    
    color: #e9e957;
   
}
	
	.mobile-content p{
		font-size:12px;
		line-height:1.3;
		color:#000000;
		margin-bottom:10px;
	}
	
	.mobile-content span{
		display:block;
		text-transform:uppercase;
		font-size:12px;
		color:#ffffff;
		margin-bottom:20px;
	}
	
	.mobile-content .btn{
		text-transform:uppercase;
		font-size:12px;
		background:#ffe400;
		padding:7px 10px;
		border-radius:50px;
		font-weight:700;
		margin-bottom:12px;
		color:#000000;
		text-transform:uppercase;
		display:inline-block;
	}
	
	.desktop-image{
		display:none;
	}
	
	.header-wrapper .logo{width:auto; max-width:120px;}
	
	.milk-icon{
		display:block;
	}
	.owl-carousel .owl-stage{display: flex;}
.article-items {
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}
.aticle-box {
    position: relative;
    overflow: hidden;
    /* margin-bottom: 80px; *//*This is optional*/
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
.mobile-img {
  position: absolute !important;
  
  bottom: 0%;
  right: 0;
  width: auto; /* to keep proportions */
  height: auto; /* to keep proportions */
  max-width: 100%; /* not to stand out from div */
  max-height: 100%; /* not to stand out from div */
  margin: auto auto 0; /* position to bottom and center */
}
	.owl-prev{    
    top: 25%;
   }
	.owl-next{   
    top: 25%;
    }
    /*** 3 may 2024***/
    .active #protein-img {
	display: block;
}
 
#protein-img {
	display:block;
}
    #button{display: block;}
    .banner .blue-btn{display: none;}
     /*** 3 may 2024***/
}

@media (max-width: 600px){

	.packshot-mobile-mg{margin-top: 50px; margin-bottom: 30px;}
    
    
	
}