@media only screen
and (min-width: 100px) and (max-width: 460px) {
[class^="mashicon-"] .text, [class*=" mashicon-"] .text{
text-indent: -9999px !important;
line-height: 0px;
display: block;
} 
[class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after {
content: "" !important;
text-indent: 0;
font-size:13px;
display: block !important;
}
[class^="mashicon-"], [class*=" mashicon-"] {
width:25%;
text-align: center !important;
}
[class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before{
float:none;
margin-right: 0;
}
.mashsb-buttons a{
margin-right: 3px;
margin-bottom:3px;
min-width: 0;
width: 41px; }
.onoffswitch, 
.onoffswitch-inner:before, 
.onoffswitch-inner:after 
.onoffswitch2,
.onoffswitch2-inner:before, 
.onoffswitch2-inner:after  {
margin-right: 0px;
width: 41px;  }
} @media only screen
and (min-width: 480px) and (max-width: 568px) {
[class^="mashicon-"] .text, [class*=" mashicon-"] .text{
text-indent: -9999px !important;
line-height: 0px;
display: block;
} 
[class^="mashicon-"] .text:after, [class*=" mashicon-"] .text:after {
content: "" !important;
text-indent: 0;
font-size:13px;
display: block !important;
}
[class^="mashicon-"], [class*=" mashicon-"] {
width:25%;
text-align: center !important;
}
[class^="mashicon-"] .icon:before, [class*=" mashicon-"] .icon:before{
float:none;
margin-right: 0;
}
.mashsb-buttons a{
margin-right: 3px;
margin-bottom:3px;
min-width: 0;
width: 41px; }
.onoffswitch, 
.onoffswitch-inner:before, 
.onoffswitch-inner:after 
.onoffswitch2,
.onoffswitch2-inner:before, 
.onoffswitch2-inner:after  {
margin-right: 0px;
width: 41px;  }
}