/* Mobile */
@media only screen and (max-width : 320px) {
    .MobilePortrait {
        display: block;
    }
} 

/* Mobile Wide Screen */
@media only screen and (min-width : 321px) and (max-width : 480px) {
    .MobileLandscape {
        display: block;
    }
}

/* Tablet */
@media only screen and (min-width : 481px) and (max-width : 600px) {
    .SmallTabletPortrait {
        display: block;
    }
}

/* Tablet Wide Screen */
@media only screen and (min-width : 601px) and (max-width: 768px) {
    .SmallTabletLandscape {
        display: block;
    }
}

/* Tablet Wide Screen */
@media only screen and (min-width : 769px) and (max-width: 984px) {
    .TabletLandscape {
        display: block;
    }
}

/* Desktop */
@media screen and (min-width: 985px) {
    .Desktop {
        display: block;
    }
}