.filter_category_li_name:hover{
    color: black;
}

.filter_category_li {
    display: inline-block;
    padding: 5px 15px;
    cursor: pointer;
}

/* ****************************************************************************************************************** */
/* ************************************************  DESKTOP CSS  *************************************************** */
/* ****************************************************************************************************************** */
/* Desktops and laptops ----------- */
@media only screen
and (min-device-width: 768px)
and (min-width: 768px)
and (orientation : landscape) {

    .filter_category_li{
        font-size: 16pt !important;
    }
}

/* ****************************************************************************************************************** */
/* ************************************************  MOBILE CSS   *************************************************** */
/* ****************************************************************************************************************** */
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (min-width : 320px)
and (max-width : 480px)
and (-webkit-min-device-pixel-ratio: 2) {
    /* Styles */
    .filter_category_name_mobile{
        font-size: 18px !important;
    }
}