/* About Us*/

@media (max-width: 480px){

    .inner-header-background {
        height: 160px;
    }

    .inner-header-background .aboutbg{
        top: auto;
        bottom: 0;
    }
    
    .about-content-left-img {
        margin: .5rem 0;
        padding-top: 20px !important;
    }

    .py-5 {
        padding-top: 0 !important;
    }

    .about-update-btn-div {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .publication-list {
        display: flex;
        flex-direction: column;
    }
}






@media (min-width: 481px) and (max-width: 767px){
    .inner-header-background {
        height: 125px;
    }

    .card-library {
        width: 100%;    
    }
}

@media (min-width: 768px) and (max-width: 991px){

    .inner-header-background {
        height: 200px;
    }

    .card-library {
        width: 47%;    
    }
}


@media (min-width: 992px) and (max-width: 1099px){
    .inner-header-background {
        height: 200px;
    }

    .card-library {
        width: 22%;
    }

}


@media (min-width: 1100px) and (max-width: 1199px){
    .inner-header-background {
        height: 200px;
    }
}










@media (min-width: 1201px) and (max-width: 1299px){
    .inner-header-background{
        height: 200px;
    }
}

@media (min-width: 1301px) and (max-width: 1499px){
    .inner-header-background{
        height: 215px;
    }
}

@media (min-width: 1501px) and (max-width: 1699px){
    .inner-header-background{
        height: 240px;
    }
}

@media (min-width: 1701px) and (max-width: 1999px){
    .inner-header-background{
        height: 300px;
    }
}