/* ######################## */
/*         CATEGORIES       */
/* ######################## */

/* Desktop Styles */
@media only screen and (min-width: 961px) {

    .category_image {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_subcategory {
        padding-bottom: 10px;
        width: 24%;
        float: left;
        height: 200px;
    }

    .category_subdepartment {
        color: #444;
        font-weight: 400;
        font-size: 1em;
        display: block
    }

    .SubCategoryName {
        color: #c3e561;
        font-weight: 700;
        font-size: 1.1em;
        height: 45px;
        display: table-cell;
        vertical-align: middle
    }
}

/* Tablet Styles */
@media only screen and (min-width: 601px) and (max-width: 960px) {

    .category_image {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_subcategory {
        padding-bottom: 10px;
        width: 32%;
        float: left;
        height: 200px;
    }

    .category_subdepartment {
        color: #444;
        font-weight: 400;
        font-size: 1em;
        display: block
    }

    .SubCategoryName {
        color: #c3e561;
        font-weight: 700;
        font-size: 1.1em;
        height: 45px;
        display: table-cell;
        vertical-align: middle
    }
}


/* Mobile Styles */
@media only screen and (max-width: 600px) {

    .category_image {
        width: 100%;
        margin-bottom: 20px;
    }

    .category_subcategory {
        margin-bottom: 20px;
        width: 100%;
    }

    .category_subdepartment {
        color: #444;
        font-weight: 400;
        font-size: 1em;
        display: block;
    }

    a.SubCategoryName {
        color: #c3e561;
        font-weight: bold;
        font-size: 1.2em;
        display: block;
        border-bottom: 1px solid #000;
        margin-bottom: 10px;
    }

    #category_description {
        display: none;
    }
}