@media (max-width: 1149px){
    .analysis-item{
        padding: 10px;
        flex-direction: column;
    }
    .details h5{
        font-size: 1rem;
    }
}

@media (max-width: 743px){
    #percentage{
        display: none;
    }
    #sppercentage{
        display: block;
    }
}

@media (max-width: 624px){
    .addmanage{
        margin: .8rem;
    }
    .chekselect p {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}
@media (max-width: 576px){
    /* .manage{
        margin: 0 .6rem;
    } */
    .addmanage{
        margin: 0 1.5rem;
    }
    .border-left{
        border: none;
    }
    span.input-group-text{
        font-size: 12px;
        padding: 0.375rem;
    }
    #constructionlog_form h6{
        font-size: 14px;
    }
    .logingform{
        padding: 0.8rem 1.5rem;
    }
    .breadcrumb-title{
        font-size: 1.1rem;
    }
    .listname{
        max-width: 250px;
    }
}
@media (max-width: 497px){
    /* .manage a{
        width: 30px;
        height: 30px;
    } */
    .manage a i, .addmanage a i {
        font-size: 1.2rem;
    }
    .unselected{
        padding: 10px;
    }
    .checkboxdet{
        padding: 10px;
    }
    .spcard-body{
        padding: 0;
    }
    .crecle-bg{
        display: inherit;
        padding: 0;
    }
    .crecle-bg i{
        font-size: 1.5rem;
    }
    .spcard-body h6{
        font-size: .8rem;
    }
    .d-grid .btn{
        padding: 0;
    }
    .spcard-body .font-gary{
        font-size: .6rem;
    }
    /* .punchbody .manage span:last-child{
        width: 30px;
    } */
}