@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;
    }
}

@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) {

    .mobile-w-full{
        width : 100% !important;
    }

    .mobile-only-block{
        display : block !important;
    }

    .mobile-flex-col{
        flex-direction : column !important;
    }

    .mobile-flex-row {
        flex-direction : row !important;
    }

    .desk-only-block {
        display: none !important;
    }

    .desk-only-flex {
        display: none !important;
    }

    .f-sm-18{
        font-size : 18px !important;
    }

    .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;
        background: #00000029;
    }

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

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

    .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;
        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;
        position: relative;
    }

    /* 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;
    }

    .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;
        justify-content: space-between;
        align-items: center;
        text-align: start !important;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        padding: 14px 16px;
    }

    .mud-xs-table .mud-table-cell:before {
        content: unset !important;
    }

    .dash-table .mud-table-cell:before {
        content: attr(data-label) !important;
    }

    .cell-wrapper {
        width: 100%;
        display: flex;
    }

    .data-labell {
        display: unset !important;
        width: 40%;
    }

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

    .inv-elli-text {
        word-break: break-all;
        width: 60%;
    }

        .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: 16px;
        }

        .profile-popup-container {
            width: 400px;
        }

        .p10 .mud-dialog-content {
            padding-top: 0 !important;
        }

        .full-screen {
            width: 100%;
            height: 100%;
            margin: 0;
            max-width: 100%;
            max-height: none;
            border-radius: 0;
            overflow-y: hidden;
        }
    }


@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: 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: 375px) {

    .profile-popup-container {
        width: 350px;
    }
}


@media(max-width: 374px) {
    .profile-popup-container {
        width: 275px;
    }
}

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

@media(max-width: 320px) {
    .profile-popup-container {
        width: 280px;
    }
}

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

@media (min-width: 961px) {
    .invCliDialog .mud-input-text {
        color: white !important;
    }

    .clientsearchbox {
        margin: 0 !important;
    }
        .clientsearchbox .mud-input-text {
            color: white !important;
        }
}

@media (min-width : 601px) {
    .stsDialog .mud-select-input {
        color: white !important;
        margin: 0 !important;
    }

    .selectable-dialog .mud-input-text {
        color: white !important;
    }
    .app-grid td {
        max-width: 0;
    }
    .inv-data-list {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }
}

@media (max-width: 960px) {
    .clientsearchbox .mud-input-text {
        color: var(--mud-palette-text-primary) !important;
    }
}

@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-----------------*/