#category_list .box-header .fa-close {
    cursor: pointer;
}

#category_list .box-body {
    display: block;
}

#category_list .box-body .row {
    margin: 0;
}

#category_list,
#catalogunit_list {
    margin-bottom: 2px;
    border: 1px solid #e6e6e6;
    background: white;
}

#category_list .box-header,
#catalogunit_list .box-header {
    padding: 0;
    padding-left: 10px;
}

#category_list .box-header > .breadcrumb,
#catalogunit_list .box-header > .breadcrumb {
    background: transparent;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    padding: 7px 5px;
    border-radius: 2px;
}

#category_list .category-item,
#catalogunit_list .catalog-item {
    border: 1px dotted #f4f4f4;
    cursor: pointer;
}

#category_list .category-item > p,
#catalogunit_list .catalog-item > p {
    margin: 5px 0 5px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: nowrap;
}

.active {
    color: #f2990a;
    background-color: #fafafa;
}

@media (max-width: 767px) {
    .main-footer .container {
        text-align: center;
    }
}

#courseware_list .media p.description, #specimen_list .media .description {
    height: initial;
}

#specimen_list .media .description {
    display: inline-block;
    color: #f39c12;
    width: 55%;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.media .award {
    display: inline-block;
    width: 40%;
    margin: 0;
    color: #f39c12;
    float: right;
}

#specimen_list .media p.browser {
    display: inline-block;
    width: 40%;
float: right;
}

#specimen_list .media p.author {
    width: 55%;
    display: inline-block;
    font-size: 12px;
    color: #f39c12;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 660px) {
    .media h3.title {
        margin-bottom: 36px;
    }
}

@media (max-width: 658px) {
    .col-sm-12, .col-md-6 {
        padding-left: 6px;
        padding-right: 6px;
    }

    #specimen_list .media:hover,
    #specimen_list .media:active {
        border: 1px solid #f3f3f3;
    }

    #specimen_list .media-left {
        width: 109px;
        height: 79px;
        padding: 4px 6px;
    }

   #specimen_list .media-left a {
       width: 97px;
       height: 71px;
   }

    #specimen_list .media .media-body {
        width: calc(100% - 109px);
        left: 109px;
    }

    #specimen_list .media h3.title {
        font-size: 16px;
        margin-top: 0;
    }

    #specimen_list .media .description {
        display: inline-block;
        color: #f39c12;
        width: 55%;
        margin-bottom: 0;
    }

    .media .award {
        display: inline-block;
        width: 40%;
        margin: 0;
        color: #f39c12;
    }

    #specimen_list .media p.browser {
        display: inline-block;
        width: 40%;
    }

    #specimen_list .media p.author {
        width: 55%;
        display: inline-block;
        font-size: 12px;
        color: #f39c12;
    }

    p {
        margin: 0;
    }
}