/* Note: Design for Desktop screens (Desktop) */
@media only screen and (min-width: 959px) {
    .NotDesktop { display:none !important ; } 
    .TabletOnly { display:none !important ; } 
    .MobileHOnly { display:none !important ; } 
    .MobilePOnly { display:none !important ; }
}

/* Note: Design for a width of 768px (med) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .DesktopOnly, 
    .NotTablet, 
    .MobileHOnly, 
    .MobilePOnly {
        display:none !important ;
    }
}

/* Note: Design for a width of 480px (MobileH) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .DesktopOnly, 
    .TabletOnly, 
    .NotMobileH, 
    .MobilePOnly {
        display:none !important ;
    }
}

/* Note: Design for a width of 320px (MobileP) */
@media only screen and (max-width: 480px) {
    .DesktopOnly, 
    .TabletOnly, 
    .MobileHOnly, 
    .NotMobileP {
        display:none !important ;
    }
}