responsive-hidden-classes.css

/* Desktop First */
.only-mobile { display: none !important; }
.only-tablet { display: none !important; }
@media only screen and (max-width: 767px) {
	.only-tablet { display: block !important; }
	.only-desktop { display: none !important; }
}
@media only screen and (max-width: 480px) {
	.only-mobile { display: block !important; }
}

/* Mobile First */
.mobile-only { display: block; }
.tablet-only { display: none; }
.handheld-only { display: block; }
.desktop-only { display: none; }

@media only screen and (min-width: 768px) {
	.mobile-only { display: none; }
	.tablet-only { display: block; }
	.handheld-only { display: block; }
	.desktop-only { display: none; }
}

@media only screen and (min-width: 960px) {
	.mobile-only { display: none; }
	.tablet-only { display: none; }
	.handheld-only { display: none; }
	.desktop-only { display: block; }
}