@media screen and (min-width:992px)
{
    .col-lg-25 {
        flex: 0 0 auto;
        width: 21%;
    }
    .col-lg-35{
        flex: 0 0 auto;
        width: 32%;
    }
    .modal-backdrop{
    height: 100%; 
    }

    .offcanvas{
        display: none;
    }

  
}

@media screen and (max-width:991px)
{
    .sub-header{
        display: none;
    }

   
    .artcile-menu .accordion-body a:nth-child(2){
        margin-bottom: 0 !important;
    }
    .artcile-menu h6{
        /* margin-bottom: .5rem; */
        font-size: 1.15rem;
    }
    .cite-block a{
        width: 3.5rem;
        height: 3.5rem;
    }
    .overlay{
        position: relative;
        height: auto;
        padding: 1rem;
        background-color: white;
        color: black;
    }
    .carousel-home img{
        height: auto !important;
    }

    .overlay a{
        background-color: var(--secondary-color);
    }

    .overlay>h6{
        text-align: center;
    }

    .book-info-side>.w-35{
        width: 7rem;
    }

    .book-info-side{
        flex-direction: row !important;
        padding: 1rem;
        justify-content: space-around;
        align-items: flex-start !important;
        
    }

    .book-info-side >:last-child{
        width:auto;
        margin-left: .6rem;
    }
    .book-info-side >:last-child>a{
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .col-lg-25{
       width: auto;
       margin-bottom: 1rem;
    }

    .carousel-control-next, .carousel-control-prev{
        width: 10%;
    }


    .article-tab>a{
        font-size: 1rem !important;
    }

    .article-tab .nav-link.active::after{
        top: 98%;
    }

    .articles-block>.col-lg-35{
        margin-top: 1rem;
    }

    .our-info>.col-lg-35{
        margin-top: 1.6rem;

    }
    
    header{
        position: sticky;
        top: 0;
        z-index: 99900;
    }

    .provide-block{
        width: 90%;
        margin-top: 6rem;
    }

    .my-lg-5>.col-lg-7{
        margin-top: 2rem;
    }
    .display-5,.fs-logo{
        font-size:3rem;
    }
    footer .col-10{
        width: 90%;
    }

    footer .fs-7{
        font-size: 1.1rem !important;
    }

    footer .col-lg-3:not(footer .col-lg-3:first-child){
        margin-top: 1.7rem;
    }
    footer .fs-4{
        font-size: 1.8rem !important;

    }
    header{
        height: 10vh;
    }

    .offcanvas{
        height: 90%;
        width: 100%;
        top: unset;
        bottom: 0;
        border-right: 0;
       }

       .modal-backdrop
       {
     top: unset;
     height: 90%;
     bottom: 0;
       }
       .why-us .col-lg-25{
        width: 18rem;
       }
    
       .art-main-page>.col-lg-25{
        width: 75%;
        margin-top: 2rem;
        margin-bottom: 2rem;

    }

    .artcile-menu .accordion-body a{
        font-size: 1rem;
        margin-top: .8rem;
    }
   
}


@media screen and (max-width:767px)
{
    table td,th{
        font-size: .6rem;
        word-break: break-word;
       
    }
    



   
    .book-info-side >:last-child>a{
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: .85rem;
    }

    .profile-section{
        justify-content: center;
        
    }

    
    .profile-section>div{
        margin-right: 0;
        width: 11.5rem;
        height: 20rem;
    }

    .profile-section>div>*{
    }
    .carousel-home p {
        line-height: 1.3;
        font-size: .8rem !important;
    }
    .carousel-inner{
        /* min-height: 20rem; */
    }
    
    .overlay{
       flex-grow: 1;
       margin: auto;
      
    }
}


.art-side-menu {
    position: sticky;
    top: 10%;
}