@media (max-width: 768px) {
	.content {
		position: absolute;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	.box {
		width: 25px;
		height: 25px;
		margin: 5px 0;
	}

	.box:nth-child(odd) {
		transition: 2s ease-out;
	}
	.action-box:hover .box:nth-child(odd) {
		transform: translateX(100px) rotate(-360deg) scale(2.5);
	}

	.box:nth-child(even) {
		transition: 4s ease-in;
	}
	.action-box:hover .box:nth-child(even) {
		transform: scale(0.5) translateX(-300px) rotate(-360deg);
	}
}