.img_left {
  float: left;
  margin-right: 30px;
  margin-bottom: 8px;
}
.img_right {
  float: right;
  margin-left: 12px;
  margin-bottom: 8px;

}

.gallery_img { max-width:100%; }
.size-10 { width: 10%;}
.size-20 { width: 20%;}
.size-30 { width: 30%;}
.size-40 { width: 40%;}
.size-50 { width: 50%;}
.size-100 { width: 100%;}

@media (max-width:768px) {
	.croper_wrap.size-20 { width: 100%!important;}
	.croper_wrap.size-30 { width: 100% !important;}
	.croper_wrap.size-40 { width: 100% !important;}
	.croper_wrap.size-50 { width: 100% !important;}
	.croper_wrap.size-100 { width: 100% !important;}
	.croper_wrap  {
		//margin-bottom: 10px !important;
	}
}
	
@media (max-width: 480px) {
	XXX.img_left, XXX.img_right {width: 100%; margin: 0px; margin-bottom: 15px;}
}