.mi-mobile{
display: none;
font-size: 0;
max-height: 0;
line-height: 0;
padding: 0;
float: left;
overflow: hidden;
mso-hide: all; /* hide elements in Outlook 2007-2013 */
}
@media only screen and (max-device-width: 480px),
screen and (max-width: 480px),
screen and (orientation: landscape) and (max-width: 630px) {
/* very important! all except .all and this current type get a display:none; */
.mi-desktop{ display: none !important; }
.mi-mobile{
display: block !important;
font-size: 12px !important;
max-height: none !important;
line-height: 1.5 !important;
float: none !important;
overflow: visible !important;
}
}
