@media (max-width: 1150px) {
    .plan-card.customize {
        order: -1;
        max-width: 350px;
    }
}

@media(max-width : 992px) {
    .sticky-col1 {
        background: none;
    }

    .sticky-col2 {
        background: none;
    }
}


@media(max-width: 960px) {
    .invoiceListTap {
        max-width: calc(100% - 135px);
    }

    .clientListTap {
        max-width: calc(100% - 150px);
    }

    .relatedExtLis {
        height: calc(100dvh - 150px);
        padding: 10px 10px;
    }

        .relatedExtLis.readonly-inv-entry {
            height: calc(100dvh - 90px) !important;
        }

    .transcationArea {
        padding: 10px;
    }
}

@media(max-width: 959px) {
    .clientDetailSaveBtn {
        bottom: 860px;
    }

    .page-content-area .pca-body.invc {
        height: calc(100% - 130px);
    }
}

@media (max-width: 885px) {
    .plan-card, .plan-card.customize {
        max-width: 100%;
        padding: 20px;
    }

    .plan-name {
        font-size: 1.5rem;
    }

    .current-price {
        font-size: 1.8rem;
    }
}



@media (max-width: 645px) {
    .plan-container .first-row {
        flex-wrap: wrap;
    }
}


@media(max-width : 600px) {

    .page-content-area .pca-body {
        height: calc(100% - 55px);
    }

    .mobile-b-nf-exist .pca-body {
        height: calc(100% - 115px) !important;
    }

    .pca-nohead-no-bf .pca-body {
        height: 100% !important;
    }

    .nestlayout .nestly-left {
        position: absolute;
        z-index: 1000;
        background-color: var(--mud-palette-surface);
        box-shadow: rgba(50, 50, 105, 0.15) 0px 2px 5px 0px, rgba(0, 0, 0, 0.05) 0px 1px 1px 0px;
        justify-content: start;
        gap: 20px;
    }


    .nestlayout .nestly-right {
        width: 100% !important;
    }

    .nestly-lm-backdropbtn {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 999;
    }

    .nestly-l-hide .nestly-lm-backdropbtn {
        z-index: -100000;
        opacity: 0;
        display: none;
        visibility: hidden;
    }

    .invoice-ent-modal .page-content-area .pca-body {
        height: calc(100% - 115px) !important;
    }

    .invoice-ent-modal .pca-footer .mpca-ha-mob {
        display: flex;
        justify-content: flex-end;
        padding: 10px;
        gap: 10px;
    }

    .nestlayout .nestly-left .shrink-box {
        display: none !important;
    }

    .login_container {
        overflow: hidden;
        position: relative;
        min-height: 470px;
        height: auto;
    }

    .placeholder-block {
        display: none;
    }

    .city_address_pair {
        flex-direction: column !important;
    }

    .mud-input-control.city {
        width: 100%;
    }

    .login_form_container {
        position: absolute;
        width: 100% !important;
        height: auto;
        padding: 30px 0;
        transition: transform 0.5s ease, opacity 0.5s ease;
    }

    .login_container h1 {
        margin-bottom: 8px;
        text-align: center;
    }

    /* Initial state - sign_in visible */
    .sign_in {
        transform: translateX(0);
        opacity: 1;
    }

    /* Initial state - sign_up hidden */
    .sign_up {
        position: absolute;
        top: 0;
        left: 0;
        transform: translateX(100%);
        opacity: 0;
    }

    /* When active (showing sign_up) */
    .login_container.active .sign_in {
        transform: translateX(-100%);
        opacity: 0;
    }

    .login_container.active .sign_up {
        transform: translateX(0);
        opacity: 1;
        position: relative;
    }

    /* Hide toggle elements on mobile */
    .login_toggle-container,
    .toggle,
    .toggle_panel {
        display: none !important;
    }

    /* Show mobile-specific elements */
    .additional-text,
    .toggle-link {
        display: flex !important;
        justify-content: center;
        align-items: center;
    }

    .welcome-block {
        display: none !important;
    }

    .login_container form {
        padding: 0 20px;
    }

    .login_container p {
        display: flex;
        justify-content: center;
    }

    .login_additional_action {
        gap: 10px;
    }

    .additional-text,
    .toggle-link {
        display: flex !important;
        justify-content: center;
        align-items: center;
        margin-top: -30px;
    }

    .mud-stepper-button-next {
        bottom: -4px;
    }

    .login_container {
        margin: 18px;
    }

    .mud-stepper-button-next {
        position: static;
        margin-top: 12px;
    }

    .next .additional-text.step {
        position: static !important;
    }

    .login_background.otp-container h1 {
        font-size: 24px;
    }

    .login_background.otp-container .resend {
        padding: 0 0 14px 0;
    }

    .mud-table-sticky-header .mud-table-container {
        width: auto !important;
    }

    .active-btn {
        margin-top: 0 !important;
    }

    .clientlist-pca .app-grid {
        height: calc(100% - 50px);
    }

    .clie-mud-tab {
        height: calc(100% - 95px);
    }

        .clie-mud-tab .mud-tabs-panels {
            height: calc(100% - 62px);
        }

    .cliCont {
        width: 100%;
    }

    .client-ent-softbox {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .clientDetailSaveBtn {
        bottom: 0;
        position: relative;
        margin-top: 7px;
        margin-left: 89%;
        display: flex;
        justify-content: flex-end;
    }

    .search-container {
        height: 30px;
    }

    .mud-xs-table .mud-table-cell {
        display: flex !important;
        justify-content: start !important;
        align-items: center !important;
        border: none;
        padding: 14px 16px;
        text-align: start !important;
    }

    .inve-info-item {
        flex-direction: column;
    }

    .inve-info-i-d {
        width: 100%;
    }

        .inve-info-i-d div:nth-child(3) {
            font-size: 14px;
        }

    .inve-info-b-typetext {
        font-size: 15px !important;
    }

    .mud-xs-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
        width: 180px;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .inv-data-list::before {
        content: ":";
        margin-right: 5px;
    }

    .inv-data {
        margin-left: 9px;
    }

    .inv-elli-text {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
        white-space: nowrap;
        /*        width: calc(100% - 196px);*/
        text-overflow: ellipsis;
        width: 140px;
    }

    .text-elli {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .status {
        display: flex;
        align-items: center;
    }

    .status-tool-tip {
        margin-top: 4px;
    }

    .inv-ent-desk {
        display: none;
    }

    .mud-picker-calendar-content {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    .menu-logo {
        height: 33px;
    }

    .desktop-menu .dtm-menu-bar {
        height: 50px;
    }

    .dm-ls-menutoggle {
        display: flex;
    }

    .appheader {
        padding : 0px !important;
    }

    .aph-user-name {
        font-size: 17px;
    }
}

@media(max-width: 569px) {
    .invoice-btn {
        padding: 12px 15px !important;
    }
}

@media(max-width: 495px) {
    .type-container {
        flex-direction: column;
    }
}

@media(max-width: 480px) {
    .otpSucs {
        font-size: 23px;
    }
}

@media (max-width: 460px) {
    .pInfo {
        flex-direction: column;
    }

    .res-profile-card {
        width: 100%;
    }
}

@media(max-width: 454px) {
    .invoice-btn {
        font-weight: 0 !important;
        padding: 12px 6px !important;
        font-size: 12px;
    }
}

@media(max-width: 450px) {
    .resellerPaper {
        width: 100px;
        height: 100px;
    }
}


@media(max-width : 430px) {

    .inv-ent-headtext {
        font-size: 16px;
    }

    .sticky-col1 {
        background: none;
    }

    .sticky-col2 {
        background: none;
    }
}

@media (max-width: 420px) {
    .otp-box {
        width: calc(13vw) !important;
        height: 45px;
    }
}

@media (max-width: 400px) {
    .mud-xs-table .mud-table-cell:before {
        content: attr(data-label);
        font-weight: 500;
        padding-right: 16px;
        padding-inline-end: 16px;
        padding-inline-start: unset;
        width: 150px !important;
    }
}


@media(max-width: 374px) {
    .invoice-btn {
        font-size: 10px;
    }
}

@media (max-width: 348px) {
    .login_additional_action, .login_additional_action p {
        font-size: 12px;
    }
}


@media(max-width: 333px) {
    .invoice-btn {
        font-size: 9px;
    }
}


/*----Desktop-----------------*/
@media(min-width: 959px) {
    @media(max-height: 728px) {
        .relatedExtLis {
            height: 400px;
        }
    }
}

@media(min-width : 599px) {
    .inv-ent-mobile {
        display: none;
    }

    .nestly-l-shrink .nestly-left {
        min-width: 60px;
        width: 60px
    }
     
    .nestly-l-shrink .nestly-right {
        width: calc(100% - 70px);
    }

    .nestly-l-shrink .nes-lmi-text {
        display: none;
    }

    .nestly-l-shrink .nav-app-title {
        display: none;
    }

    .md-secondary-scale-hover:hover {
        /*background: var(--mud-palette-secondary-hover) !important;*/
        transform: scale(1.03) !important;
        transition: all ease-in-out 0.3s;
    }
}
/*----Desktop-----------------*/