/* ----------EROMAC-RESPONSIVE---------- */

@media only screen and (min-width:1280px) and (max-width:1365px) {}

@media only screen and (min-width:1000px) and (max-width:1279px) {}

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


    /* ====== SUBSCRIPTION PAGE CSS ====== */

    .subscriptionb-card-wrap {
        .card-subscription {
            width: 50%;
        }
    }

    .essential-box-main {
        & .cancel-btn-wrap {
            position: absolute;
            top: 80px;
        }
    }

    .subscription-manin-wrap {
        & .subscribe-main-box {
            .band-subcribe {
                margin-top: 75px;
            }
        }
    }

    /* ====== SUBSCRIPTION PAGE CSS ====== */


    section.eromac-login-wrap {
        flex-direction: column;
    }

    .eromac-left {
        width: 100%;

        form {
            padding: 0px 18px;
            gap: 13px;

            h1 {
                font-size: 24px;
            }

            h2 {
                font-size: 16px;
            }
        }

        & .forgotpass-wrap {
            a {
                font-size: 16px;
            }
        }

        & .dont-have-account {
            span {
                font-size: 16px;
            }

            a {
                font-size: 16px;
            }
        }

    }

    .eromac-right {
        width: 100%;
    }

    input[type="submit"], input[type="button"] {
        height: 40px;
        font-size: 16px;
    }

    .password-eye .eye-close {
        background-size: 21px;
    }

    .password-eye {
        top: 41px;
    }

    .password-eye .eye-open {
        background-size: 21px;
    }

    .navbar-eromac {
        padding: 14px 12px;
        gap: 10px;
        flex-direction: column;

        & .dropdown-sec {
            select {
                padding-right: 23px;
                background: url(../images/Eromac-images/Login-flow-images/flag-dropdown.svg) no-repeat calc(100% - 7px) center transparent;
                background-size: 11px;
            }
        }
    }



    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    #sidebar {
        display: none;
    }

    #sidebar2 {
        display: block;
        width: 100%;
    }

    #content nav {
        display: none;
    }

    #content {
        position: relative;
        width: calc(100% - 0px);
        left: 0px;
        /* transition: .1s ease; */
    }


    nav.mobile-nav {
        display: flex;
        /* width: 100%; */
        width: calc(100% - 0px);
        left: 0;
    }

    .dev-classic-mode {
        position: absolute;
        top: 10px;
        right: 80px;

        .tab-pill-border {
            margin-bottom: 0;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            padding: 6px 20px;
            font-size: 14px;
        }

        .nav-tabs .nav-link {
            padding: 6px 20px;
            font-size: 14px;
        }

    }

    #sidebar2 .side-menu {
        margin-top: 58px;
    }

    .dashboard-flag-drop {
        left: 11px;
        background: #3b5269;
        padding: 2px 5px 2px 11px;
        margin-top: -4px;
        border-radius: 7px;

        & .dropdown-sec {
            select {
                background: url(../images/Eromac-images/Dev-dashboard-imgs/icons/down-white-icon.svg) no-repeat calc(100% - 11px) center transparent;
                padding-right: 47px;
                color: #fff;
                font-size: 14px;

                option {
                    color: #000;
                }
            }
        }

    }


    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    /* ============= WELCOME PAGE CSS ========= */

    .dashboard-content {
        height: 100%;
    }


    .welcome-sec-main {

        .tutorial-video {
            width: 100%;
            margin-bottom: 0;
        }

        h2 {
            padding-top: 0px;
            font-size: 18px;
        }

        p {
            font-size: 14px;
        }

        #upcoming-video-eromac .owl-nav button {
            top: 38%;
            left: 0;
        }

        #upcoming-video-eromac .owl-nav button:last-child {
            right: 0%;
            left: inherit;
        }

        a {
            height: 40px;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
            margin-bottom: 20px;
        }



    }


    /* ============= WELCOME PAGE CSS ========= */


    /* =========== [ FILE ] MANULA PROJECTS ====== */

    .get-start-your-project-main {
        & .band-start-project {
            h2 {
                font-size: 18px;
            }

            p {
                font-size: 14px;
            }
        }

        .project-main-cards {
            padding-top: 25px;
            gap: 17px;
            display: flex;
            flex-wrap: wrap;

            & .card-project {
                width: 48%;
            }
        }

    }

    .new-manual-project {
        select {
            width: 100%;
            height: 45px;
        }

        width: 100%;
        height: auto;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;

        input[type="text"] {
            height: 45px;
        }

        input[type="password"] {
            height: 45px;
        }

        h3 {
            width: 100% !important;
        }

        .select-role-nep {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .select-role-nep {
            width: 100%;
        }

    }

    .inner-add-customer {
        flex-direction: column;
    }

    .second-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
        }

        & .create-manual-bns {
            margin-right: 0;
            margin-top: 29px;

            a:nth-child(1) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }

            a:nth-child(2) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }
        }
    }

    .manual-project-fromband {
        & .manual-band-inn {
            align-items: center;
            flex-direction: column;
            gap: 20px;
            background: #4A6782;

            & .left-sec {
                h3 {
                    font-size: 18px;
                }
            }

            & .right-sec {
                a {
                    padding: 9px 14px;
                    font-size: 14px;
                }
            }


        }

    }

    & .manual-project-form-data {
        flex-direction: column;
        width: 100%;

        .left-sec-data {
            width: 100%;
            padding: 3px 15px;

            .new-manual-project {
                width: 100%;
                height: auto;
                align-items: flex-start;

                input[type="text"] {
                    height: 45px;
                }

                h3 {
                    width: 100%;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 8px 20px;
                font-size: 14px;
            }

            .nav-tabs .nav-link {
                padding: 6px 20px;
                font-size: 14px;
            }

            .accordian-one-row {
                flex-direction: column;
                margin-bottom: 20px;

                .add-item-box {
                    margin-top: 7px;
                    width: 100%;

                    .new-manual-project {
                        height: 70px;
                        align-items: flex-start;
                        flex-direction: column;

                        input[type="text"] {
                            width: 100%;
                        }
                    }

                    .align-create-btns {
                        justify-content: center;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            .nest-now-btn {
                padding-top: 0px;
                padding-bottom: 14px;

                a {
                    padding: 10px 20px;
                    font-size: 14px;
                }
            }

        }

        .right-sec-data {
            width: 100%;
            padding: 3px 15px;

            .profile-summary-main {
                border-left: 2px solid #6B7280;
                border-right: 2px solid #6B7280;
                padding: 0;
                box-shadow: 0px 4px 20px 0px #0000001A;
            }

            & .page-table {

                & .add-item-box {

                    .new-manual-project {
                        align-items: flex-start;
                        height: 70px;
                        padding: 1px 7px;

                        input[type="text"] {
                            width: 100%;
                        }

                        .select-role-nep {
                            display: flex;
                            gap: 10px;
                        }

                    }

                    .align-create-btns {
                        justify-content: center;
                        width: 100%;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            & .plot-image-wrap {
                .heading-plot {
                    flex-direction: column;
                    gap: 14px;
                }
            }

        }

    }

    .second-small-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
            padding-top: 10px;
        }

        .print-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 25px;
                font-size: 14px;
            }

        }

        .create-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

        }

    }

    .small-alerts-popup-nap {
        & .create-manual-bns {
            gap: 20px;
            justify-content: center;
            margin-right: 0;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }
        }
    }

    .select-menu {
        margin-bottom: 0px;
        margin-top: 34px;
    }


    /* =========== [ FILE ] MANULA PROJECTS ====== */



    /* ============== OPEN PROJECT CSS =========== */

    .manual-project-fromband {

        & .openproject-band-inn {
            align-items: center;
            gap: 10px;
            justify-content: space-between;
            /* flex-direction: column; */
            background: #4A6782;

            & .right-sec {
                a {
                    padding: 8px 12px;
                    font-size: 14px;
                }
            }

            & .left-sec {
                h3 {
                    font-size: 16px;
                }
            }
        }

        & .filter-band-inn {
            flex-direction: column;
            gap: 10px;
            align-items: flex-start;

            .left-sec {
                width: 100%;

                form {
                    width: 100%;
                }

            }
        }

    }

    /* ============== OPEN PROJECT CSS =========== */



    /* -================= MAINTENANCE PAGE CSS ================ */


    .city-state-wrap {
        justify-content: flex-end;
        flex-direction: column;
    }


    .customer-form-main {
        & .create-manual-bns {
            a:nth-child(1) {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .contact-details-heading-nap {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;

        h4 {
            width: 100%;
        }

        a {
            width: 100%;
        }
    }

    .create-manual-bns {
        margin: 0;
        padding-top: 14px;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
    }

    .manual-project-fromband {
        & .filter-band-inn {
            a {
                margin: 0;
            }

            .right-sec {
                align-items: flex-start;
                gap: 10px;
                /* flex-direction: column; */
            }
        }
    }

    .customer-form-main {
        .align-create-btns {
            justify-content: center;
            width: 100%;
        }

        & .create-manual-bns {
            margin-right: 0;

            a:nth-child(2) {
                padding: 12px 35px;
                font-size: 16px;
            }
        }
    }

    .add-new-group-main {
        margin-left: 0;
        margin-right: 0;

        .new-group-form-nap {
            margin-top: 26px;
        }

        & .create-manual-bns {
            a:nth-child(1) {
                padding: 8px 21px;
                font-size: 14px;
            }
        }

        .checked-newgroup-width {
            margin-bottom: 15px;
        }


    }


    & .manual-project-form-data {
        & .right-sec-data {
            & .profile-summary-main {
                h2 {
                    font-size: 14px;
                }
            }
        }
    }

    /* -================= MAINTENANCE PAGE CSS ================ */


    /* ================  TERMS AND CONDITIONS -=============== */

    .terms-condition-links {
        padding-bottom: 36px;
    }

    .my-profile-main {
        .profile-sec-inner {
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
        }
    }





    /* ================  TERMS AND CONDITIONS -=============== */




}

@media only screen and (min-width:425px) and (max-width:767px) {


    /* ----------- SUBSCRIPTION CSS ---------- */

    .essential-box-main {

        & .new-manual-project {
            h3 {
                font-size: 16px;
            }

            span {
                font-size: 14px;
                font-weight: 400;
                color: #000;
            }
        }

        & .manual-band-inn {
            & .left-sec {
                h3 {
                    font-size: 16px;
                }

                span {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 800;
                    margin-bottom: 0;
                    line-height: 19px;
                }
            }
        }

        .billing-content {
            gap: 5px;
            flex-direction: column;
            align-items: flex-start;
        }

        & .cancel-btn-wrap {
            position: absolute;
            top: 80px;

            a {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .subscription-manin-wrap {
        & .subscribe-main-box {
            & .band-subcribe {
                margin-top: 73px;

                h3 {
                    font-size: 14px;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                font-size: 14px;
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
                font-size: 14px;
            }
        }
    }

    .subscriptionb-card-wrap {
        flex-direction: column;

        .card-subscription {
            width: 100%;

            h3 {
                font-size: 20px;
                margin-bottom: 5px;
            }

            h1 {
                font-size: 36px;
            }

            h2 {
                font-size: 18px;
            }

        }

    }

    /* ----------- SUBSCRIPTION CSS ---------- */




    section.eromac-login-wrap {
        flex-direction: column;
    }

    .influ-pagi ul li {
        margin: 0px;
    }

    .profile-user-nap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .araange-all-btns {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .align-create-btns {
        justify-content: center;
    }

    .suspend-user-profile {
        gap: 6px;
        flex-direction: column;
        align-items: center;
        margin-bottom: 10px;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }



    .eromac-left {
        width: 100%;

        form {
            padding: 0px 18px;
            gap: 13px;

            h1 {
                font-size: 24px;
            }

            h2 {
                font-size: 16px;
            }
        }

        & .forgotpass-wrap {
            a {
                font-size: 16px;
            }
        }

        & .dont-have-account {
            span {
                font-size: 16px;
            }

            a {
                font-size: 16px;
            }
        }

    }

    .eromac-right {
        width: 100%;
    }

    input[type="submit"], input[type="button"] {
        height: 40px;
        font-size: 16px;
    }

    .password-eye .eye-close {
        background-size: 21px;
    }

    .password-eye {
        top: 41px;
    }

    .password-eye .eye-open {
        background-size: 21px;
    }

    .navbar-eromac {
        padding: 14px 12px;
        gap: 10px;
        flex-direction: column;

        & .dropdown-sec {
            select {
                padding-right: 23px;
                background: url(../images/Eromac-images/Login-flow-images/flag-dropdown.svg) no-repeat calc(100% - 7px) center transparent;
                background-size: 11px;
            }
        }
    }



    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    #sidebar {
        display: none;
    }

    #sidebar2 {
        display: block;
        width: 100%;
    }

    #content nav {
        display: none;
    }

    #content {
        position: relative;
        width: calc(100% - 0px);
        left: 0px;
        /* transition: .1s ease; */
    }


    nav.mobile-nav {
        display: flex;
        /* width: 100%; */
        width: calc(100% - 0px);
        left: 0;
    }

    .dev-classic-mode {
        position: absolute;
        top: 10px;
        right: 80px;

        .tab-pill-border {
            margin-bottom: 0;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            padding: 6px 20px;
            font-size: 14px;
        }

        .nav-tabs .nav-link {
            padding: 6px 20px;
            font-size: 14px;
        }

    }

    #sidebar2 .side-menu {
        margin-top: 58px;
    }

    .dashboard-flag-drop {
        left: 11px;
        background: #3b5269;
        padding: 2px 5px 2px 11px;
        margin-top: -4px;
        border-radius: 7px;

        & .dropdown-sec {
            select {
                background: url(../images/Eromac-images/Dev-dashboard-imgs/icons/down-white-icon.svg) no-repeat calc(100% - 11px) center transparent;
                padding-right: 47px;
                color: #fff;
                font-size: 14px;

                option {
                    color: #000;
                }
            }
        }

    }


    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    /* ============= WELCOME PAGE CSS ========= */

    .dashboard-content {
        height: 100%;
    }


    .welcome-sec-main {

        .tutorial-video {
            width: 100%;
            margin-bottom: 0;
        }

        h2 {
            padding-top: 0px;
            font-size: 18px;
        }

        p {
            font-size: 14px;
        }

        #upcoming-video-eromac .owl-nav button {
            top: 38%;
            left: 0;
        }

        #upcoming-video-eromac .owl-nav button:last-child {
            right: 0%;
            left: inherit;
        }

        a {
            height: 40px;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
            margin-bottom: 20px;
        }



    }


    /* ============= WELCOME PAGE CSS ========= */


    /* =========== [ FILE ] MANULA PROJECTS ====== */

    .get-start-your-project-main {
        & .band-start-project {
            h2 {
                font-size: 18px;
            }

            p {
                font-size: 14px;
            }
        }

        .project-main-cards {
            padding-top: 25px;
            gap: 17px;
            flex-direction: column;

            & .card-project {
                width: 100%;
            }
        }

    }

    .new-manual-project {
        width: 100%;
        height: auto;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;

        input[type="text"] {
            height: 45px;
        }

        input[type="password"] {
            height: 45px;
        }

        h3 {
            width: 100% !important;
        }

        .select-role-nep {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .select-role-nep {
            width: 100%;
        }

    }

    .inner-add-customer {
        flex-direction: column;
    }

    .second-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
        }

        & .create-manual-bns {
            margin-right: 0;
            margin-top: 29px;

            a:nth-child(1) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }

            a:nth-child(2) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }
        }
    }

    .manual-project-fromband {
        & .manual-band-inn {
            align-items: center;
            flex-direction: column;
            gap: 20px;
            background: #4A6782;

            & .left-sec {
                h3 {
                    font-size: 18px;
                }
            }

            & .right-sec {
                a {
                    padding: 9px 14px;
                    font-size: 14px;
                }
            }


        }

    }

    & .manual-project-form-data {
        flex-direction: column;
        width: 100%;

        .left-sec-data {
            width: 100%;
            padding: 3px 15px;

            .new-manual-project {
                width: 100%;
                height: auto;
                align-items: flex-start;

                input[type="text"] {
                    height: 45px;
                }

                h3 {
                    width: 100%;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 8px 20px;
                font-size: 14px;
            }

            .nav-tabs .nav-link {
                padding: 6px 20px;
                font-size: 14px;
            }

            .accordian-one-row {
                flex-direction: column;
                margin-bottom: 20px;

                .add-item-box {
                    margin-top: 7px;
                    width: 100%;

                    .new-manual-project {
                        height: 70px;
                        align-items: flex-start;
                        flex-direction: column;

                        input[type="text"] {
                            width: 100%;
                        }
                    }

                    .align-create-btns {
                        justify-content: center;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            .nest-now-btn {
                padding-top: 0px;
                padding-bottom: 14px;

                a {
                    padding: 10px 20px;
                    font-size: 14px;
                }
            }

        }

        .right-sec-data {
            width: 100%;
            padding: 3px 15px;

            .profile-summary-main {
                border-left: 2px solid #6B7280;
                border-right: 2px solid #6B7280;
                padding: 0;
                box-shadow: 0px 4px 20px 0px #0000001A;
            }

            & .page-table {

                & .add-item-box {

                    .new-manual-project {
                        align-items: flex-start;
                        height: 70px;
                        padding: 1px 7px;

                        input[type="text"] {
                            width: 100%;
                        }

                        .select-role-nep {
                            display: flex;
                            gap: 10px;
                        }

                    }

                    .align-create-btns {
                        justify-content: center;
                        width: 100%;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            & .plot-image-wrap {
                .heading-plot {
                    flex-direction: column;
                    gap: 14px;
                }
            }

        }

    }

    .second-small-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
            padding-top: 10px;
        }

        .print-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 25px;
                font-size: 14px;
            }

        }

        .create-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

        }

    }

    .small-alerts-popup-nap {
        & .create-manual-bns {
            gap: 20px;
            justify-content: center;
            margin-right: 0;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }
        }
    }

    .select-menu {
        margin-bottom: 0px;
        margin-top: 34px;
    }


    /* =========== [ FILE ] MANULA PROJECTS ====== */



    /* ============== OPEN PROJECT CSS =========== */

    .manual-project-fromband {

        & .openproject-band-inn {
            align-items: flex-start;
            gap: 10px;
            justify-content: space-between;
            flex-direction: column;
            background: #4A6782;

            & .right-sec {
                a {
                    padding: 8px 12px;
                    font-size: 14px;
                }
            }

            & .left-sec {
                h3 {
                    font-size: 16px;
                }
            }
        }

        & .filter-band-inn {
            flex-direction: column;
            gap: 10px;
            align-items: flex-start;

            .left-sec {
                width: 100%;

                form {
                    width: 100%;
                }

            }
        }

    }

    /* ============== OPEN PROJECT CSS =========== */



    /* -================= MAINTENANCE PAGE CSS ================ */


    .city-state-wrap {
        justify-content: flex-end;
        flex-direction: column;
    }


    .customer-form-main {
        & .create-manual-bns {
            a:nth-child(1) {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .contact-details-heading-nap {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;

        h4 {
            width: 100%;
        }

        a {
            width: 100%;
        }
    }

    .create-manual-bns {
        margin: 0;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
    }

    .manual-project-fromband {
        & .filter-band-inn {
            a {
                margin: 0;
            }

            .right-sec {
                align-items: flex-start;
                gap: 10px;
                display: flex;
                width: 100%;
                flex-wrap: wrap;
            }
        }
    }

    .customer-form-main {
        .align-create-btns {
            justify-content: center;
            width: 100%;
        }

        & .create-manual-bns {
            margin-right: 0;

            a:nth-child(2) {
                padding: 12px 35px;
                font-size: 16px;
            }
        }
    }

    .add-new-group-main {
        margin-left: 0;
        margin-right: 0;

        .new-group-form-nap {
            margin-top: 26px;
        }

        & .create-manual-bns {
            a:nth-child(1) {
                padding: 8px 21px;
                font-size: 14px;
            }
        }

        .checked-newgroup-width {
            margin-bottom: 15px;
        }


    }


    & .manual-project-form-data {
        & .right-sec-data {
            & .profile-summary-main {
                h2 {
                    font-size: 14px;
                }
            }
        }
    }

    /* -================= MAINTENANCE PAGE CSS ================ */


    /* ================  TERMS AND CONDITIONS -=============== */

    .terms-condition-links {
        padding-bottom: 36px;
    }

    .my-profile-main {
        .profile-sec-inner {
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
        }
    }

    .new-manual-project {
        select {
            width: 100%;
            height: 45px;
        }
    }

    /* ================  TERMS AND CONDITIONS -=============== */




}

@media only screen and (min-width:375px) and (max-width:424px) {

    /* ----------- SUBSCRIPTION CSS ---------- */

    .essential-box-main {

        & .new-manual-project {
            h3 {
                font-size: 16px;
            }

            span {
                font-size: 14px;
                font-weight: 400;
                color: #000;
            }
        }

        & .manual-band-inn {
            & .left-sec {
                h3 {
                    font-size: 16px;
                }

                span {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 800;
                    margin-bottom: 0;
                    line-height: 19px;
                }
            }
        }

        .billing-content {
            gap: 5px;
            flex-direction: column;
            align-items: flex-start;
        }

        & .cancel-btn-wrap {
            position: absolute;
            top: 80px;

            a {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .subscription-manin-wrap {
        & .subscribe-main-box {
            & .band-subcribe {
                margin-top: 73px;

                h3 {
                    font-size: 14px;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                font-size: 14px;
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
                font-size: 14px;
            }
        }
    }

    .subscriptionb-card-wrap {
        flex-direction: column;

        .card-subscription {
            width: 100%;

            h3 {
                font-size: 20px;
                margin-bottom: 5px;
            }

            h1 {
                font-size: 36px;
            }

            h2 {
                font-size: 18px;
            }

        }

    }

    /* ----------- SUBSCRIPTION CSS ---------- */



    section.eromac-login-wrap {
        flex-direction: column;
    }

    .influ-pagi ul li {
        margin: 0px;
    }

    .align-create-btns {
        justify-content: center;
    }

    .inner-add-customer {
        .align-password-profile {
            min-width: fit-content;
        }
    }

    .araange-all-btns {
        flex-direction: column;
    }

    .profile-user-nap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .suspend-user-profile {
        gap: 6px;
        flex-direction: column;
        align-items: center;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }



    .eromac-left {
        width: 100%;

        form {
            padding: 0px 18px;
            gap: 13px;

            h1 {
                font-size: 24px;
            }

            h2 {
                font-size: 16px;
            }
        }

        & .forgotpass-wrap {
            a {
                font-size: 16px;
            }
        }

        & .dont-have-account {
            span {
                font-size: 16px;
            }

            a {
                font-size: 16px;
            }
        }

    }

    .eromac-right {
        width: 100%;
    }

    input[type="submit"], input[type="button"] {
        height: 40px;
        font-size: 16px;
    }

    .password-eye .eye-close {
        background-size: 21px;
    }

    .password-eye {
        top: 41px;
    }


    .password-eye .eye-open {
        background-size: 21px;
    }

    .navbar-eromac {
        padding: 14px 12px;
        gap: 10px;
        flex-direction: column;

        & .dropdown-sec {
            select {
                padding-right: 23px;
                background: url(../images/Eromac-images/Login-flow-images/flag-dropdown.svg) no-repeat calc(100% - 7px) center transparent;
                background-size: 11px;
            }
        }
    }



    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    #sidebar {
        display: none;
    }

    #sidebar2 {
        display: block;
        width: 100%;
    }

    #content nav {
        display: none;
    }

    #content {
        position: relative;
        width: calc(100% - 0px);
        left: 0px;
        /* transition: .1s ease; */
    }


    nav.mobile-nav {
        display: flex;
        /* width: 100%; */
        width: calc(100% - 0px);
        left: 0;
    }

    .dev-classic-mode {
        position: absolute;
        top: 10px;
        right: 80px;

        .tab-pill-border {
            margin-bottom: 0;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            padding: 6px 20px;
            font-size: 14px;
        }

        .nav-tabs .nav-link {
            padding: 6px 20px;
            font-size: 14px;
        }

    }

    #sidebar2 .side-menu {
        margin-top: 58px;
    }

    .dashboard-flag-drop {
        left: 11px;
        background: #3b5269;
        padding: 2px 5px 2px 11px;
        margin-top: -4px;
        border-radius: 7px;

        & .dropdown-sec {
            select {
                background: url(../images/Eromac-images/Dev-dashboard-imgs/icons/down-white-icon.svg) no-repeat calc(100% - 11px) center transparent;
                padding-right: 47px;
                color: #fff;
                font-size: 14px;

                option {
                    color: #000;
                }
            }
        }

    }


    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    /* ============= WELCOME PAGE CSS ========= */

    .dashboard-content {
        height: 100%;
    }


    .welcome-sec-main {

        .tutorial-video {
            width: 100%;
            margin-bottom: 0;
        }

        h2 {
            padding-top: 0px;
            font-size: 18px;
        }

        p {
            font-size: 14px;
        }

        #upcoming-video-eromac .owl-nav button {
            top: 38%;
            left: 0;
        }

        #upcoming-video-eromac .owl-nav button:last-child {
            right: 0%;
            left: inherit;
        }

        a {
            height: 40px;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
            margin-bottom: 20px;
        }



    }


    /* ============= WELCOME PAGE CSS ========= */


    /* =========== [ FILE ] MANULA PROJECTS ====== */

    .get-start-your-project-main {
        & .band-start-project {
            h2 {
                font-size: 18px;
            }

            p {
                font-size: 14px;
            }
        }

        .project-main-cards {
            padding-top: 25px;
            gap: 17px;
            flex-direction: column;

            & .card-project {
                width: 100%;
            }
        }

    }

    .new-manual-project {
        width: 100%;
        height: auto;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;

        input[type="text"] {
            height: 45px;
        }

        input[type="password"] {
            height: 45px;
        }

        h3 {
            width: 100% !important;
        }

        .select-role-nep {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .select-role-nep {
            width: 100%;
        }

    }

    .inner-add-customer {
        flex-direction: column;
    }

    .second-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
        }

        & .create-manual-bns {
            margin-right: 0;
            margin-top: 29px;

            a:nth-child(1) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }

            a:nth-child(2) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }
        }
    }

    .manual-project-fromband {
        & .manual-band-inn {
            align-items: center;
            flex-direction: column;
            gap: 20px;
            background: #4A6782;

            & .left-sec {
                h3 {
                    font-size: 18px;
                }
            }

            & .right-sec {
                a {
                    padding: 9px 14px;
                    font-size: 14px;
                }
            }


        }

    }

    & .manual-project-form-data {
        flex-direction: column;
        width: 100%;

        .left-sec-data {
            width: 100%;
            padding: 3px 15px;

            .new-manual-project {
                width: 100%;
                height: auto;
                align-items: flex-start;

                input[type="text"] {
                    height: 45px;
                }

                h3 {
                    width: 100%;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 8px 20px;
                font-size: 14px;
            }

            .nav-tabs .nav-link {
                padding: 6px 20px;
                font-size: 14px;
            }

            .accordian-one-row {
                flex-direction: column;
                margin-bottom: 20px;

                .add-item-box {
                    margin-top: 7px;
                    width: 100%;

                    .new-manual-project {
                        height: 70px;
                        align-items: flex-start;
                        flex-direction: column;

                        input[type="text"] {
                            width: 100%;
                        }
                    }

                    .align-create-btns {
                        justify-content: center;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            .nest-now-btn {
                padding-top: 0px;
                padding-bottom: 14px;

                a {
                    padding: 10px 20px;
                    font-size: 14px;
                }
            }

        }

        .right-sec-data {
            width: 100%;
            padding: 3px 15px;

            .profile-summary-main {
                border-left: 2px solid #6B7280;
                border-right: 2px solid #6B7280;
                padding: 0;
                box-shadow: 0px 4px 20px 0px #0000001A;
            }

            & .page-table {

                & .add-item-box {

                    .new-manual-project {
                        align-items: flex-start;
                        height: 70px;
                        padding: 1px 7px;

                        input[type="text"] {
                            width: 100%;
                        }

                        .select-role-nep {
                            display: flex;
                            gap: 10px;
                        }

                    }

                    .align-create-btns {
                        justify-content: center;
                        width: 100%;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            & .plot-image-wrap {
                .heading-plot {
                    flex-direction: column;
                    gap: 14px;
                }
            }

        }

    }

    .second-small-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
            padding-top: 10px;
        }

        .print-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 25px;
                font-size: 14px;
            }

        }

        .create-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

        }

    }

    .small-alerts-popup-nap {
        & .create-manual-bns {
            gap: 20px;
            justify-content: center;
            margin-right: 0;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }
        }
    }

    .select-menu {
        margin-bottom: 0px;
        margin-top: 34px;
    }


    /* =========== [ FILE ] MANULA PROJECTS ====== */



    /* ============== OPEN PROJECT CSS =========== */

    .manual-project-fromband {

        & .openproject-band-inn {
            align-items: flex-start;
            gap: 10px;
            justify-content: space-between;
            flex-direction: column;
            background: #4A6782;

            & .right-sec {
                a {
                    padding: 8px 12px;
                    font-size: 14px;
                }
            }

            & .left-sec {
                h3 {
                    font-size: 16px;
                }
            }
        }

        & .filter-band-inn {
            flex-direction: column;
            gap: 10px;
            align-items: flex-start;

            .left-sec {
                width: 100%;

                form {
                    width: 100%;
                }

            }
        }

    }

    /* ============== OPEN PROJECT CSS =========== */



    /* -================= MAINTENANCE PAGE CSS ================ */

    .new-manual-project {
        .city-state-wrap {
            justify-content: flex-end;
            flex-direction: column;
        }
    }

    .customer-form-main {
        & .create-manual-bns {
            a:nth-child(1) {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .contact-details-heading-nap {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;

        h4 {
            width: 100%;
        }

        a {
            width: 100%;
        }
    }

    .create-manual-bns {
        margin: 0;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        margin-top: 14px;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
    }

    .manual-project-fromband {
        & .filter-band-inn {
            a {
                margin: 0;
            }

            .right-sec {
                align-items: flex-start;
                gap: 10px;
                flex-direction: column;
            }
        }
    }

    .customer-form-main {
        .align-create-btns {
            justify-content: center;
            width: 100%;
        }

        & .create-manual-bns {
            margin-right: 0;

            a:nth-child(2) {
                padding: 12px 35px;
                font-size: 16px;
            }
        }
    }

    .add-new-group-main {
        margin-left: 0;
        margin-right: 0;

        .new-group-form-nap {
            margin-top: 26px;
        }

        & .create-manual-bns {
            a:nth-child(1) {
                padding: 8px 21px;
                font-size: 14px;
            }
        }

        .checked-newgroup-width {
            margin-bottom: 15px;
        }


    }


    & .manual-project-form-data {
        & .right-sec-data {
            & .profile-summary-main {
                h2 {
                    font-size: 14px;
                }
            }
        }
    }

    /* -================= MAINTENANCE PAGE CSS ================ */


    /* ================  TERMS AND CONDITIONS -=============== */

    .terms-condition-links {
        padding-bottom: 36px;
    }

    .my-profile-main {
        .profile-sec-inner {
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
        }
    }

    .new-manual-project {
        select {
            width: 100%;
            height: 45px;
        }
    }

    /* ================  TERMS AND CONDITIONS -=============== */




}

@media only screen and (min-width:320px) and (max-width:374px) {


    /* ----------- SUBSCRIPTION CSS ---------- */

    .essential-box-main {

        & .new-manual-project {
            h3 {
                font-size: 16px;
            }

            span {
                font-size: 14px;
                font-weight: 400;
                color: #000;
            }
        }

        & .manual-band-inn {
            & .left-sec {
                h3 {
                    font-size: 16px;
                }

                span {
                    color: #fff;
                    font-size: 12px;
                    font-weight: 800;
                    margin-bottom: 0;
                    line-height: 19px;
                }
            }
        }

        .billing-content {
            gap: 5px;
            flex-direction: column;
            align-items: flex-start;
        }

        & .cancel-btn-wrap {
            position: absolute;
            top: 80px;

            a {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .subscription-manin-wrap {
        & .subscribe-main-box {
            & .band-subcribe {
                margin-top: 73px;

                h3 {
                    font-size: 14px;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                font-size: 14px;
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
                font-size: 14px;
            }
        }
    }

    .subscriptionb-card-wrap {
        flex-direction: column;

        .card-subscription {
            width: 100%;

            h3 {
                font-size: 20px;
                margin-bottom: 5px;
            }

            h1 {
                font-size: 36px;
            }

            h2 {
                font-size: 18px;
            }

        }

    }

    /* ----------- SUBSCRIPTION CSS ---------- */

    section.eromac-login-wrap {
        flex-direction: column;
    }

    .influ-pagi ul li {
        margin: 0px;
    }

    .align-create-btns {
        justify-content: center;
    }

    .inner-add-customer {
        .align-password-profile {
            min-width: fit-content;
        }
    }

    .profile-user-nap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .araange-all-btns {
        flex-direction: column;
    }

    .suspend-user-profile {
        gap: 6px;
        flex-direction: column;
        align-items: center;

        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    .eromac-left {
        width: 100%;

        form {
            padding: 0px 18px;
            gap: 13px;

            h1 {
                font-size: 24px;
            }

            h2 {
                font-size: 16px;
            }
        }

        & .forgotpass-wrap {
            a {
                font-size: 16px;
            }
        }

        & .dont-have-account {
            span {
                font-size: 16px;
            }

            a {
                font-size: 16px;
            }
        }

    }

    .eromac-right {
        width: 100%;
    }

    input[type="submit"], input[type="button"] {
        height: 40px;
        font-size: 16px;
    }

    .password-eye .eye-close {
        background-size: 21px;
    }

    .password-eye {
        top: 41px;
    }

    .password-eye .eye-open {
        background-size: 21px;
    }

    .navbar-eromac {
        padding: 14px 12px;
        gap: 10px;
        flex-direction: column;

        & .dropdown-sec {
            select {
                padding-right: 23px;
                background: url(../images/Eromac-images/Login-flow-images/flag-dropdown.svg) no-repeat calc(100% - 7px) center transparent;
                background-size: 11px;
            }
        }
    }



    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    #sidebar {
        display: none;
    }

    #sidebar2 {
        display: block;
        width: 100%;
    }

    #content nav {
        display: none;
    }

    #content {
        position: relative;
        width: calc(100% - 0px);
        left: 0px;
        /* transition: .1s ease; */
    }


    nav.mobile-nav {
        display: flex;
        /* width: 100%; */
        width: calc(100% - 0px);
        left: 0;
    }

    .dev-classic-mode {
        position: absolute;
        top: 10px;
        right: 80px;

        .tab-pill-border {
            margin-bottom: 0;
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            padding: 6px 20px;
            font-size: 14px;
        }

        .nav-tabs .nav-link {
            padding: 6px 20px;
            font-size: 14px;
        }

    }

    #sidebar2 .side-menu {
        margin-top: 58px;
    }

    .dashboard-flag-drop {
        left: 11px;
        background: #3b5269;
        padding: 2px 5px 2px 11px;
        margin-top: -4px;
        border-radius: 7px;

        & .dropdown-sec {
            select {
                background: url(../images/Eromac-images/Dev-dashboard-imgs/icons/down-white-icon.svg) no-repeat calc(100% - 11px) center transparent;
                padding-right: 47px;
                color: #fff;
                font-size: 14px;

                option {
                    color: #000;
                }
            }
        }

    }


    /* ===============   SIDEBAR & NAV CSS FOR MOBILE VIEW AND DESKTOP ============= */



    /* ============= WELCOME PAGE CSS ========= */

    .dashboard-content {
        height: 100%;
    }


    .welcome-sec-main {

        .tutorial-video {
            width: 100%;
            margin-bottom: 0;
        }

        h2 {
            padding-top: 0px;
            font-size: 18px;
        }

        p {
            font-size: 14px;
        }

        #upcoming-video-eromac .owl-nav button {
            top: 38%;
            left: 0;
        }

        #upcoming-video-eromac .owl-nav button:last-child {
            right: 0%;
            left: inherit;
        }

        a {
            height: 40px;
            padding: 10px 30px 10px 30px;
            font-size: 14px;
            margin-bottom: 20px;
        }



    }


    /* ============= WELCOME PAGE CSS ========= */


    /* =========== [ FILE ] MANULA PROJECTS ====== */

    .get-start-your-project-main {
        & .band-start-project {
            h2 {
                font-size: 18px;
            }

            p {
                font-size: 14px;
            }
        }

        .project-main-cards {
            padding-top: 25px;
            gap: 17px;
            flex-direction: column;

            & .card-project {
                width: 100%;
            }
        }

    }

    .new-manual-project {
        width: 100%;
        height: auto;
        align-items: flex-start;
        gap: 10px;
        flex-direction: column;

        input[type="text"] {
            height: 45px;
        }

        input[type="password"] {
            height: 45px;
        }



        h3 {
            width: 100% !important;
        }

        .select-role-nep {
            display: flex;
            gap: 12px;
            flex-direction: column;
        }

        .select-role-nep {
            width: 100%;
        }

    }

    .inner-add-customer {
        flex-direction: column;
    }

    .second-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
        }

        & .create-manual-bns {
            margin-right: 0;
            margin-top: 29px;

            a:nth-child(1) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }

            a:nth-child(2) {
                padding: 10px 30px 10px 30px;
                font-size: 14px;
                font-weight: 900;
            }
        }
    }

    .manual-project-fromband {
        & .manual-band-inn {
            align-items: center;
            flex-direction: column;
            gap: 20px;
            background: #4A6782;

            & .left-sec {
                h3 {
                    font-size: 18px;
                }
            }

            & .right-sec {
                a {
                    padding: 9px 14px;
                    font-size: 14px;
                }
            }


        }

    }

    & .manual-project-form-data {
        flex-direction: column;
        width: 100%;

        .left-sec-data {
            width: 100%;
            padding: 3px 15px;

            .new-manual-project {
                width: 100%;
                height: auto;
                align-items: flex-start;

                input[type="text"] {
                    height: 45px;
                }

                h3 {
                    width: 100%;
                }
            }

            .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
                padding: 8px 20px;
                font-size: 14px;
            }

            .nav-tabs .nav-link {
                padding: 6px 20px;
                font-size: 14px;
            }

            .accordian-one-row {
                flex-direction: column;
                margin-bottom: 20px;

                .add-item-box {
                    margin-top: 7px;
                    width: 100%;

                    .new-manual-project {
                        height: 70px;
                        align-items: flex-start;
                        flex-direction: column;

                        input[type="text"] {
                            width: 100%;
                        }
                    }

                    .align-create-btns {
                        justify-content: center;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            .nest-now-btn {
                padding-top: 0px;
                padding-bottom: 14px;

                a {
                    padding: 10px 20px;
                    font-size: 14px;
                }
            }

        }

        .right-sec-data {
            width: 100%;
            padding: 3px 15px;

            .profile-summary-main {
                border-left: 2px solid #6B7280;
                border-right: 2px solid #6B7280;
                padding: 0;
                box-shadow: 0px 4px 20px 0px #0000001A;
            }

            & .page-table {

                & .add-item-box {

                    .new-manual-project {
                        align-items: flex-start;
                        height: 70px;
                        padding: 1px 7px;

                        input[type="text"] {
                            width: 100%;
                        }

                        .select-role-nep {
                            display: flex;
                            gap: 10px;
                        }

                    }

                    .align-create-btns {
                        justify-content: center;
                        width: 100%;
                    }

                    & .create-manual-bns {
                        margin-right: 0;

                        a:nth-child(1) {
                            padding: 8px 13px;
                            font-size: 14px;
                        }

                        a:nth-child(2) {
                            padding: 8px 27px;
                            font-size: 14px;
                        }
                    }

                }
            }

            & .plot-image-wrap {
                .heading-plot {
                    flex-direction: column;
                    gap: 14px;
                }
            }

        }

    }

    .second-small-common-popup .modal-content {

        .align-create-btns {
            justify-content: center;
            padding-top: 10px;
        }

        .print-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 25px;
                font-size: 14px;
            }

        }

        .create-manual-bns {
            gap: 20px;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
            }

        }

    }

    .small-alerts-popup-nap {
        & .create-manual-bns {
            gap: 8px;
            justify-content: center;
            margin-right: 0;
            display: flex;
            flex-wrap: wrap;

            a:nth-child(1) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
                text-align: center;
            }

            a:nth-child(2) {
                display: flex;
                align-items: center;
                padding: 8px 13px;
                font-size: 14px;
                text-align: center;
            }
        }
    }

    .select-menu {
        margin-bottom: 0px;
        margin-top: 34px;
    }


    /* =========== [ FILE ] MANULA PROJECTS ====== */



    /* ============== OPEN PROJECT CSS =========== */

    .manual-project-fromband {

        & .openproject-band-inn {
            align-items: flex-start;
            gap: 10px;
            justify-content: space-between;
            flex-direction: column;
            background: #4A6782;

            & .right-sec {
                a {
                    padding: 8px 12px;
                    font-size: 14px;
                }
            }

            & .left-sec {
                h3 {
                    font-size: 16px;
                }
            }
        }

        & .filter-band-inn {
            flex-direction: column;
            gap: 10px;
            align-items: flex-start;

            .left-sec {
                width: 100%;

                form {
                    width: 100%;
                }

            }
        }

    }

    /* ============== OPEN PROJECT CSS =========== */



    /* -================= MAINTENANCE PAGE CSS ================ */

    .new-manual-project {
        .city-state-wrap {
            justify-content: flex-end;
            flex-direction: column;
        }
    }

    .customer-form-main {
        & .create-manual-bns {
            a:nth-child(1) {
                padding: 10px 18px;
                font-size: 14px;
            }
        }
    }

    .contact-details-heading-nap {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;

        h4 {
            width: 100%;
        }

        a {
            width: 100%;
        }
    }

    .create-manual-bns {
        /* margin: 0;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
        margin-top: 14px; */



        a:nth-child(1) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        a:nth-child(2) {
            padding: 10px 17px;
            font-size: 14px;
            display: flex;
            align-items: center;
        }
    }

    .manual-project-fromband {
        & .filter-band-inn {
            a {
                margin: 0;
            }

            .right-sec {
                align-items: flex-start;
                gap: 10px;
                flex-direction: column;
            }
        }
    }

    .customer-form-main {
        .align-create-btns {
            justify-content: center;
            width: 100%;
        }

        & .create-manual-bns {
            margin-right: 0;

            a:nth-child(2) {
                padding: 12px 35px;
                font-size: 16px;
            }
        }
    }

    .add-new-group-main {
        margin-left: 0;
        margin-right: 0;

        .new-group-form-nap {
            margin-top: 26px;
        }

        & .create-manual-bns {
            a:nth-child(1) {
                padding: 8px 21px;
                font-size: 14px;
            }
        }

        .checked-newgroup-width {
            margin-bottom: 15px;
        }


    }


    & .manual-project-form-data {
        & .right-sec-data {
            & .profile-summary-main {
                h2 {
                    font-size: 14px;
                }
            }
        }
    }

    /* -================= MAINTENANCE PAGE CSS ================ */


    /* ================  TERMS AND CONDITIONS -=============== */

    .terms-condition-links {
        padding-bottom: 36px;
    }

    .my-profile-main {
        .profile-sec-inner {
            justify-content: flex-start;
            align-items: center;
            flex-direction: column;
        }
    }

    .new-manual-project {
        select {
            width: 100%;
            height: 45px;
        }
    }

    /* ================  TERMS AND CONDITIONS -=============== */






}

/* ----------EROMAC-RESPONSIVE---------- */