.bttrlazyloading-clone,
.bttrlazyloading {
    width: 100%;
    max-width: 80px;
    max-height: 80px;
}

.unit_page {
    background: #00b3b3;
}

.unit_title_buttons {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.unit_title_subject {
    line-height: 70px;
}

.unit_title {
    color: #fff;
}

.unit_name_container {
    /*padding: 20px;*/
}

.unit_name_title {
    font-size: 30px;
    font-family: ProximaNova-Bold;
    line-height: 33px;
    vertical-align: middle;
    padding-bottom: 10px;
    /* text-transform: capitalize; */
    color: #fff;
    text-align: left;
}



.unit_sub_title {
    font-size: 22px;
    color: #993300;
    font-family: ProximaNovaCond-Bold;
    line-height: 20px;
    /* text-transform: capitalize; */
    text-align: center;
}

.topic_app_name {
    display: none;
}

.topic_image {
    -o-transform: scale(0.80);
    -ms-transform: scale(0.80);
    -webkit-transform: scale(0.80);
    -moz-transform: scale(0.80);
    transform: scale(0.80);
    filter: blur(0px);
    -webkit-filter: blur(0px);
    -webkit-backface-visibility: hidden;
}

a.topic_path:focus .item_container,
a.topic_path:active .item_container {
    background: #008080;
}

a.topic_path:focus .topic_name,
a.topic_path:focus .topic_app_name,
a.topic_path:active .topic_name,
a.topic_path:active .topic_app_name {
    background: #005a5a;
}

@media (min-width: 480px) {
    .topic_item {
        width: 33.33333333%;

    }

    .topic_list>li {
        padding-bottom: 0;
        margin-top: 10px;
    }

    .topic_list_container {
        padding: 0 5px 0 5px;
        background-color: #00cccc;
    }

    .icon_container {
        display: inline-table;
        width: 75%;
        margin: auto;
        max-width: inherit;
    }
}

@media (min-width: 600px) {
    .topic_name {
        display: none;
    }

    .topic_app_name {
        display: table-cell;
    }

    .topic_item {
        width: 25%;
    }
}

@media (min-width: 768px) {
    .topic_app_name {
        display: none;
    }

    .topic_name {
        display: table-cell;
    }

    .unit_title_buttons {
        display: table;
        width: 100%;
        /*height: 90px;*/
    }

    .subject_button_container {
        display: table-cell;
        width: 70px;
        text-align: center;
        vertical-align: middle;
    }

    .category_button {
        max-width: 64px;
        max-height: 64px;
    }

    .unit_breadcrumb_item {
        display: table-cell;
        width: 20px;
        vertical-align: middle;
    }

    .unit_separator {
        height: 70px;
        line-height: 70px;
        margin-bottom: -17px;
    }

    .unit_name_item {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding-right: 80px;
    }

    /*.unit_name_container {
        padding: 0 13px;
    }*/
    .unit_name_title {
        font-size: 30px;
        padding-bottom: 3px;
    }

    .unit_separator::before {
        height: 46px;
        border-right: 2px solid #cb5201;
        -moz-transform: skew(25deg);
        -o-transform: skew(25deg);
        -webkit-transform: skew(25deg);
        -ms-transform: skew(25deg);
        transform: skew(25deg);
        float: left;
        margin-left: -7px;
    }

    .unit_separator::after {
        height: 46px;
        top: 45px;
        margin-left: -7px;
        border-right: 2px solid #cb5201;
        -webkit-transform: skew(-25deg);
        -moz-transform: skew(-25deg);
        -o-transform: skew(-25deg);
        -ms-transform: skew(-25deg);
        transform: skew(-25deg);
    }

    .unit_breadcrumb {
        height: 70px;
    }
}

@media (min-width: 900px) {
    .topic_item {
        width: 16.66666667%;
    }
}