.water_box {
	position: relative;
	opacity: 0;
	transition: .2s ease;
  margin:0 -20px;
}
.water_box .grid {
	position: relative;
	/* fluffy */
	margin: 0 auto;
}
.water_box .grid-item {
	position: absolute;
	top: 0;
	left: 0;
	/* fluffy */
	width: 580px;
	/* height: 120px; */
	/* end fluffy */
	-webkit-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  
}
.water_box-one img{
  max-width: 100%;
  height: auto;
}
.water_box-one .text{
  margin:20px 0;
}
/* mq */

@media (max-width: 1200px) {
  .water_box .grid-item {
    width: 480px;
  }
}
@media screen and (max-width: 1023px) {
	.water_box .grid-item{
		position: relative;
		width: 100%;
	}
	.water_box{
		opacity:1;
		padding:0 20px;
	}
}