/* CSS Document */


/*
.prod_data figure.mos,
.prod_data figure.syan{
	width:100px;
	height:100%;
	border-radius:100%;
	float:left;
	margin-right:1em;
}*/

.flexbox{
	display:flex;
}


.flexbox figcaption{
	text-align:center;
	padding:0.5em 0;
}


@media only screen and (max-width: 767px) {
/*	.prod_data figure.mos,
.prod_data figure.syan{
	width:80px;
	height:80%;
}
*/
.flexbox{
	flex-direction:column;
}

	
.flexbox figure{
	width:100%;

}

}

@media only screen and (min-width: 768px) {

.flexbox figure{
	width:45%;
align-self:center;	


}

}


/*figure.img1{
	max-width:500px;
	width:100%;
	margin:1em;
}*/