@media (max-width:991px) {
    .stepper-steps-list .stepper-steps {
        margin: 0;
    }

    .table-responsive-new-div {
        overflow-y: scroll;
        overflow-x: scroll;
    }
}

@media (max-width:767px) {
    .multynumber-box2 .multynumber-content {
        border-radius: 16px;
    }

    .stepper-steps-list {
        flex-direction: column;
        gap: 16px;
        padding: 12px;
    }

    .stepper-steps-list .stepper-steps {
        width: 100%;
    }

    .account-number {
        margin-bottom: 22px;
    }

    .inner-shadow-box {
        padding: 12px;
    }

    .service-address-title {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .form-check-group {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .form-check-inner-group {
        flex-wrap: wrap;
        gap: 12px;
    }

    .port-single-match-number .port-single-match-number-inner .multynumber-box2 .multynumber-content {
        border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;
    }

    .form-styled-checkbox {
        width: 24px;
        height: 24px;
    }
}

@media (max-width:575px) {
    .multynumber-box2 .multynumber-content {
        padding: 16px;
    }

    .port-single-match-number .port-single-match-number-inner .mbtn-grp {
        max-width: 470px;
        margin: 0 auto;
        flex-direction: column;
        gap: 12px;
    }

    .port-single-match-number .port-single-match-number-inner .mbtn-grp .btn {
        width: 100%;
    }

    .port-single-match-number .port-single-match-number-inner p {
        margin-bottom: 24px;
    }

    .multynumber-content h2 {
        margin: 0 auto 24px;
    }

    .multynumber-content h4 {
        margin: 0 auto 16px;
        font-size: 18px;
    }

    .port-single-match-number .footer-content {
        flex-direction: column;
        align-items: center;
    }

    .port-single-match-number .ntransfer-footer {
        padding: 0;
    }

    .port-single-match-number .port-single-match-number-inner {
        padding: 24px 0;
    }

    .multynumber-content p {
        font-size: 14px;
        line-height: unset;
    }

    .multynumber-content h5 {
        font-size: 14px;
        line-height: unset;
        text-wrap: nowrap;
    }

    .multynumber-content h2 {
        font-size: 16px;
        line-height: unset;
    }

    .port-single-match-number .port-single-match-number-inner .btn {
        padding: 9px 22px;
    }

    .multiple-number-transfer-wizard-modal .modal-dialog .modal-title,
    .single-number-transfer-wizard-modal .modal-dialog .modal-title {
        margin-top: 20px !important;
        font-size: 18px !important;
        line-height: 120%;
    }

    .text-muted {
        font-size: 18px;
    }

    .multiple-number-transfer-wizard-modal .modal-dialog .inner-card,
    .single-number-transfer-wizard-modal .modal-dialog .inner-card {
        padding: 12px;
    }

    .inner-form-data {
        padding: 12px;
    }

    .multiple-number-transfer-wizard-modal .modal-dialog .inner-card,
    .single-number-transfer-wizard-modal .modal-dialog .inner-card {
        padding: 12px;
    }

    .text-muted {
        font-size: 14px;
    }

    .multiple-carrier-billing-modal .modal-dialog .inner-card {
        padding: 12px;
    }

    .multiple-carrier-billing-modal .modal-dialog .inner-card .modal-header .modal-title {
        margin-top: 20px !important;
        font-size: 18px !important;
    }

    .text-muted {
        font-size: 18px;
    }

    .wizard-btn-grp {
        flex-wrap: wrap;
    }

    .wizard-btn-grp .btn {
        width: 100%;
        font-size: 14px;
    }

    .port-single-match-number .port-single-match-number-inner .multynumber-box2 .multynumber-content {
        padding: 16px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }

    .customeinput-group .input-desh {
        margin-right: 12px;
    }
}