.scroll-center{display: none;}

@media(max-width: 576px){
	.scroll-center {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100px;
		height: 100px;
		display: block;
		cursor: pointer;
		z-index: 2;
	}
	.arrow {
		position: absolute;
		top: -6px;
		left: 0px;
		height: 100px;
		width: 100px;
		background: url('/products/img/hand-scroll.png') center center no-repeat rgba(0,0,0,0);
		animation: animate 3s infinite;
	}

	.zui-scroller{
		opacity: 0.7;
	}

	@keyframes animate{
		0%{
			transform: translateX(0);
			opacity: 1;
		}

		50%{
			transform: translateX(80px);
			opacity: 1;
		}

		100%{
			transform: translateX(0);
			opacity: 1;
		}
	}
}