@media (max-width:1023px) {
 
}

@media (min-width:768px) and (max-width:1023px) {
}

@media (min-width:481px) and (max-width:767px) {
	div.example1 {
	animation-name: keyframes1;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	font-size: 24px;
	text-align: center;
	font-style: italic;
	line-height: 24px;
	font-weight: bold;
	color: red;
	}
	@keyframes keyframes1 {
		0% {
			color: red;
		}
		
		25% {
			color: green;
		}

		50% {
			color: #DD127B;
		}
		
		75% {
			color: #DD127B;
		}

		100% {
			color: #0088CC;
		}
	}
}

@media (max-width:480px) {
	div.example1 {
		animation-name: keyframes1;
		animation-duration: 4s;
		animation-iteration-count: infinite;
		font-size: 24px;
		text-align: center;
		font-style: italic;
		line-height: 24px;
		font-weight: bold;
		color: red;
	}
	@keyframes keyframes1 {
		0% {
			color: red;
		}
		
		25% {
			color: green;
		}

		50% {
			color: #DD127B;
		}
		
		75% {
			color: #DD127B;
		}

		100% {
			color: #0088CC;
		}
	}
}