/* For mobile phones: */ [class*=”text-tiny1″] { display: none; } [class*=”text-tiny2″] { display: none; } [class*=”text-tiny3″] { display: block; } @media only screen and (min-width: 600px) { .text-tiny1 {display:none} .text-tiny2 {display:block} .text-tiny3 {display:none} } @media only screen and (min-width: 768px) { .text-tiny1 {display:block} .text-tiny2 {display:none} .text-tiny3 {display:none} }