.recipe-listing{
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	margin-bottom:20px;
	padding:5px;
	border:1px solid #fff;
}

.recipe-listing-img{
	float:left;
	width:15%;
	margin-right:30px;
}

.recipe-listing-img img{
	max-width:100%;
	padding:5px;
	padding-bottom:20px;
	background-color:#Fff;
	border:1px solid #F0F0F0;
	border-radius:2px;
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);

}

.recipe-listing-detail{
	float:left;
	width:80%;
}

.recipe-listing-title a{
	font-size:30px;
	display:block;
	color:#333;
	margin-bottom:10px;
}

.recipe-listing-product{
	color:#666;
	line-height:150%;
}


.recipe-listing-product a{
	color:#8FAA40;
}

.recipe-item-img{
	float:right;
	width:30%;
	margin-right:10px;
}

.recipe-item-img img{
	max-width:100%;
	padding:5px;
	background-color:#F0F0F0;
	border:1px solid #999;
	border-radius:3px;
}

.recipe-item-detail{
	color:#666;
	padding:3px 0px;
	margin-top:10px;
}

.recipe-item-product{	
	-o-transition:0.5s;
	-ms-transition:0.5s;
	-moz-transition:0.5s;
	-webkit-transition:0.5s;
	transition:0.5s;
	margin-bottom:10px;
	margin-top:20px;
	padding:10px;
	border:1px solid #F0F0F0;
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1);
}

.recipe-item-product:hover{
	padding:10px;
	border:1px solid #F0F0F0;
	-webkit-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
}

.recipe-item-product-img{
	float:left;
	margin-right:20px;
}

.recipe-item-product-img img{
	max-width:100%;
	max-height:100px;
	padding:3px;
	background-color:#F0F0F0;
	border:1px solid #999;
	border-radius:3px;
}

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

}

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

}

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

}

@media only screen and (max-width : 500px) {
	.recipe-listing-img{
		float:left;
		width:27%;
	}
	
	.recipe-listing-img img{
		max-width:100%;
		padding:3px;
		background-color:#F0F0F0;
		border:1px solid #999;
		border-radius:3px;
	}
	
	.recipe-listing-detail{
		float:right;
		width:67%;
	}
	
	.recipe-listing-title a{
		font-size:25px;
		display:block;
		color:#333;
		margin-bottom:10px;
	}
	
	.recipe-item-img{
		float:right;
		width:40%;
		margin-right:10px;
		margin-bottom:20px;
	}
	
	.recipe-item-img img{
		max-width:100%;
		padding:5px;
		background-color:#F0F0F0;
		border:1px solid #999;
		border-radius:3px;
	}
	
	.recipe-item-detail{
		color:#666;
		padding:3px 0px;
	}
	
	.recipe-item-detail img{
		max-width:100%;
	}
}


@media only screen and (max-width : 340px) {
	.recipe-listing-img{
		float:none;
		width:100%;
	}
	
	.recipe-listing-img img{
		max-width:100%;
		padding:3px;
		background-color:#F0F0F0;
		border:1px solid #999;
		border-radius:3px;
	}
	
	.recipe-listing-detail{
		float:none;
		width:100%;
	}
	
	.recipe-listing-title a{
		font-size:25px;
		display:block;
		color:#333;
		margin-bottom:10px;
		margin-top:10px;
	}
	
	.recipe-item-img{
		float:none;
		width:95%;
		margin-right:10px;
		margin-bottom:20px;
	}
	
	.recipe-item-img img{
		max-width:100%;
		padding:5px;
		background-color:#F0F0F0;
		border:1px solid #999;
		border-radius:3px;
	}
	
	.recipe-item-detail{
		color:#666;
		padding:3px 0px;
	}

}