@media screen and (max-width: 1024px) {
    .list-group-item {
        font-size: 11px;
        padding: 10px;
    }

    .table {
        font-size: 11px;
    }

    .header a {
        font-size: 16px;
    }

    .btn:not(.add-transaction-button) {
        font-size: 12px;
    }

    .txt1 {
        font-size: 11px;
    }
}


@media screen and (max-width: 992px) {
    .finance-body {
        font-size: 21px;
        width: fit-content;
        padding: 10px 15px;
    }

    p {
        text-indent: 0;
    }

    select {
        font-size: 14px;
        padding: 5px;

    }
    .ref_head, .ref_info, .sub_ref {
        font-size: 15px;
        padding: 10px;
    }
}
@media screen and (max-width: 768px) {
    #user-list-group {
        margin-bottom: 15px;
    }

    p {
        text-indent: 10px;
    }
    .user-right h1{
        font-size: 25px;
    }
}

@media screen and (max-width: 576px) {
    .header {
        height: 80px;
    }

    .header a {
        padding: 0 7px;
    }

    .table th, .table td {
        padding: 0.3rem;
    }

    .table {
        font-size: 8px;
    }

    .header-right a {
        font-size: 11px;
    }

    #edit-profile-label label {
        width: 100%;
    }

    #edit-profile-label .submit {
        padding: 1px 15px;
    }

    .user-name, .right-side h4 {
        font-size: 30px;
    }

    .add-transaction-button {
        padding: 5px 15px !important;
        font-size: 20px;
    }

    .name-cont {
        margin-bottom: 20px !important;
        flex-direction: column;
        align-items: center;
    }

    .bodyDiv {
        margin-top: 40px;
    }

    .card-body {
        padding: 0;
    }

    table img {
        width: 30px;
    }

    .userImage {
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .finance-body {
        width: 100%;
    }
}

@media screen and (max-width: 425px) {
    .zagolovok1 {
        font-size: 16px;
        letter-spacing: 0px;
    }

    .txt1 {
        padding: 10px 20px 10px 20px;
    }

    .btn {
        font-size: 9px;
    }

    input[type=text], input[type=email], input[type=password] {
        font-size: 11px;
    }

    .header-centered h1 img {
        width: 115px;
    }
}