@media screen and (max-width: 768px) {
    .main-title{
        font-size: 23px;
    }
    .login_tabs {
        border-bottom: 2px solid black !important;
        width: 100%;
    }
    .tab-login {
        font-size: 17px !important;
    }
    .logo img {
        height: 120px;
    }
    .wrapper {
        margin-top: 50px;
    }
    .fx-13{
        font-size: 13px;
    }
    .reg_label {
        font-size: 9px;
    }
    .reg_label a {
        font-size: 11px;
    }
    .login_register_card{
        padding: 10px;
    }
    .approved-title {
        font-size: 16px;
    }
    #main {
        min-height: 65vh;
    }
    .dashboard-nav{
        margin: 0!important;
        padding: 5px 0;
        gap: 0.2rem;
        order: 2;
    }
    .dashboard-nav .nav-link {
        padding: 10px 7px;
        font-size: 10px;
    }
    .grid-table .cell-line .cell {
        font-size: 12px;
    }
    .btn-main{
        font-size: 12px!important;
        padding: 5px 6px !important
    }
    .form-control {
        font-size: 12px!important;
    }
    .logout-block{
        width: 100%;
        order: 1;
        justify-content: space-between;
    }
    .payments_table > div {
        padding: 1.45rem 0.1rem;
        font-size: 10px;
    }
    .header-of-payments {
        padding: 13px;
        font-size: 13px;
    }
    .improve-form, .support-link {
        margin-top: 17px;
    }
    .payments-card{
        margin-top: 30px;
    }
    .support-link {
        font-size: 14px!important;
    }
    .btn-secondary{
    font-size: 11px!important;
    }
    .error-nonfield{
        font-size: 12px!important;
    }
}