@media only screen and (max-width: 692px) {
    .content-wrapper {
     padding: 0; 
    }
    
    .card-body .business-hading button,
    .additional-btn button {
        padding: 5px 10px;
        font-size: 0.98rem;
    }
    .distributors-details table th, .opportunity-table-top table thead tr th, .document_captur .document_table table th, .role-management table thead tr th, .user-management table thead tr th, .territory-managemant table thead tr th {
        padding: 1px !important;
        font-size: 0.5rem;
    }
    .distributors-details table td, .opportunity-table-top table tr td, .document_captur .document_table table tr td, .role-management table tr td, .user-management table tr td, .territory-managemant table tr td {
        padding: 1px !important;
        font-size: 0.5rem;
    }
}

@media only screen and (max-width: 472px) {

    .card-body .business-hading button,
    .additional-btn button {
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 325px) {

    .card-body .business-hading button,
    .additional-btn button {
        font-size: 0.6rem;
        padding: 3px;
    }
}