Shorter Delays for Animations

Would it be possible to add extra delay options?

First it would be useful to have 1/4 second gaps – so 1/4s, 1/2s, 3/4s etc.

And would it be possible to automatically remove delays on mobile? For instance, when a 4 column row of items changes to 1 column on mobile, you won’t want the same delays.

I currently have added my own hack for this:

/*------------------------Animate It delays----------------------------*/

.delay05 {
	-webkit-animation-delay: .25s;
	-moz-animation-delay: .25s;
	-ms-animation-delay: .25s;
	-o-animation-delay: .25s;
	animation-delay: .25s;
}
.delay15 {
	-webkit-animation-delay: .75s;
	-moz-animation-delay: .75s;
	-ms-animation-delay: .75s;
	-o-animation-delay: .75s;
	animation-delay: .75s;
}
.delay25 {
	-webkit-animation-delay: 1.25s;
	-moz-animation-delay: 1.25s;
	-ms-animation-delay: 1.25s;
	-o-animation-delay: 1.25s;
	animation-delay: 1.25s;
}
.delay35 {
	-webkit-animation-delay: 1.75s;
	-moz-animation-delay: 1.75s;
	-ms-animation-delay: 1.75s;
	-o-animation-delay: 1.75s;
	animation-delay: 1.75s;
}
.delay45 {
	-webkit-animation-delay: 2.25s;
	-moz-animation-delay: 2.25s;
	-ms-animation-delay: 2.25s;
	-o-animation-delay: 2.75s;
	animation-delay: 2.25s;
}
.delay55 {
	-webkit-animation-delay: 2.75s;
	-moz-animation-delay: 2.75s;
	-ms-animation-delay: 2.75s;
	-o-animation-delay: 2.75s;
	animation-delay: 2.75s;
}
/*------------------------Remove Animation Delays on Mobile----------------------------*/

@media(max-width: 991px) {
.delay05, .delay1, .delay15, .delay2, .delay25, .delay3, .delay35, .delay4, .delay45 {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-ms-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
}