@media(max-width: 1267px){
	
	.modal-dialog{
		padding: 0 21px;
		width: 100%;
	}
	
	.ingredient-overlay-basic-ingredient{
		width: 100%;
	}
	
	.ingredient-overlay-food-image{
		width: 40%;
		height: auto;
	}
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 45%;
	}
}

@media(max-width: 1164px){
	
	.ingredient-overlay-food-image{
		min-width: 223px;
	}
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 243px;
	}
	
	.ingredient-overlay-additional-ingredient-content-column{
		float: none; 
		width: 100%;
	}
}

@media(max-width: 1053px){
	
	.ingredient-overlay-basic-ingredient-row{
		background: #FFFFFF;	
	} 
	
	.ingredient-overlay-basic-ingredient-content{
		z-index: 1;
		background: rgba(255,255,255,0.7);
		padding: 20px;
	}
}

@media(max-width: 1024px){
	
	#ingredientOverlay{
		z-index: 1125;
		padding-right: 0;
	}
	
	.ingredient-overlay-title{
		font-size: 45px;
	}
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 320px;
		z-index: 0;
	}
	
	.ingredient-overlay-additional-ingredient-content-column{
		float: left; 
		width: 50%;
	}
}

@media(max-width: 849px){
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 243px;
	}
	
	.ingredient-overlay-additional-ingredient-content-column{
		float: none; 
		width: 100%;
	}
}

@media(max-width: 768px){
	
	#ingredientOverlay{
		padding: 60px 0 0;
		z-index: 1200;
	}
	
	.modal-dialog{
		margin: 0 auto 21px;
	}
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 45%;
	}
	
	.ingredient-overlay-additional-ingredient-content-column{
		float: left; 
		width: 50%;
	}
}

@media(max-width: 601px){
	
	.ingredient-overlay-basic-ingredient-content{
		padding-right: 243px;
	}
	
	.ingredient-overlay-additional-ingredient-content-column{
		float: none; 
		width: 100%;
	}
}

@media(max-width: 488px){
	
	.ingredient-overlay-basic-ingredient-content{
		z-index: 1;
		background: rgba(255,255,255,0.7);
		padding: 20px;
	}
}

@media(max-width: 478px){
	
	#ingredientOverlay{
		padding: 127px 0 0;
	}
}

@media(max-width: 460px){
	
	.ingredient-overlay-title{
		font-size: 42px;
	}
}

@media(max-width: 440px){
	
	.ingredient-overlay-title{
		font-size: 39px;
	}
}

@media(max-width: 420px){
	
	.ingredient-overlay-title{
		font-size: 36px;
	}
}

@media(max-width: 400px){
	
	.ingredient-overlay-title{
		font-size: 33px;
	}
}

@media(max-width: 380px){
	
	.ingredient-overlay-title-row{
		height: 45px;
	}
	
	.ingredient-overlay-close-button{
		height: 45px;
	}
	
	.ingredient-overlay-title{
		font-size: 30px;
		height: 45px;
		line-height: 45px;
	}
}

@media(max-width: 360px){
	
	.ingredient-overlay-title{
		font-size: 27px;
	}
}

@media(max-width: 340px){
	
	.ingredient-overlay-title{
		font-size: 24px;
	}
}