CSS Media Queries

1.hide-on-mobile {
2  @media(max-width: $mobile ) {
3      display: none !important;
4  }
5}
6
7.hide-on-desktop {
8  @media(min-width: $mobile) {
9      display: none !important;
10  }
11}