/* Additional classes to hide elements at certain breakpoints */

/* pure-hidden-xs */
@media screen and (max-width:35.438em) {
    .sm-only{display:none}
    .md-only{display:none}
    .lg-only{display:none}
    .xl-only{display:none}
    .hide-xs{display:none}
}
/* pure-hidden-sm */
@media screen and (min-width:35.5em) and (max-width:47.938em) {
    .xs-only{display:none}
    .md-only{display:none}
    .lg-only{display:none}
    .xl-only{display:none}
    .hide-sm{display:none}
}
/* pure-hidden-md */
@media screen and (min-width:48em) and (max-width:63.938em) {
    .xs-only{display:none}
    .sm-only{display:none}
    .lg-only{display:none}
    .xl-only{display:none}
    .hide-md{display:none}
}
/* pure-hidden-lg */
@media screen and (min-width:64em) and (max-width:79.938em) {
    .xs-only{display:none}
    .sm-only{display:none}
    .md-only{display:none}
    .xl-only{display:none}
    .hide-lg{display:none}
}
/* pure-hidden-xl */
@media screen and (min-width:80em) {
    .xs-only{display:none}
    .sm-only{display:none}
    .md-only{display:none}
    .lg-only{display:none}
    .hide-xl{display:none}
}