/* Grid hide helper classes -------- */
// do not change order!

// $sd-tablet-plus (tablet + desktop): 501px - max-width
@include sd-viewport($sd-tablet-plus) {
    .sd-hide-for-tablet-plus,
    .sd-show-for-tablet {
        display: none !important;
    }
}

// $sd-desktop: 1134px - max-width
@include sd-viewport($sd-desktop) {
    .sd-hide-for-desktop {
        display: none !important;
    }
}

// $sd-mobile-tablet: 500px - 1033px
@include sd-viewport($sd-mobile-tablet) {
    .sd-hide-for-tablet {
        display: none !important;
    }
    .sd-show-for-tablet {
        display: initial !important;
    }
}

// $sd-mobile: 0 - 500px
@include sd-viewport($sd-mobile) {
    .sd-hide-for-mobile,
    .sd-show-for-tablet {
        display: none !important;
    }
}

// $sd-tablet: 501px - 1033px
@include sd-viewport($sd-tablet) {
    .sd-hide-for-tablet-only {
        display: none !important;
    }
}