/* Default */
.badge-image--category {
    max-width:  40px;
    max-height: 40px;
    z-index: 10;
}

/* Medium screens (tablets, landscape phones) */
@media (max-width: 1024px) {
    .badge-image--category {
        max-width: 40px;
        max-height: 40px;
    }
}

/* Small screens (portrait phones) */
@media (max-width: 768px) {
    .badge-image--category {
        max-width: 30px;
        max-height: 30px;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .badge-image--category {
        max-width: 25px;
        max-height: 25px;
    }
}

.badge-clickable {
    cursor: pointer;
}