.og-page .page-header .heading-text {font-size: 1.5rem;}
.staff-image {
    background-size: cover;
    background-position: top center;
    border-radius: 50%;
}
.list-staffs .body {
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    padding: 25px;
    height: 100%;
}
.staff-image {
    padding-bottom: 100%;
    height: 0px;
}
.list-staffs .fullname {font-size:1rem}
.list-grid .pagination {justify-content: center;}
.list-grid .pagination .prev, .list-grid .pagination .next {
    font-size: 1.5rem;
}
.list-grid .pagination li a, .list-grid .pagination li span {color:#333}
.list-grid .pagination li.active a {color:#fff}
.staff-profile .info .iitem {
    padding: 0.5rem 0;
    font-size: 1rem;
    line-height: 1.5rem;
}
.staff-profile .info .fullname {font-size: 2rem;color:#b30505}
.staff-profile .related-posts .post-body {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.staff-profile .related-posts .post-title {line-height: 1.8rem}
.level-2{overflow:hidden;position:relative}
.level-2 .group-items {display:none}
.level-2 .group-items.active {display: block;max-width:80%;margin:0 auto}
.level-2 .group-items a {font-weight: bold;white-space: nowrap}
.level-2 .group-items .sub-item {text-align: center;}
.sub-item a {color:#808080}
.slick-active.active a {color:#901115}
.og-departments .level-1 a.btn {
    border: none;
    background-color: #eaeaea;
    color: #333;
    font-weight: bold;
    font-size: 0.8rem;
    padding-left: 20px;
    padding-right: 20px;
}
.og-departments .level-1 a {margin-right: 1rem;}
.og-departments .level-1 a:last-child {margin-right: 0;}
.og-departments .level-1 a.active {background-color:#f8eded;color:#b61616}
.og-departments .slick-arrow {
    position: absolute;
    top: -5px;
    padding: 5px;
    line-height: 1rem;
    z-index:2;
    border: none;
    background: transparent;
}
.og-departments .slick-arrow:focus{outline:none}
.og-departments  .slide-prev {left:0px;}
.og-departments  .slide-next {right:0px;}
.og-departments .level-2 {padding-top:20px;padding-bottom: 20px;}
.slider.group-items:before, .slider.group-items:after {
    position: absolute;
    top: 0px;
    width: 15%;
    height: 100%;
    content: ' ';
    z-index:1;
}
.slider.group-items:before {left:0px;background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);}
.slider.group-items:after {right:0px;background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);}
@media (min-width: 992px) {
    .staff-profile .info .fullname {font-size:2.5rem}
    .staff-profile .info .iitem {
        padding: 0.75rem 0;
        font-size: 1.2rem;
        line-height: 1.6rem;
    }
    .og-departments .level-1 a.btn {
        font-size: 1rem;
        padding: 10px 20px;
    }
    .list-staffs .body {padding: 15px;}
    .list-staffs .fullname {font-size: 1.2rem;}
    .level-2 .group-items.active {max-width:50%}
}
@media (min-width: 1200px) {
    .list-staffs .body {padding: 25px;}
}