/* LARGE DEVICE */
@media (min-width: 992px) and (max-width: 1199px) {
    
}
/* MEDIUM DEVICE */
@media(max-width:991px){
    .col-opt{
        max-width: 110px;
    }
    .col-btn{
        max-width: 50px;
    }
    .custom-search-input select {
        padding: 10px 13px 10px 5px;
        font-size: 0.875rem;
    }
    .custom-search-input button{
        font-size: 0.875rem;
        padding: 0 10px;
    }
}

/* SMALL DEVICE */
@media(max-width:768px){
    .bg-light {
        background: rgba(255,255,255,0.97) !important;
    }
    .navbar-brand .description{
        display: none;
    }
    .navbar-brand .desc-mobile{
        display: block;
    }
    .navbar-brand .desc-mobile span.small-text{
        font-size: 0.75rem; 
    }
    .navbar {
        padding: .35rem 1rem;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255,255,255,.5);
        border-color: transparent;
    }
    .navbar-toggler {
        color: rgba(0,0,0,.5);
        border-color: rgba(0,0,0,.0);
        background: transparent;
        border-radius: 0;
        padding: .2rem .5rem;
    }
    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");    
    }
    .navbar-nav {
        border: none;
    }
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    .nav-link {
        padding: .5rem 1.25rem !important;
        border-bottom: none;
        font-size: 16px;
    }
    .navbar .nav-item:last-child .nav-link{
        border-bottom: none;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
        background: #dedede;
    }
    .dropdown-toggle::after {
        float: right;
        margin-top: .75rem !important;
    }
    .dropdown-menu {
        background: rgba(0,0,0,0.90) !important;
        padding-top: 0;
        padding-bottom: 0;
    }
    .dropdown-item {
        color: #fff !important;
        font-size: 16px;
    }
    .top-header .top-header-left{
        display: none;
    }
    .top-header .top-header-right{
        display: none;
    }
    .nav-item.separate {
        display: none;
    }
    /* Home --------------------------------- */
    .affiliation-overview .aff-profile .image{
        position: relative;
        display: block;
        margin: 0 auto;
        text-align: center;
        height: auto;
        padding: 0.5rem;
    }
    .affiliation-overview .aff-profile .image img{
        width: 64px;
        height: auto;
        margin: 0 auto;
        text-align: center;
    }
    .affiliation-overview .aff-profile .desc{
        position: relative;
        display: block;
        width: 100%;
    } 
    .affiliation-overview .aff-profile .desc{
        margin-left: 0;
        display: block;
        width: 100%;
        padding: 0 1rem;
    }
    .card.card-authors .detail-block-box{
        width: 100%;
        display: block;
    }
    .card.card-authors .detail-block{
        width: 100%;
        display: block;
    }
    .summary-score{
        padding: 0 1rem;
    }

    /* detail authors */
    .card-authors.author-overview .symbol{
        display:block;
        width: 100%;
        margin-bottom: 0.5rem;
    }
    .card-authors.author-overview .symbol > img{
        margin: 0 auto;
        max-width: 150px;
    }
    .card-authors.author-overview .block-sm{
        display: block !important;
    }
    .card-authors.author-overview .mobile-info{
        font-size: 0.875rem;
    }
    .card-authors.author-overview .mobile-score{
        padding: 0 0.5rem;
    }
    .ikipp-document-info .item-info{
        display: block;
        margin-right: 0 !important;
        width: 50% !important;
    }
    .ikipp-document-info .item-info span > i{
        font-size: 1.5rem;
    }
    .ikipp-document-info .item-info .title{
        font-size: 0.875rem;
    }
    .ikipp-document-info .item-info .font-weight-bolder{
        font-size: 0.75rem;
    }

    /* responsive tabs */
    .nav-tabs.scrollable {
        flex-wrap: nowrap;
        scrollbar-width: thin;
        padding-bottom: 0.135rem;
    }
    
    /* List Authors */
    .list-author-card .photo{
        text-align: center;
        border: 1px solid #c5c5c5;
        border-radius: 0.5rem;
        width: 100px;
        margin: 0 auto;
        margin-bottom: 1rem;
        background: #c4c4c4;
        overflow: hidden;
    }
    .list-author-card .user-info .profile-name, 
    .list-author-card .user-info .profile-name a{
        font-size: 1rem;
        text-align: center;
        font-weight: 600;
    }
    .list-author-card .user-info{
        text-align: center;
        font-size: 0.875rem;
    }
    .list-author-card .user-info .profile-id,
    .list-author-card .user-info .profile-hindex{
        margin-bottom: 0.5rem;
    }
    
    /* View Author */
    .content-profile .photo{
        text-align: center;
        border: 1px solid #c5c5c5;
        border-radius: 0.5rem;
        width: 100px;
        margin: 0 auto;
        background: #c4c4c4;
        overflow: hidden;
    }
    .content-profile .fullname{
        text-align: center;
        font-size: 1rem;
        font-weight: 600;
    }
    .content-profile .meta-profile{
        font-size: 0.875rem;
        text-align: center;
    }

}
@media(min-width:768px){
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
} 

@media(min-width:1200px){
    .symbol > img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }
}
@media(min-width:922px){
    .symbol > img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }  
}
@media(min-width:768px){
    .symbol > img {
        width: 100%;
        max-width: 50px;
        height: 50px;
    }  
}

@media(min-width:1280px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 80%;
    }
}