/* Starts Form Max-Width 1200px Section  */
@media only screen and (max-width: 1199px) {
    .container {
        max-width: 1200px;
    }

    .nav__profile .dropdown .dropdown-menu {
        transform: translate(0px, 28px) !important;
    }

    .sticky .nav__profile .dropdown .dropdown-menu {
        transform: translate(0px, 16px) !important;
    }
}

@media only screen and (max-width: 979px) {
    .nav__profile .dropdown .dropdown-menu {
        transform: translate(0px, 22px) !important;
    }

    .sticky .nav__profile .dropdown .dropdown-menu {
        transform: translate(0px, 10px) !important;
    }
}


/* Starts Form Max-Width 991px Section  */
@media only screen and (max-width:830px) {
    .application .applicaion_content {
        width: 100%;
        padding: 0 12px;
    }
}

/* Starts Form Max-Width 767px Section  */
@media only screen and (max-width: 767px) {

    /* Starts Form Application Page  */
    .application {
        padding: 30px 0 90px;
    }

    .application-content_details .application-tab .nav .nav-item .nav-link {
        font-size: 12px;
        padding: 14px 12px;
    }

    .application-content_details .application-tab .nav .nav-item .active {
        font-size: 12px;
        padding: 14px 12px;
    }

    .application-content_details .application-tab .tap-button a {
        font-size: 12px;
        padding: 13px 12px;
    }

    .tab-content .tab-pane .description .description-item .item-body .item-heading h3 {
        font-size: 14px;
    }

    .tab-content .tab-pane .description .description-item .item-body .item-heading h3 span {
        font-size: 12px;
    }

    .tab-content .tab-pane .description .description-item .item-body .item-heading p {
        font-size: 12px;
    }

    .tab-content .tab-pane .description .description-item .item-details p {
        font-size: 10px;
    }

    .tab-content .tab-pane .description .description-item .item-img .img {
        height: 50px;
        width: 50px;
    }

    .tab-content .tab-pane .description {
        padding: 15px 10px 20px;
    }

    .application-content_details .application-tab .nav-tabs,
    .tap-button {
        margin-top: -25px;
    }

    .application-content_details {
        margin-top: 40px;
    }

    /* Starts Form Show Page  */
    .application-progress_content {
        padding: 0 12px;
    }

    .application-progress-content_details .progress-status {
        grid-template-columns: 1fr;
    }

    .application-progress-content_details .progress-status .status {
        text-align: left;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 40px;
        padding-bottom: 25px;
    }

    .application-progress-content_details .progress-status .status .icon {
        margin: 0;
    }

    .application-progress-content_details .progress-status .status::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: #001732;
        left: 16px;
    }

    .application-progress-content_details .progress-status .first {
        text-align: left;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 40px;
        padding-bottom: 25px;
    }

    .application-progress-content_details .progress-status .first .icon {
        margin: 0;
    }

    .application-progress-content_details .progress-status .first::before {
        content: '';
        position: absolute;
        height: 100%;
        width: 2px;
        background-color: #001732;
        left: 16px;
    }

    .application-progress-content_details .progress-status .last {
        text-align: left;
        display: flex;
        justify-content: start;
        align-items: center;
        gap: 40px;
    }

    .application-progress-content_details .progress-status .last .icon {
        margin: 0;
    }

    .application-progress-content_details .progress-status .last::before {
        content: '';
        position: absolute;
        height: 0;
        width: 0;
    }

    .applicant-summary {
        padding: 9px 12px;
    }

    .applicant-summary .applicant-summary_content .application-summary_heading {
        font-size: 14px;
    }

    .applicant-summary .applicant-summary_content .application-summary_sub-heading {
        font-size: 14px;
    }

    .applicant-summary .applicant-summary_content .application-summary_sub-heading span {
        display: block;
        font-weight: 500;
    }

    .applicant-client {
        padding: 40px 12px 24px;
    }

    .applicant-client .applicant-client_content .applicant-client-details table tr .key_name {
        font-size: 12px;
        font-weight: 500;
    }

    .applicant-client .applicant-client_content .applicant-client-details table tr .key_value {
        font-size: 12px;
    }

    .support {
        padding: 0 12px 85px;
    }

    .support-content .support-content_details {
        padding: 5px 8px 10px;
        margin-top: 20px;
    }

    .support-content .support-content_details .support-table .time {
        font-size: 14px;
    }

    .support-content .support-content_details .support-table .invoice {
        font-size: 14px;
    }

    .support-content .support-content_details .support-table tr th {
        font-size: 14px;
    }

    .support-content .support-content_details .support-table tr .rit {
        text-align: center;
    }

    .support-content .support-content_details .support-table tr th span {
        display: none;
    }

    .support-content .support-content_details .support-table .download .download_hidden {
        display: none;
    }

    .support-content .support-content_details .support-table .download {
        text-align: center;
    }

    /* Starts Form Note Page  */
    .upload_page_bg {
        padding: 0 12px;
    }

    .upload-content .upload-content_heading h3 {
        font-size: 14px;
    }

    .upload-content_details .upload-button .file-upload a {
        font-size: 14px;
    }

    .note_content .note-content_heading h3 {
        font-size: 14px;
        color: #001732;
    }

    .note_content .note-content_details textarea {
        height: 60px;
        font-size: 14px;
        padding: 8px 8px 0 8px;
    }

    /* Start Form Legal Section  */
    .legal .legal__body {
        padding: 20px 12px;
    }

    /* Starts Form Login page  */
    /* .login_bg{
        padding: 145px 0 110px;
    } */
    .login .login__heading {
        font-size: 24px;
        letter-spacing: 1px;
    }

    .login .login__field .field__head {
        font-size: 14px;
    }

    .login .login__field input {
        font-size: 14px;
    }

    .login .login__help {
        font-size: 14px;
    }

    /* starts form otp verification page  */
    .otp__bg {
        padding: 145px 0 90px;
    }

    .otp .otp__heading {
        font-size: 24px;
    }

    .otp .btn-area-login .otp_code-right .field__btn {
        font-size: 12px;
    }

    .otp .btn-area-login .otp_code-right {
        font-size: 12px;
    }

    .otp .btn-area-login .otp_code {
        padding-top: 10px;
    }
}

@media only screen and (max-width: 575px){
    .nav__profile .dropdown .dropdown-menu {
        transform: translate(0, 20px) !important;
    }
    .sticky .nav__profile .dropdown .dropdown-menu {
        transform: translate(0px, 10px) !important;
    }
}

/* Starts Form Max-Width 470px Section  */
@media only screen and (max-width: 470px) {

    /* Starts Form Application Page  */
    .application {
        padding: 20px 0 90px;
    }

    .application-content_details .application-tab .nav .nav-item .nav-link span {
        display: none;
    }

    .application-content_details .application-tab .nav .nav-item {
        margin-top: 5px;
    }

    .application-content_details .application-tab .nav .nav-item .nav-link {
        /* padding: 10px 24px; */
        width: 80px;
    }

    .application-content_details .application-tab .nav .nav-item .active {
        /* padding: 10px 24px; */
        width: 80px;
    }

    .tab-content .tab-pane .description .description-item .item-img .item-heading h3 span {
        display: none;
    }

    .application-content_details .application-tab {
        padding: 0 10px 30px;
    }

    .tab-content .tab-pane .description .description-item .item-img .img {
        height: 40px;
        width: 40px;
    }

    .tab-content .tab-pane .description {
        padding: 0px 10px 20px;
    }

}

@media only screen and (max-width: 360px) {
    .tab-content .tab-pane .description .description-item .item-img .img img {
        height: 20px;
        width: 25px;
    }

    .tab-content .tab-pane .description .description-item .item-img .img {
        height: 20px;
        width: 20px;
    }
}


/* Starts Form Min-Width 768px Section  */
/* Starts Form Min-Width 768px Section  */
@media only screen and (min-width: 768px) {
    .support-content .support-content_details .support-table .download .download_show {
        display: none;
    }
}




/* 02-03-2023  user-dashboard update*/


/* 02-03-2023  user-dashboard update*/


@media only screen and (min-width: 430px) {
    .loan-created-responsive {
        display: none;
    }
}

@media only screen and (max-width: 430px) {
    .loan-created-full {
        display: none;
    }
}



@media only screen and (max-width: 353px) {
    .application-content_details .application-tab .tap-button a {
        font-size: 10px;
        padding: 13px 6px;
    }

    .application-content_details .application-tab .nav .nav-item .nav-link {
        padding: 10px 22px;
    }

    .application-content_details .application-tab .nav .nav-item .active {
        padding: 10px 20px;
    }
}



@media only screen and (min-device-width: 421px) and (max-device-width: 450px) {
    .application-content_details .application-tab .nav .nav-item .active {
        font-size: 11px;
        padding: 14px 10px;
    }

    .application-content_details .application-tab .nav .nav-item .nav-link {
        font-size: 11px;
        padding: 14px 10px;
    }

    @media only screen and (max-width: 353px) {
        .application-content_details .application-tab .tap-button a {
            font-size: 10px;
            padding: 13px 6px;
        }

        .application-content_details .application-tab .nav .nav-item .nav-link {
            padding: 10px 22px;
        }

        .application-content_details .application-tab .nav .nav-item .active {
            padding: 10px 20px;
        }
    }

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

        .tab-content .tab-pane .description .description-item .item-img {
            gap: 5px;
        }

    }

}



/* Rubel Rana - 12/03/2023 */
/* Dashboard Counter */

@media only screen and (max-width: 640px) {
    .dashboard-text-last {
        display: none;
    }

    .welcome {
        padding: 140px 12px 0;
        background-color: #F2F2F2;
    }

    .welcome-card {
        padding: 10px;
    }

    .welcome-img img {
        width: 80%;
    }

    .welcome-img {
        text-align: center;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .welcome-card .row h2 {
        font-size: 20px;
        padding-bottom: 10px;
    }


    .counter-icon img {
        width: 60%;
    }

    .counter-icon {
        padding: 4px;
    }

    .app-counter-card {
        display: block;
        text-align: center;
    }

    .counter-icon {
        display: inline-block;
    }

    .app-counter-card {
        padding: 10px 0;
    }

    .counter-number {
        font-size: 16px;
        margin-bottom: 0;
    }

    .counter-type {
        font-size: 12px;
    }
}

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

    .welcome-card,
    .application-card,
    .application .applicaion_content {
        width: 100%;
    }

    .welcome-card .row p {
        font-size: 14px;
    }

    .counter-text {
        display: none;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .welcome-card,
    .application-card,
    .application .applicaion_content {
        width: 98%;
    }
}

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

    .application-progress-content_details .progress-status .first,
    .application-progress-content_details .progress-status .status,
    .application-progress-content_details .progress-status .last {
        gap: 10px;
    }
}