@media all and (max-width: 767px) {
    .widescreen-only {
        display: none !important;
    }

    .narrowscreen-only {
        display: inherit;
    }
}


@media all and (min-width: 767px) {
    .widescreen-only {
        display: inherit;
    }

    .narrowscreen-only {
        display: none !important;
    }
}