/* Add here all your CSS customizations */

.display-xs-only,
.display-md-only,
.display-lg-only,
.display-xl-only {
    display: none;
}

/* Limit Display Using Classes Based on Screen Width */
@media screen and (max-width: 767px) {

    /* image max size 290px wide */
    .display-xs-only {
        display: inline-block !important;
    }

}

@media screen and (min-width: 768px) and (max-width: 1199px) {

    /* image max size 500px wide */
    .display-md-only {
        display: inline-block !important;
    }

}

@media screen and (min-width: 1200px) {

    /* image max size 800px wide */
    .display-lg-only {
        display: inline-block !important;
    }

}