.main{
	margin:40px 0;padding:0;width:100%;
}
.main > div.wrap{
	flex-direction: column;-webkit-flex-direction:column;
	justify-content: center;-webkit-justify-content:center;
	text-align: center;
}
.main > div.wrap > div{
	margin:0 auto 40px 0;width:100%;
}
.main h4.title{
	color:#006039;font-size:1.2rem;
	font-weight: normal;margin:40px 0 10px 0;
}

/*product-list*/
#product-list {
	list-style: none;padding:0 10%;
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	align-items: center;-webkit-align-items:center;
	justify-content: center;-webkit-justify-content:center;
}	
#product-list > li {
	display: flex;display: -webkit-flex;width: 100%;margin-bottom: 150px;
	justify-content: space-between;-webkit-justify-content:space-between;
	align-items: stretch;-webkit-align-items:stretch;
	/*border-bottom:1px solid #ddd;*/
	/*-webkit-border-image:-webkit-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-moz-border-image:-moz-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-ms-border-image:-ms-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;
	-o-border-image:-o-linear-gradient( white,#d1d1d1,#d1d1d1,white) 1 1;*/
	/*border-image:linear-gradient(to right, white,#d1d1d1,#d1d1d1,white) 1 1;*/
}
#product-list > li:last-child { margin-bottom: 50px; }
div.pro-img { min-width:350px;width:350px;text-align: center; }
div.pro-img img { max-height:280px; }

div.pro-info {
	display: flex;display: -webkit-flex;
	flex-direction: column;-webkit-flex-direction:column;
	justify-content: flex-end;-webkit-justify-content:flex-end;
	text-align: left;color:#333;font-size:.75rem;
}
div.pro-info h4 { font-size: 1rem;margin-top: 20px;color:#095c33;font-weight: normal; }
div.pro-info p { margin:10px 0; }
/*div.pro-info span { color:#6c6c6c; }*/

@media screen and (min-width: 300px) and (max-width: 767px){
	.main > div.wrap > div { margin-bottom: 20px; }
	#product-list > li { 
		flex-direction: column;-webkit-flex-direction:column;
	}
	div.pro-info { margin-bottom: 20px; }
	#product-list > li { margin-bottom: 100px; }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
	div.pro-img { min-width: 200px;width:200px; }
}