@media screen and (min-width:1241px) and (max-width:1500px) {

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 28px;
    }

    .wagzo-login-logo {
        width: 190px;
        margin-bottom: 8px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        margin-bottom: 6px;
    }

    .wagzo-login-head-and-pera-mn {
        margin-bottom: 24px;
    }

    .wagzo-login-itp-and-lbl-mn {
        margin-bottom: 20px;
    }

    .wagzo-or-text-and-sprtr-main {
        margin: 14px 0px;
    }

    .wagzo-login-itp-and-lbl-mn input {
        padding: 14px;
    }

    .wagzo-send-otp-button-main a {
        padding: 11px 16px;
    }

    .wagzo-login-itp-and-lbl-mn label {
        margin-bottom: 6px;
    }

    .sprtr-line-text {
        font-size: 20px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 24px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 24px;
    }

    /* ==== login page end ==== */

    /* ==== select user page start ==== */

    .select-user-page-main {
        max-width: 1028px;
    }

    .service-provider-section-main {
        height: 182px;
    }

    .service-provider-image-main,
    .service-provider-image-main img {
        height: 100%;
    }

    .service-provider-section-main.active {
        box-shadow: 0px 2px 8px 0px #00a650;
    }

    .select-user-page-main .select-your-role-section-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .select-user-page-main .wagzo-send-otp-button-main {
        width: 40%;
    }

    /* ==== select user page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 40px 0px;
        margin-bottom: 40px;
    }

    /* ==== select account type page end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 20px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .add-package-inside-main {
        padding: 32px;
    }
    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }

    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 28px;
    }
   


    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-approved-popup-main .profile-sent-for-varification-tital-one,
    .profile-request-approved-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one {
        margin-bottom: 10px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 120px;
        height: 120px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main img {
        width: 50px;
    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== Progress sticky top start ==== */

    .wagzo-progress-flex {
        background: #ffffff;
        position: sticky;
        top: 0px;
        height: 40px;
        z-index: 9;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    /* ==== Progress sticky top end ==== */

    /* ==== New Order Request popup start ==== */

    .order-details-and-customer-details-popup-box-inside-main {
        height: 260px;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== order details page start ==== */

    .wagzo-all-page-main.active {

        .ordered-items-box-details-box-two-main,
        .order-items-details-customer-details-main-box,
        .order-details-action-box-main,
        .product-variations-add-new-product-page-box-one {
            width: 100%;
        }

        .all-product-card-box-one-catalog {
            width: calc(49% - 1px);
        }

        .wagzo-page-header-and-main-contant {
            width: calc(100% - 260px);
        }

    }

    /* ==== order details page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-pageinside-main {
        padding: 20px;
    }

    .new-user-booking-earning-box-main {
        gap: 6px;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-req-timer-section-main {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup {
        margin-bottom: 14px;
    }

    .new-booking-time-and-duration-popup-box-one {
        margin-bottom: 14px;
    }

    .new-booking-user-location-details-popup-box {
        margin-bottom: 14px;
    }

    .new-user-booking-earning-box-main h5 {
        font-size: 22px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-all-page-main.active {

        .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three {
            flex-direction: column;
            align-items: unset;
        }

        .profile-image-and-contant-text-box-main {
            flex-direction: column;
        }
    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 10.46%;
    }

    .wagzo-all-page-main.active {
        .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
            width: 19%;
        }
    }

    .pbrebim-box-two {
        flex-direction: column;
        align-items: unset;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .wagzo-all-page-main.active {

        .admin-portal-dashboard-box-total {
            justify-content: flex-start;
        }

        .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
            width: 32%;
        }

        .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
            width: calc(33% - 4px);
        }

        .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
            width: calc(50% - 5px);
        }

        .admin-prtl-promotions-banner-upload-box-main .banner-item {
            width: calc(33% - 11px);
        }

        .admin-porta-dashboard-suppr-admin-password-securty-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
            width: calc(33% - 8px);
        }

    }

    .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
        width: calc(50% - 5px);
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

}

@media screen and (min-width:1025px) and (max-width:1240px) {

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 28px;
    }

    .wagzo-login-logo {
        width: 190px;
        margin-bottom: 8px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        margin-bottom: 6px;
    }

    .wagzo-login-head-and-pera-mn {
        margin-bottom: 24px;
    }

    .wagzo-login-itp-and-lbl-mn {
        margin-bottom: 20px;
    }

    .wagzo-or-text-and-sprtr-main {
        margin: 14px 0px;
    }

    .wagzo-login-itp-and-lbl-mn input {
        padding: 14px;
    }

    .wagzo-send-otp-button-main a {
        padding: 11px 16px;
    }

    .wagzo-login-itp-and-lbl-mn label {
        margin-bottom: 6px;
    }

    .sprtr-line-text {
        font-size: 20px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 24px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 24px;
    }

    /* ==== login page end ==== */

    /* ==== select user page start ==== */

    .select-user-page-main {
        max-width: 1028px;
        width: 95%;
    }

    .service-provider-section-main {
        height: 182px;
    }

    .service-provider-image-main,
    .service-provider-image-main img {
        height: 100%;
    }

    .service-provider-section-main.active {
        box-shadow: 0px 2px 8px 0px #00a650;
    }

    .select-user-page-main .select-your-role-section-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .select-user-page-main .wagzo-send-otp-button-main {
        width: 40%;
    }

    /* ==== select user page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 40px 0px;
        margin-bottom: 40px;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.73%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 20px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }

    .add-package-inside-main {
        padding:32px;
    }
    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 28px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-approved-popup-main .profile-sent-for-varification-tital-one,
    .profile-request-approved-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one {
        margin-bottom: 10px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 120px;
        height: 120px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main img {
        width: 50px;
    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== Progress sticky top start ==== */

    .wagzo-progress-flex {
        background: #ffffff;
        position: sticky;
        top: 0px;
        height: 40px;
        z-index: 9;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    /* ==== Progress sticky top end ==== */

    /* ==== product supplier dashboard page start ==== */

    .product-supplier-all-status-box-main-one {
        width: 32%;
    }

    /* ==== product supplier dashboard page end ==== */

    /* ==== New Order Request popup start ==== */

    .order-details-and-customer-details-popup-box-inside-main {
        height: 260px;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== order details page start ==== */

    .ordered-items-box-details-box-two-main,
    .order-items-details-customer-details-main-box,
    .order-details-action-box-main,
    .product-variations-add-new-product-page-box-one {
        width: 100%;
    }

    /* ==== order details page end ==== */

    /* ==== catalog-all-products page start ==== */

    .all-product-card-box-one-catalog {
        width: calc(49% - 2px);
    }

    .wagzo-all-page-main.active {
        .all-product-card-box-one-catalog {
            width: calc(100% - 0px);
        }
    }

    .add-new-product-create-and-cancel-button-main {
        width: 55%;
        flex-direction: row;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== profile page start ==== */

    .wagzo-all-page-main.active {
        .step-two-box-one-input-and-select-main .profile-details-inside-main {
            width: 48%;
        }
    }

    /* ==== profile page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-pageinside-main {
        padding: 20px;
    }

    .new-user-booking-earning-box-main {
        gap: 6px;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-req-timer-section-main {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup {
        margin-bottom: 14px;
    }

    .new-booking-time-and-duration-popup-box-one {
        margin-bottom: 14px;
    }

    .new-booking-user-location-details-popup-box {
        margin-bottom: 14px;
    }

    .new-user-booking-earning-box-main h5 {
        font-size: 22px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-all-page-main.active {

        .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
        .wagzo-web-portal-dashboard-view-page-box-one {
            flex-direction: column;
            gap: 24px;
        }

        .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three,
        .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two,
        .wagzo-web-portal-dashboard-view-page-box-two {
            width: 100%;
        }

    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard add new services page start ==== */

    .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.73%;
    }

    .wagzo-all-page-main.active .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 49%;
    }

    /* ==== web portal dashboard add new services page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 13.48%;
    }

    .wagzo-all-page-main.active {
        .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
            width: 19%;
        }
    }

    .pbrebim-box-two {
        flex-direction: column;
        align-items: unset;
    }

    .pet-boarding-review-edit-box-inside-main {
        width: 49%;
    }

    .packagres-add-hide-show-main .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 48%;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total {
        justify-content: flex-start;
    }

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 32.50%;
    }

    .wagzo-all-page-main.active {

        .admin-portal-dashboard-box-total {
            justify-content: flex-start;
        }

        .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
            width: 49%;
        }

        .admin-portal-dashboard-box-main .top-product-this-week-box-main {
            width: 100%;
        }

        .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
            width: calc(33% - 5px);
        }

        .admin-prtl-usr-mngmnt {
            flex-wrap: wrap;
        }

        .wagzo-page-header-and-main-contant {
            width: calc(100% - 260px);
        }

        .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
            width: calc(50% - 5px);
        }

        .admin-prtl-promotions-banner-upload-box-main .banner-item {
            width: calc(33% - 11px);
        }

    }

    .admin-prtl-promotions-banner-upload-box-main .banner-item {
        width: calc(33% - 11px);
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: calc(33% - 4px);
    }

    .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
        width: calc(50% - 5px);
    }

    .pt-txi-rgstion-itp-and-dlt .profile-details-inside-main {
        width: 46% !important;
        margin-bottom: 0px;
    }

    .admin-porta-dashboard-suppr-admin-password-securty-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: calc(33% - 8px);
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

}

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

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 28px;
    }

    .wagzo-login-logo {
        width: 190px;
        margin-bottom: 8px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        margin-bottom: 6px;
    }

    .wagzo-login-head-and-pera-mn {
        margin-bottom: 24px;
    }

    .wagzo-login-itp-and-lbl-mn {
        margin-bottom: 20px;
    }

    .wagzo-or-text-and-sprtr-main {
        margin: 14px 0px;
    }

    .wagzo-login-itp-and-lbl-mn input {
        padding: 14px;
    }

    .wagzo-send-otp-button-main a {
        padding: 11px 16px;
    }

    .wagzo-login-itp-and-lbl-mn label {
        margin-bottom: 6px;
    }

    .sprtr-line-text {
        font-size: 20px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 24px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 24px;
    }

    /* ==== login page end ==== */

    /* ==== select user page start ==== */

    .select-user-page-main {
        max-width: 1028px;
        width: 95%;
    }

    .service-provider-section-main {
        height: 182px;
    }

    .service-provider-image-main,
    .service-provider-image-main img {
        height: 100%;
    }

    .service-provider-section-main.active {
        box-shadow: 0px 2px 8px 0px #00a650;
    }

    .select-user-page-main .select-your-role-section-main {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .select-user-page-main .wagzo-send-otp-button-main {
        width: 40%;
    }

    /* ==== select user page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 40px 0px;
        margin-bottom: 40px;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.71%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 20px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }
    .add-package-inside-main {
        padding: 32px;
    }
    /* ==== Profile Sent For verification Popup end ==== */
    /* ==== Profile under review start ==== */
    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 28px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-approved-popup-main .profile-sent-for-varification-tital-one,
    .profile-request-approved-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one {
        margin-bottom: 10px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 120px;
        height: 120px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main img {
        width: 50px;
    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== Progress sticky top start ==== */

    .wagzo-progress-flex {
        background: #ffffff;
        position: sticky;
        top: 0px;
        height: 40px;
        z-index: 9999999;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    /* ==== Progress sticky top end ==== */

    /* ==== sidebar start ==== */

    .mobile-scren-toggle-btn {
        display: block;
    }

    .mobile-scren-toggle-btn .toggle {
        position: relative;
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .mobile-scren-toggle-btn .toggle span {
        position: absolute;
        width: 40px;
        height: 4px;
        border-radius: 4px;
        background: #169748;
        transition: 0.5s;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(2) {
        transform: translateY(-12px);
        width: 25px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(3) {
        transform: translateY(12px);
        width: 15px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(3) {
        width: 40px;
        transform: translateX(0) rotate(-45deg);
        transition-delay: 0.4s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(2) {
        width: 40px;
        transform: translateX(0) rotate(45deg);
        transition-delay: 0.2s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(1) {
        transform: translateX(60px);
    }

    .wagzo-collapse-button-main {
        display: none;
    }

    .wagzo-sidebar-main {
        width: 260px;
        min-width: 260px;
        position: fixed;
        left: -260px;
        z-index: 9;
    }

    .wagzo-page-header-and-main-contant {
        width: 100%;
    }

    .wagzo-sidebar-main.active {
        left: 0px;
    }

    .wagzo-sidemenu-main {
        height: calc(100% - 218px);
    }

    .wagzo-logo-for-sidebar {
        padding: 24px 0px;
    }

    .wagzo-collapse-button-main {
        transform: rotate(180deg);
    }

    .desktop-view-logo {
        display: block;
    }

    .colaps-view-logo {
        display: none;
    }

    .wagzo-sidemenu-main ul li a span.navmenu-name {
        display: block;
    }

    .wagzo-sidemenu-main ul li a i.fa-angle-down {
        display: block;
    }

    ul li a {
        width: 100% !important;
        height: auto;
        justify-content: unset;
    }

    .wagzo-sidemenu-dropdown-main.active .wagzo-sidebar-dropdown-menu-list-main {
        display: block;
    }

    .wagzo-collapse-button-main {
        width: 32px;
        height: 32px;
    }

    .wagzo-sidebar-dropdown-menu-list-main {
        position: unset !important;
        margin-top: 8px;
    }

    .order-count-main {
        display: block;
    }

    .wagzo-pfl-sidebr-txt {
        display: flex;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a {
        background-color: white;
        padding: 12px;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-navmenu-icon {
        background-color: #00A650;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(106deg) brightness(100%) contrast(102%);
    }

    .pfl-smnu-dpdn-mn a img {
        filter: unset !important;
    }

    /* ==== sidebar end ==== */

    /* ==== New Order Request popup start ==== */

    .order-details-and-customer-details-popup-box-inside-main {
        height: 260px;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== order details page start ==== */

    .ordered-items-box-details-box-two-main,
    .product-variations-add-new-product-page-box-one {
        width: 59%;
    }

    /* ==== order details page end ==== */

    /* ==== catalog-all-products page start ==== */

    .all-product-card-box-one-catalog {
        width: calc(49% - 2px);
    }

    .all-product-page-catalog-tab-section-main .all-page-commun-tab-header {
        width: 100%;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-pageinside-main {
        padding: 20px;
    }

    .new-user-booking-earning-box-main {
        gap: 6px;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-req-timer-section-main {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup {
        margin-bottom: 14px;
    }

    .new-booking-time-and-duration-popup-box-one {
        margin-bottom: 14px;
    }

    .new-booking-user-location-details-popup-box {
        margin-bottom: 14px;
    }

    .new-user-booking-earning-box-main h5 {
        font-size: 22px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard add new services page start ==== */

    .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.73%;
    }

    /* ==== web portal dashboard add new services page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 13.51%;
    }

    .pet-boarding-review-edit-box-inside-main {
        width: 49%;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total {
        justify-content: flex-start;
    }

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 32.50%;
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: calc(33% - 4px);
    }

    .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
        width: calc(50% - 5px);
    }

    .admin-prtl-promotions-banner-upload-box-main .banner-item {
        width: calc(33% - 11px);
    }

    .pt-txi-rgstion-itp-and-dlt .profile-details-inside-main {
        width: 46% !important;
        margin-bottom: 0px;
    }

    .admin-porta-dashboard-suppr-admin-password-securty-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: calc(33% - 8px);
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

}

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

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 28px;
    }

    .wagzo-login-logo {
        width: 190px;
        margin-bottom: 8px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        margin-bottom: 6px;
    }

    .wagzo-login-head-and-pera-mn {
        margin-bottom: 24px;
    }

    .wagzo-login-itp-and-lbl-mn {
        margin-bottom: 20px;
    }

    .wagzo-or-text-and-sprtr-main {
        margin: 14px 0px;
    }

    .wagzo-login-itp-and-lbl-mn input {
        padding: 14px;
    }

    .wagzo-send-otp-button-main a {
        padding: 11px 16px;
    }

    .wagzo-login-itp-and-lbl-mn label {
        margin-bottom: 6px;
    }

    .sprtr-line-text {
        font-size: 20px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 24px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 24px;
    }

    /* ==== login page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 40px 0px;
        margin-bottom: 40px;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup page start ==== */

    .profile-details-box-one-main {
        gap: 16px;
    }

    .profile-details-inside-main {
        width: 48%;
    }

    .profile-details-box-three-main .profile-details-inside-main,
    .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 48%;
    }

    /* ==== profile setup page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
        padding: 0px;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.51%;
    }

    .wagzo-profile-stepu-pgres-main .progress-container {
        width: 86%;
    }

    .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 48.84%;
    }

    .step-two-box-insdie-one .profile-details-inside-main {
        width: 48.84%;
    }

    .tab-two-main-step-three-box-two .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 48.84%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 20px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }
    .add-package-inside-main {
        padding: 32px;
    }
    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 28px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-approved-popup-main .profile-sent-for-varification-tital-one,
    .profile-request-approved-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one {
        margin-bottom: 10px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 120px;
        height: 120px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main img {
        width: 50px;
    }

    .additional-info-pet-walking-step-three-main .profile-details-inside-main {
        width: 100%;
    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== Progress sticky top start ==== */

    .wagzo-progress-flex {
        background: #ffffff;
        position: sticky;
        top: 0px;
        height: 40px;
        z-index: 9;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    .header-notification-dropdown-list-screen {
        min-width: 490px;
    }

    .wagzo-massage-pera-section {
        width: 78%;
    }

    /* ==== Progress sticky top end ==== */

    /* ==== sidebar start ==== */

    .mobile-scren-toggle-btn {
        display: block;
    }

    .mobile-scren-toggle-btn .toggle {
        position: relative;
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .mobile-scren-toggle-btn .toggle span {
        position: absolute;
        width: 40px;
        height: 4px;
        border-radius: 4px;
        background: #169748;
        transition: 0.5s;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(2) {
        transform: translateY(-12px);
        width: 25px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(3) {
        transform: translateY(12px);
        width: 15px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(3) {
        width: 40px;
        transform: translateX(0) rotate(-45deg);
        transition-delay: 0.4s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(2) {
        width: 40px;
        transform: translateX(0) rotate(45deg);
        transition-delay: 0.2s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(1) {
        transform: translateX(60px);
    }

    .wagzo-collapse-button-main {
        display: none;
    }

    .wagzo-sidebar-main {
        width: 260px;
        min-width: 260px;
        position: fixed;
        left: -260px;
        z-index: 9;
    }

    .wagzo-page-header-and-main-contant {
        width: 100%;
    }

    .wagzo-sidebar-main.active {
        left: 0px;
    }

    .wagzo-sidemenu-main {
        height: calc(100% - 218px);
    }

    .wagzo-logo-for-sidebar {
        padding: 24px 0px;
    }

    .wagzo-collapse-button-main {
        transform: rotate(180deg);
    }

    .desktop-view-logo {
        display: block;
    }

    .colaps-view-logo {
        display: none;
    }

    .wagzo-sidemenu-main ul li a span.navmenu-name {
        display: block;
    }

    .wagzo-sidemenu-main ul li a i.fa-angle-down {
        display: block;
    }

    ul li a {
        width: 100% !important;
        height: auto;
        justify-content: unset;
    }

    .wagzo-sidemenu-dropdown-main.active .wagzo-sidebar-dropdown-menu-list-main {
        display: block;
    }

    .wagzo-collapse-button-main {
        width: 32px;
        height: 32px;
    }

    .wagzo-sidebar-dropdown-menu-list-main {
        position: unset !important;
        margin-top: 8px;
    }

    .order-count-main {
        display: block;
    }

    .wagzo-pfl-sidebr-txt {
        display: flex;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a {
        background-color: white;
        padding: 12px;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-navmenu-icon {
        background-color: #00A650;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(106deg) brightness(100%) contrast(102%);
    }

    .pfl-smnu-dpdn-mn a img {
        filter: unset !important;
    }

    /* ==== sidebar end ==== */

    /* ==== product supplier dashboard page start ==== */

    .product-supplier-all-status-box-main-one {
        width: 32%;
    }

    /* ==== product supplier dashboard page end ==== */

    /* ==== New Order Request popup start ==== */

    .order-details-and-customer-details-popup-box-inside-main {
        height: 260px;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== order details page start ==== */

    .ordered-items-box-details-box-two-main,
    .order-items-details-customer-details-main-box,
    .order-details-action-box-main,
    .product-variations-add-new-product-page-box-one {
        width: 100%;
    }

    /* ==== order details page end ==== */

    /* ==== catalog-all-products page start ==== */

    .all-product-card-box-one-catalog {
        width: calc(49% - 3px);
    }

    .all-product-page-catalog-tab-section-main .all-page-commun-tab-header {
        width: 100%;
    }

    .product-catelogtital-and-available-box {
        gap: 16px;
        flex-wrap: wrap-reverse;
    }

    .add-new-product-create-and-cancel-button-main {
        width: 65%;
        flex-direction: row;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== profile page start ==== */

    .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 48%;
    }

    .profile-verified-box {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /* ==== profile page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-pageinside-main {
        padding: 20px;
    }

    .new-user-booking-earning-box-main {
        gap: 6px;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-req-timer-section-main {
        margin-bottom: 14px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup {
        margin-bottom: 14px;
    }

    .new-booking-time-and-duration-popup-box-one {
        margin-bottom: 14px;
    }

    .new-booking-user-location-details-popup-box {
        margin-bottom: 14px;
    }

    .new-user-booking-earning-box-main h5 {
        font-size: 22px;
    }

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
    .wagzo-web-portal-dashboard-view-page-box-one {
        flex-direction: column;
        gap: 24px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two,
    .wagzo-web-portal-dashboard-view-page-box-two {
        width: 100%;
    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard add new services page start ==== */

    .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.58%;
    }

    /* ==== web portal dashboard add new services page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 19%;
    }

    .pet-boarding-review-edit-box-inside-main {
        width: 49%;
    }

    .tab-two-main-step-three-box-two .packages-description-and-package-price-list .profile-details-inside-main {
        width: 48.80%;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total {
        justify-content: flex-start;
    }

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 49%;
    }

    .admin-portal-dashboard-box-main .top-product-this-week-box-main {
        width: 100%;
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: calc(33% - 5px);
    }

    .refnd-hstory-pg-box-one .product-supplier-all-status-box-main-one {
        width: calc(50% - 5px);
    }

    .admin-prtl-promotions-banner-upload-box-main .banner-item {
        width: calc(33% - 11px);
    }

    .admin-portal-add-admin-page-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: calc(50% - 8px);
    }

    .pt-txi-rgstion-itp-and-dlt .profile-details-inside-main {
        width: 45% !important;
        margin-bottom: 0px;
    }

    .admin-porta-dashboard-suppr-admin-password-securty-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: calc(33% - 9px);
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

}

@media (max-width: 767px) {

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 28px;
    }

    .wagzo-login-logo {
        width: 190px;
        margin-bottom: 8px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        margin-bottom: 6px;
    }

    .wagzo-login-head-and-pera-mn {
        margin-bottom: 24px;
    }

    .wagzo-login-itp-and-lbl-mn {
        margin-bottom: 20px;
    }

    .wagzo-or-text-and-sprtr-main {
        margin: 14px 0px;
    }

    .wagzo-login-itp-and-lbl-mn input {
        padding: 14px;
    }

    .wagzo-send-otp-button-main a {
        padding: 11px 16px;
    }

    .wagzo-login-itp-and-lbl-mn label {
        margin-bottom: 6px;
    }

    .sprtr-line-text {
        font-size: 20px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 24px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 24px;
    }

    /* ==== login page end ==== */

    /* ==== select user page start ==== */

    .select-user-page-main .service-provider-section-main {
        height: 182px;
    }

    .select-user-page-main .service-provider-image-main,
    .select-user-page-main .service-provider-image-main img {
        height: 100%;
    }

    /* ==== select user page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 40px 0px;
        margin-bottom: 40px;
    }

    .select-user-page-inside-main {
        flex-direction: row;
        justify-content: space-between;
    }

    .select-user-type-select-box-one-main {
        width: 48%;
    }

    .select-user-type-button-main {
        justify-content: center;
        gap: 20px;
    }

    .select-user-type-button-main a {
        width: 40%;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup page start ==== */

    .profile-details-box-one-main {
        gap: 16px;
    }

    .profile-details-inside-main {
        width: 48%;
    }

    .profile-details-box-three-main .profile-details-inside-main,
    .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 48%;
    }

    /* ==== profile setup page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
        padding: 0px;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 49.24%;
    }

    .wagzo-profile-stepu-pgres-main .progress-container {
        width: 82%;
    }

    .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 100%;
    }

    .step-two-box-insdie-one .profile-details-inside-main {
        width: 100%;
    }

    .tab-two-main-step-three-box-two .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 100%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 20px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
        margin-bottom: 20px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }
    .add-package-inside-main {
        padding: 32px;
    }
    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 28px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one {
        margin-bottom: 10px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 120px;
        height: 120px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-complete-icon-main img {
        width: 50px;
    }

    .additional-info-pet-walking-step-three-main .profile-details-inside-main {
        width: 100%;
    }

    .tb-one-main-step-three-box-one .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 100%;
    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== Progress sticky top start ==== */

    .wagzo-progress-flex {
        background: #ffffff;
        position: sticky;
        top: 0px;
        height: 40px;
        z-index: 9;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    .header-notification-dropdown-list-screen {
        min-width: 390px;
    }

    .wagzo-massage-pera-section {
        width: 95%;
    }

    .wagzo-header-noti-msg-box-three a {
        flex-direction: column;
        align-items: unset;
        position: relative;
        gap: 4px;
    }

    .wagzo-massage-time-and-dot-section {
        width: 100%;
        align-items: unset;
        justify-content: end;
        gap: 0px;
        flex-direction: row;
    }

    .wagzo-massage-time-and-dot-section span.green-dots-msg {
        position: absolute;
        top: 10px;
        right: 16px;
    }

    .header-main {
        padding: 22px 30px;
    }

    .wagzo-massage-pera-section h5 {
        margin-bottom: 4px;
    }



    .pfl-smnu-dpdn-mn li {
        padding-left: 10px;
        padding-right: 10px;
        align-items: baseline;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a {
        gap: 10px;
        font-size: 14px;
    }

    .pfl-smnu-dpdn-mn {
        right: -200px;
    }

    .acunt-stng-langs-profl {
        margin: 10px 0px;
        width: 128px;
        position: unset;
    }

    .acunt-stng-langs-profl .form-check {
        padding: 8px 10px 8px 34px;
    }

    .dpdn-for-lang-sd {
        margin-left: auto;
        padding: 10px 0px;
    }

    .dpdn-for-lang-sd .rotate-arrow {
        transform: rotate(180deg);
    }

    .wagzo-sidebar-main.active {

        .pfl-smnu-dpdn-mn {
            right: 0;
            bottom: 68px;
        }

    }

    /* ==== Progress sticky top end ==== */

    /* ==== sidebar start ==== */

    .mobile-scren-toggle-btn {
        display: block;
    }

    .mobile-scren-toggle-btn .toggle {
        position: relative;
        width: 50px;
        height: 50px;
        background: transparent;
        border-radius: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }

    .mobile-scren-toggle-btn .toggle span {
        position: absolute;
        width: 40px;
        height: 4px;
        border-radius: 4px;
        background: #169748;
        transition: 0.5s;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(2) {
        transform: translateY(-12px);
        width: 25px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle span:nth-child(3) {
        transform: translateY(12px);
        width: 15px;
        left: 7px;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(3) {
        width: 40px;
        transform: translateX(0) rotate(-45deg);
        transition-delay: 0.4s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(2) {
        width: 40px;
        transform: translateX(0) rotate(45deg);
        transition-delay: 0.2s;
    }

    .mobile-scren-toggle-btn .toggle.active span:nth-child(1) {
        transform: translateX(60px);
    }

    .wagzo-collapse-button-main {
        display: none;
    }

    .wagzo-sidebar-main {
        width: 260px;
        min-width: 260px;
        position: fixed;
        left: -260px;
        z-index: 9;
    }

    .wagzo-page-header-and-main-contant {
        width: 100%;
    }

    .wagzo-sidebar-main.active {
        left: 0px;
    }

    .wagzo-sidemenu-main {
        height: calc(100% - 218px);
    }

    .wagzo-logo-for-sidebar {
        padding: 24px 0px;
    }

    .wagzo-collapse-button-main {
        transform: rotate(180deg);
    }

    .desktop-view-logo {
        display: block;
    }

    .colaps-view-logo {
        display: none;
    }

    .wagzo-sidemenu-main ul li a span.navmenu-name {
        display: block;
    }

    .wagzo-sidemenu-main ul li a i.fa-angle-down {
        display: block;
    }

    ul li a {
        width: 100% !important;
        height: auto;
        justify-content: unset;
    }

    .wagzo-sidemenu-dropdown-main.active .wagzo-sidebar-dropdown-menu-list-main {
        display: block;
    }

    .wagzo-collapse-button-main {
        width: 32px;
        height: 32px;
    }

    .wagzo-sidebar-dropdown-menu-list-main {
        position: unset !important;
        margin-top: 8px;
    }

    .order-count-main {
        display: block;
    }

    .wagzo-pfl-sidebr-txt {
        display: flex;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a {
        background-color: white;
        padding: 12px;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-navmenu-icon {
        background-color: #00A650;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%) hue-rotate(106deg) brightness(100%) contrast(102%);
    }

    .pfl-smnu-dpdn-mn a img {
        filter: unset !important;
    }

    /* ==== sidebar end ==== */

    /* ==== product supplier dashboard page start ==== */

    .product-supplier-all-status-box-main-one {
        width: 49%;
    }

    .want-you-promote-text-box h2 {
        font-size: 18px;
    }

    /* ==== product supplier dashboard page end ==== */

    /* ==== New Order Request popup start ==== */

    .order-details-and-customer-details-popup-box-inside-main {
        height: 300px;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== order details page start ==== */

    .ordered-items-box-details-box-two-main,
    .order-items-details-customer-details-main-box,
    .order-details-action-box-main,
    .product-variations-add-new-product-page-box-one {
        width: 100%;
    }

    .order-items-and-customer-details-main {
        gap: 0px;
    }

    /* ==== order details page end ==== */

    /* ==== catalog-all-products page start ==== */

    .all-product-card-box-one-catalog {
        width: calc(49% - 5px);
    }

    .product-catelogtital-and-available-box {
        flex-wrap: wrap-reverse;
    }

    .all-product-page-catalog-tab-section-main .all-page-commun-tab-header {
        width: 100%;
    }

    .product-catelogtital-and-available-box h5 {
        width: 100%;
    }

    .product-catelogtital-and-available-box {
        gap: 16px;
    }

    .general-information-details-add-main .step-two-box-one-input-and-select-main,
    .description-genral-information-page-box {
        margin-bottom: 20px;
    }

    .other-information-genral-information-main {
        margin-bottom: 16px;
    }

    .product-variations-and-dpdn-main {
        flex-direction: column;
    }

    .product-variations-and-dpdn-main .step-two-box-one-input-and-select-main {
        flex-direction: column;
        margin-bottom: 0px;
    }

    .product-variations-and-dpdn-main .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 100%;
    }

    .add-new-product-create-and-cancel-button-main {
        width: 65%;
        flex-direction: row;
    }

    .inventory-add-stock-popup .adjustment-type-button-main button,
    .inventory-remove-stock-popup .adjustment-type-button-main button {
        width: 48%;
    }

    .inventory-add-stock-popup .reject-order-popup-heading-and-pera,
    .inventory-remove-stock-popup .reject-order-popup-heading-and-pera {
        width: 80%;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== message page start ==== */

    .msg-box-three-time-and-delete-main {
        flex-direction: row;
        gap: 14px;
        margin-left: auto;
    }

    .msges-ftr-box-main {
        flex-wrap: wrap;
    }

    .msges-box-two-insd-mn {
        flex-wrap: wrap;
    }

    /* ==== message page end ==== */

    /* ==== profile page start ==== */

    .profile-verified-box {
        flex-direction: row-reverse;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    /* ==== profile page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
    .wagzo-web-portal-dashboard-view-page-box-one {
        flex-direction: column;
        gap: 24px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two,
    .wagzo-web-portal-dashboard-view-page-box-two {
        width: 100%;
    }

    .wagzo-web-portal-dashboard-view-page-box-three h4,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two .profile-contant-text-box-one h4,
    .profile-image-and-contant-text-box-main .profile-contant-text-box-one h4 {
        font-size: 22px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three .profile-image-and-contant-text-box-main {
        align-items: center;
    }

    .wagzo-web-prtl-view-db-srvces-and-all-dtls-box-one {
        flex-direction: column;
    }

    .wagzo-web-prtl-view-db-srvces-and-all-dtls-box-two {
        width: 100%;
    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard add new services page start ==== */

    .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 49%;
    }

    .wb-prtl-schdule-note-box-main {
        align-items: baseline;
    }

    /* ==== web portal dashboard add new services page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 32.20%;
    }

    .pet-boarding-review-edit-box-inside-main {
        width: 49%;
    }

    .pbrebim-box-one {
        position: relative;
    }

    .pbrebim-box-five {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total {
        justify-content: flex-start;
    }

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 49%;
        flex-direction: column-reverse;
        gap: 14px;
    }

    .admin-portal-dashboard-box-main .top-product-this-week-box-main {
        width: 100%;
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: calc(49% - 0px);
    }

    .admin-portal-porsonal-info-box-two-main .order-details-name-and-contact-details-box-first {
        width: 100%;
    }

    .view-service-active-popup .reject-order-popup-heading-and-pera,
    .view-service-requested-popup .reject-order-popup-heading-and-pera,
    .view-service-approved-popup .reject-order-popup-heading-and-pera,
    .view-service-delivered-popup .reject-order-popup-heading-and-pera,
    .view-service-cancelled-popup .reject-order-popup-heading-and-pera,
    .view-service-rejected-popup .reject-order-popup-heading-and-pera,
    .view-product-req-popup .reject-order-popup-heading-and-pera {
        margin-bottom: 10px;
    }

    .view-service-active-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-requested-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-approved-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-delivered-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-cancelled-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-rejected-popup .admin-portal-porsonal-info-box-two-main,
    .view-product-req-popup .admin-portal-porsonal-info-box-two-main {
        gap: 10px;
        margin-bottom: 10px;
    }

    .view-service-active-popup .order-details-name-and-contact-details-box-first p,
    .view-service-requested-popup .order-details-name-and-contact-details-box-first p,
    .view-service-approved-popup .order-details-name-and-contact-details-box-first p,
    .view-service-delivered-popup .order-details-name-and-contact-details-box-first p,
    .view-service-cancelled-popup .order-details-name-and-contact-details-box-first p,
    .view-service-rejected-popup .order-details-name-and-contact-details-box-first p,
    .view-product-req-popup .order-details-name-and-contact-details-box-first p {
        margin-bottom: 6px;
    }

    .admin-prtl-promotions-banner-upload-box-main .banner-item {
        width: calc(50% - 10px);
    }

    .admin-portal-add-admin-page-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: calc(50% - 8px);
    }

    .pt-txi-rgstion-itp-and-dlt .profile-details-inside-main {
        width: 44% !important;
        margin-bottom: 0px;
    }

    .admin-porta-dashboard-suppr-admin-password-securty-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 100%;
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

}

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

    /* ==== login page start ==== */

    .wagzo-login-head-and-pera-mn h3 {
        font-size: 28px;
    }

    .wagzo-otp-verify-pera-and-change-phone-nmbr {
        margin-bottom: 18px;
    }

    .wagzo-otp-dont-received-pera {
        margin-bottom: 10px;
    }

    .wagzo-otp-resend-and-timer-main {
        margin-bottom: 20px;
    }

    /* ==== login page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 30px 0px;
        margin-bottom: 30px;
    }

    .select-user-page-inside-main {
        flex-direction: column;
        justify-content: unset;
    }

    .select-user-type-select-box-one-main {
        width: 100%;
    }

    .select-user-type-button-main {
        justify-content: center;
        gap: 20px;
    }

    .select-user-type-button-main a {
        width: 40%;
        font-size: 14px;
        padding: 10px;
    }

    .select-account-type-logo-main img {
        width: 180px;
    }

    .select-account-type-logo-main,
    .select-account-type-text-box-two {
        margin-bottom: 12px;
    }

    .select-account-type-text-box-one h4 {
        font-size: 26px;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup page start ==== */

    .profile-details-box-one-main {
        gap: 16px;
    }

    .profile-details-inside-main {
        width: 100%;
    }

    .profile-details-box-three-main .profile-details-inside-main,
    .profile-setup-company-page-box-one .profile-details-inside-main {
        width: 100%;
    }

    /* ==== profile setup page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 49%;
    }

    .wagzo-profile-stepu-pgres-main .progress-container {
        width: 78%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 130px;
        height: 130px;
        margin-bottom: 16px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 32px;
    }
    .add-package-inside-main {
        padding: 32px;
    }
    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-verification-inside-main {
        padding: 20px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo,
    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        margin-bottom: 16px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one,
    .profile-under-review-popup-main .profile-sent-for-varification-tital-two {
        margin-bottom: 8px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-complete-icon-main {
        width: 140px;
        height: 140px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-popup-logo img {
        width: 150px;
    }

    .pet-sitting-step-three-tital-main h6 {
        line-height: normal;
    }

    .pet-sitting-step-three-tital-main {
        margin-bottom: 10px;
    }

    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    .header-notification-dropdown-list-screen {
        min-width: 340px;
    }

    .wagzo-massage-pera-section {
        width: 95%;
    }

    .wagzo-header-noti-msg-box-three a {
        flex-direction: column;
        align-items: unset;
        position: relative;
        gap: 4px;
    }

    .wagzo-massage-time-and-dot-section {
        width: 100%;
        align-items: unset;
        justify-content: end;
        gap: 0px;
        flex-direction: row;
    }

    .wagzo-massage-time-and-dot-section span.green-dots-msg {
        position: absolute;
        top: 10px;
        right: 16px;
    }

    .header-main {
        padding: 22px 30px;
    }

    .wagzo-massage-pera-section h5 {
        margin-bottom: 4px;
    }

    .wagzo-massage-pera-section p {
        line-height: normal;
        font-family: 'Inter 18pt regular';
        font-size: 14px;
    }

    /* ==== Profile under review end ==== */

    /* ==== product supplier dashboard page start ==== */

    .product-supplier-all-status-box-main-one {
        width: 100%;
    }

    .want-you-promote-text-box h2 {
        font-size: 22px;
    }

    .wagzo-main-section {
        padding: 30px;
    }

    .wants-you-promote-box-one-main {
        flex-direction: column;
        padding: 20px;
    }

    /* ==== product supplier dashboard page end ==== */

    /* ==== New Order Request popup start ==== */

    .new-reqst-order-id-nmbr-popup h4 {
        font-size: 22px;
    }

    .new-reqest-order-popup-head,
    .new-req-timer-section-main {
        margin-bottom: 16px;
    }

    .order-details-name-and-contact-details-box-first {
        width: 100%;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== Reject Order popup start ==== */

    .reject-order-popup-heading-and-close-button-box-main {
        position: relative;
    }

    .reject-popup-close-button-icon {
        position: absolute;
        top: 0px;
        right: 0px;
    }

    .reject-order-popup-heading-and-pera h5 {
        margin-bottom: 14px;
    }

    /* ==== Reject Order popup end ==== */

    /* ==== catalog-all-products page start ==== */

    .all-product-card-box-one-catalog {
        width: 100%;
    }

    .product-catalog-sub-tital-box,
    .product-catalog-price-box-section {
        margin-bottom: 20px;
    }

    .general-information-details-add-main .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 100%;
    }

    .add-new-product-create-and-cancel-button-main {
        width: 75%;
        flex-direction: row;
    }

    .order-add-new-product-main-other-info-box-description-box-main {
        width: 100%;
    }

    .inventory-remove-stock-popup .reject-order-popup-heading-and-pera h5,
    .inventory-add-stock-popup .reject-order-popup-heading-and-pera h5 {
        font-size: 20px;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== message page start ==== */

    .msges-box-two-insd-mn {
        flex-direction: column;
    }

    .messages-inbox-tab-box-main .message-row {
        position: relative;
    }

    .msg-box-three-time-and-delete-main .delete-btn.single-delete {
        position: absolute;
        top: 14px;
        right: 14px;
    }

    /* ==== message page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-booking-request-popup-main .new-reqst-order-id-nmbr-popup h4 {
        font-size: 20px;
    }

    .new-user-booking-earning-box-main {
        width: 270px;
        gap: 6px;
        padding: 8px;
    }

    .new-booking-request-pageinside-main {
        padding: 20px;
    }

    .new-booking-req-animal-and-owner-box-one,
    .new-booking-time-and-duration-box-inside-one {
        width: 100%;
    }

    .new-booking-popup-request-owner-and-animal-contact {
        padding-bottom: 16px;
    }

    .new-booking-req-repso-box {
        height: 410px;
        overflow: auto;
        padding-right: 10px;
        scrollbar-width: thin;
        scrollbar-color: #00A650 white;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head .new-reqst-order-id-nmbr-popup {
        width: 88%;
        margin-bottom: 0px;
    }

    .new-booking-request-popup-main .new-reqest-order-popup-head .new-reqst-order-id-nmbr-popup h4 {
        line-height: unset;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
    .wagzo-web-portal-dashboard-view-page-box-one {
        flex-direction: column;
        gap: 18px;
    }

    .wagzo-web-portal-dashboard-view-page-box-three {
        flex-direction: column;
        align-items: unset;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
    .wagzo-web-portal-dashboard-view-page-box-one {
        margin-bottom: 20px;
    }

    .wagzo-web-prtl-view-db-srvces-and-all-dtls-box-two,
    .wagzo-web-prtl-view-db-srvces-and-all-dtls-box-one {
        gap: 20px;
    }

    .wagzo-web-prtl-view-db-srvces-and-all-dtls-box-one {
        margin-bottom: 20px;
    }

    .wb-prtl-schdule-note-box-main {
        flex-wrap: wrap;
    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard review page start ==== */

    .web-portal-box-review-image-and-name-box {
        flex-direction: column;
        align-items: unset;
    }

    /* ==== web portal dashboard review page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 31.95%;
    }

    .pet-boarding-review-edit-delete-box-main {
        flex-wrap: wrap;
    }

    .pet-boarding-review-edit-box-inside-main {
        width: 100%;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total {
        justify-content: flex-start;
    }

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 48%;
        flex-direction: column-reverse;
        gap: 14px;
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: calc(48% - 0px);
    }

    .usr-mngmnt-active-view-page-button-box-one {
        position: unset;
    }

    .admin-portal-porsonal-info-box-two-main {
        gap: 10px;
    }

    .admin-profile-view-page-tb-hdr .all-page-commun-tab-header {
        width: unset;
    }

    .admin-prtl-promotions-banner-upload-box-main .banner-item {
        width: 100%;
    }

    .admin-prtl-promotions-banner-upload-box-main .all-pet-owner-usr-mngmnt-pg-tital h4 {
        font-size: 18px;
    }

    .admin-portal-privacy-and-tearms-editor .wagzo-all-page-commun-heading-and-pera-main {
        margin-bottom: 22px;
    }

    .admin-portal-add-admin-page-box-one .step-two-box-one-input-and-select-main .profile-details-inside-main {
        width: 100%;
    }

    .pt-txi-rgstion-itp-and-dlt .profile-details-inside-main {
        width: 100% !important;
        margin-bottom: 0px;
    }

    .pt-txi-rgstion-itp-and-dlt {
        align-items: end;
        padding: 12px;
        border: 1px solid #999999;
        border-radius: 10px;
    }

    .profile-details-dlt-box {
        margin-bottom: 0px;
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

    .loader-wrap .circle {
        width: 100px;
        height: 100px;
    }

}

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

    /* ==== login page start ==== */

    .login-pagepopup-box-inside-main {
        padding: 20px;
    }

    .wagzo-login-head-and-pera-mn h3 {
        font-size: 26px;
    }

    .wagzo-login-option-main button {
        width: 30%;
        padding: 10px;
    }

    .wagzo-otp-enter-input-main input {
        width: 38px;
        min-width: 38px;
        height: 38px;
        font-size: 20px;
    }

    /* ==== login page end ==== */

    /* ==== select user page start ==== */

    .services-provider-text-box-one h5 br {
        display: none;
    }

    .services-provider-section-main-inside {
        padding: 14px;
    }

    .services-provider-text-box-one h5 {
        font-size: 16px;
    }

    .services-provider-text-box-one p {
        font-size: 14px;
    }

    .select-user-page-main .service-provider-section-main {
        height: 160px;
    }

    .services-provider-text-box-one p {
        min-height: unset;
        display: unset;
        align-items: unset;
    }

    .services-provider-icon-mn {
        margin-bottom: 10px;
    }

    .select-your-role-section-main {
        margin-bottom: 24px;
    }

    /* ==== select user page end ==== */

    /* ==== select account type page start ==== */

    .select-acount-typre-page-header-main {
        padding: 24px 0px;
        margin-bottom: 24px;
    }

    .select-account-type-text-box-one h4 {
        font-size: 22px;
    }

    .select-account-type-text-box-two p,
    .select-account-type-text-box-three p {
        font-size: 16px;
        line-height: normal;
    }

    .select-account-type-logo-main,
    .select-account-type-text-box-two {
        margin-bottom: 10px;
    }

    .select-user-type-select-box-one-main {
        padding: 16px;
    }

    .select-user-type-select-box-one-main .checkbox-mark {
        top: 10px;
        right: 10px;
    }

    .select-user-type-select-box-inside-one {
        width: 60px;
        height: 60px;
        margin-bottom: 16px;
    }

    .select-user-type-select-box-inside-two {
        mix-blend-mode: 8px;
    }

    /* ==== select account type page end ==== */

    /* ==== profile setup step start ==== */

    .wagzo-profile-stepu-pgres-main {
        width: 90%;
    }

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 48.70%;
    }

    .wagzo-profile-stepu-pgres-main .progress-container {
        width: 78%;
    }

    .wagzo-profile-stepu-pgres-main .btn-group {
        margin-top: 20px;
    }

    .wagzo-profile-stepu-pgres-main #nextBtn,
    .wagzo-profile-stepu-pgres-main #prevBtn {
        font-size: 14px;
        padding: 10px;
        width: 40%;
    }

    .wagzo-profile-stepu-pgres-main .btn-group {
        justify-content: center;
        gap: 20px;
    }

    .wagzo-progress-flex #stepTitle {
        font-size: 16px;
    }

    .step-two-box-one-input-and-select-main .profile-details-inside-main label,
    .step-two-box-insdie-one .profile-details-inside-main label {
        font-size: 14px;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile Sent For verification Popup start ==== */

    .profile-sent-for-varification-popup-logo,
    .profile-sent-for-varification-tital-one,
    .profile-sent-for-varification-tital-two {
        margin-bottom: 16px;
    }

    .profile-sent-for-varification-complete-icon-main {
        width: 130px;
        height: 130px;
        margin-bottom: 16px;
    }

    .profile-sent-for-verification-inside-main {
        padding: 20px;
    }
    .add-package-inside-main {
        padding: 20px;
    }

    .profile-sent-for-varification-complete-icon-main img {
        width: 60px;
    }

    /* ==== Profile Sent For verification Popup end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one h5 {
        font-size: 18px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-two p {
        font-size: 16px;
    }

    /* ==== Profile under review end ==== */

    /* ==== Profile Request Rejected popup start ==== */

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-one h5 {
        font-size: 20px;
    }

    .profile-request-rejected-popup-main .profile-sent-for-varification-tital-two p {
        font-size: 16px;
    }

    .pet-sitting-step-three-tital-main {
        margin-bottom: 8px;
    }

    .additional-info-pet-walking-step-three-main .profile-details-inside-main {
        width: 100%;
    }

    .additional-info-pet-walking-step-three-main .addition-info-pet-walking-rgstr-individual-stepthree-box-one-main .service-input-row {
        flex-wrap: wrap;
    }

    .addition-info-pet-walking-rgstr-individual-stepthree-box-one-main .add-new-row .input-container {
        flex-grow: 0;
    }

    .mobile-grooming-popup-inside-main {
        padding: 24px;
    }



    .wagzo-header-noti-msg-box-scrol-mn-inside {
        width: 100%;
        height: 262px;
    }

    .header-notification-dropdown-list-screen {
        min-width: 255px;
    }

    .wagzo-massage-pera-section {
        width: 95%;
    }

    .wagzo-header-noti-msg-box-three a {
        flex-direction: column;
        align-items: unset;
        position: relative;
        gap: 4px;
    }

    .wagzo-massage-time-and-dot-section {
        width: 100%;
        align-items: unset;
        justify-content: end;
        gap: 0px;
        flex-direction: row;
    }

    .wagzo-massage-time-and-dot-section span.green-dots-msg {
        position: absolute;
        top: 10px;
        right: 16px;
    }

    .header-main {
        padding: 16px 20px;
    }

    .wagzo-massage-pera-section h5 {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: normal;
    }

    .wagzo-massage-pera-section p {
        line-height: normal;
        font-family: 'Inter 18pt regular';
        font-size: 14px;
    }

    .wagzo-header-noti-msg-box-one h6 {
        font-size: 16px;
    }

    .wagzo-notification-profile-page-view-btn-hdr a,
    .pfl-smnu-dpdn-mn a .lgout,
    .pfl-smnu-dpdn-mn li a span {
        font-size: 14px;
    }

    .wagzo-notification-profile-page-view-btn-hdr,
    .wagzo-header-noti-msg-box-two,
    .wagzo-header-noti-msg-box-one {
        padding: 10px;
    }

    .header-notification-dropdown-list-screen {
        top: 58px;
        z-index: 9;
    }




    .pfl-smnu-dpdn-mn li {
        padding-left: 10px;
        padding-right: 10px;
        align-items: baseline;
    }

    .wagzo-profile-section-main-for-sidebar .wagzo-sidemenu-main ul li a {
        gap: 10px;
        font-size: 14px;
    }

    .pfl-smnu-dpdn-mn {
        right: -200px;
    }

    .acunt-stng-langs-profl {
        margin: 10px 0px;
        width: 128px;
        position: unset;
    }

    .acunt-stng-langs-profl .form-check {
        padding: 8px 10px 8px 34px;
    }

    .dpdn-for-lang-sd {
        margin-left: auto;
        padding: 10px 0px;
    }

    .dpdn-for-lang-sd .rotate-arrow {
        transform: rotate(180deg);
    }

    .wagzo-sidebar-main.active {

        .pfl-smnu-dpdn-mn {
            right: 0;
            bottom: 68px;
        }

    }

    /* ==== Profile Request Rejected popup end ==== */

    /* ==== product supplier dashboard page start ==== */

    .product-supplier-all-status-box-main-one {
        width: 100%;
    }

    .want-you-promote-text-box h2 {
        font-size: 22px;
    }

    .wagzo-main-section {
        padding: 20px;
    }

    .wants-you-promote-box-one-main {
        flex-direction: column;
        padding: 20px;
    }

    .wagzo-all-page-commun-heading-and-pera-main,
    .wants-you-promote-box-one-main,
    .product-supplier-all-status-box-one {
        margin-bottom: 20px;
    }

    .top-product-this-week-box-main {
        padding: 20px;
    }

    .top-product-heading-and-pera-box h4 {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .top-product-list-box-inside-main-seciton {
        padding: 18px;
        flex-direction: column;
        align-items: unset;
    }

    /* ==== product supplier dashboard page end ==== */

    /* ==== New Order Request popup start ==== */

    .new-reqst-order-id-nmbr-popup h4 {
        font-size: 20px;
    }

    .new-reqst-order-id-nmbr-popup {
        flex-wrap: wrap;
        gap: 12px;
        flex-direction: column;
        align-items: unset;
    }

    .new-reqest-order-popup-head {
        position: relative;
    }

    .new-req-order-popup-close-btn {
        position: absolute;
        right: 0px;
        top: 0px;
    }

    .new-order-reqest-popup-inside-main {
        padding: 18px;
    }

    .new-reqest-order-popup-head,
    .new-req-timer-section-main {
        margin-bottom: 16px;
    }

    .order-details-name-and-contact-details-box-first {
        width: 100%;
    }

    /* ==== New Order Request popup end ==== */

    /* ==== Reject Order popup start ==== */

    .reject-order-popup-inside-main {
        padding: 18px;
    }

    .reject-order-popup-heading-and-close-button-box-main,
    .reject-order-popup-textaria-box {
        margin-bottom: 18px;
    }

    .reject-order-popup-heading-and-pera h5 {
        margin-bottom: 10px;
        font-size: 22px;
    }

    /* ==== Reject Order popup end ==== */

    /* ==== Order rejected successfully popup start ==== */

    .order-rejected-cross-icon-box {
        width: 140px;
        height: 140px;
    }

    .order-rejected-successfully-popup-inside-main {
        padding: 30px;
    }

    /* ==== Order rejected successfully popup end ==== */

    /* ==== order details page start ==== */

    .ordered-items-box-details-box-two-main,
    .order-items-details-customer-details-main-box,
    .order-details-action-box-main,
    .order-details-page-main-box,
    .order-items-details-customer-details-box-two-inside-main,
    .order-items-details-customer-order-timeline-main {
        padding: 14px;
    }

    .order-items-details-customer-details-main-box {
        padding: 0px;
    }

    .order-items-and-customer-details-main {
        gap: 0px;
    }

    .ordered-items-details-tital-box h4 {
        font-size: 20px;
    }

    .order-details-order-id-box-one h4 {
        font-size: 22px;
    }

    .request-rejection-reason-box-main {
        padding: 12px;
    }

    /* ==== order details page end ==== */

    /* ==== catalog-all-products page start ==== */

    .product-catalog-price-box-section h6 {
        font-size: 22px;
    }

    .add-new-product-order-status-and-time-line-box {
        flex-direction: column;
        align-items: unset;
    }

    .add-new-product-status-and-time-line-availability-box-two {
        width: 100%;
    }

    .add-new-product-create-and-cancel-button-main {
        width: 80%;
        flex-direction: row;
    }

    .add-new-product-delivery-option-inside-box-one h6 {
        font-size: 18px;
    }

    .add-new-product-delivery-option-inside-box-one {
        padding: 20px 16px;
    }

    .inventory-add-stock-popup .adjustment-type-button-main button,
    .inventory-remove-stock-popup .adjustment-type-button-main button {
        font-size: 14px;
    }

    .inventory-add-stock-popup .reject-order-popup-button-cancel-and-reject-order a,
    .inventory-remove-stock-popup .reject-order-popup-button-cancel-and-reject-order a {
        padding: 14px;
        font-size: 14px;
    }

    /* ==== catalog-all-products page end ==== */

    /* ==== profile page start ==== */

    .profile-verified-box {
        flex-direction: column-reverse;
        align-items: unset;
        justify-content: space-between;
        width: fit-content;
    }

    .profile-contant-text-box-one h4 {
        margin-bottom: 8px;
        font-size: 22px;
    }

    .profile-contant-text-box-one p {
        margin-bottom: 14px;
    }

    .profile-mail-and-contact-nmbr-box,
    .profile-page-profile-box-one {
        gap: 8px;
    }

    /* ==== profile page end ==== */

    /* ==== web portal dashboard page start ==== */

    .new-user-booking-earning-box-main {
        width: 230px;
        gap: 4px;
        padding: 6px;
    }

    .new-user-booking-earning-box-main h5 {
        font-size: 22px;
    }

    .new-req-timer-section-main p {
        font-size: 18px;
    }

    .reject-order-popup-button-cancel-and-reject-order a {
        font-size: 14px;
        padding: 12px 22px;
    }

    /* ==== web portal dashboard page end ==== */

    /* ==== web portal dashboard active page start ==== */

    .wagzo-web-portal-dashboard-view-page-box-three h4,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two .profile-contant-text-box-one h4,
    .profile-image-and-contant-text-box-main .profile-contant-text-box-one h4 {
        font-size: 20px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main,
    .wagzo-web-portal-dashboard-view-page-box-one {
        flex-direction: column;
        gap: 14px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three .profile-image-and-contant-text-box-main,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three {
        flex-direction: column;
        align-items: unset;
        gap: 14px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three .profile-image-and-contant-text-box-main .profile-contant-text-box-one p {
        margin-bottom: 0px;
    }

    .wagzo-pt-detls-box-three,
    .web-prtl-pt-dtls-inside-box-four {
        padding: 16px;
    }

    .wagzo-pt-dtls-tital-main h6 {
        line-height: normal;
        margin-bottom: 14px;
        font-size: 18px;
    }

    .web-prtl-pt-dtls-inside-box-five {
        gap: 6px;
    }

    .web-prtl-pt-dtls-inside-box-five p {
        font-size: 16px;
    }

    .web-prtl-pt-dtls-inside-box-four {
        gap: 14px;
    }

    .wagzo-portal-addition-info-box-two {
        padding: 16px;
        flex-wrap: wrap;
        gap: 8px;
    }

    .wagzo-portal-addition-info-box-two p {
        font-size: 14px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two .profile-image-and-contant-text-box-main .profile-image-box-one,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three .profile-image-and-contant-text-box-main .profile-image-box-one {
        width: 80px;
        min-width: 80px;
        height: 80px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main .profile-image-and-contant-text-box-main {
        gap: 16px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main .profile-contant-text-box-one .profile-mail-and-contact-nmbr-box p {
        margin-bottom: 0px;
    }

    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-one-main .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two .profile-mail-and-contact-nmbr-box,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-two .profile-image-and-contant-text-box-main .profile-contant-text-box-one,
    .wagzo-web-prtl-db-view-page-user-and-anml-dtls-box-three .profile-image-and-contant-text-box-main .profile-contant-text-box-one {
        gap: 14px;
    }

    /* ==== web portal dashboard active page end ==== */

    /* ==== web portal dashboard add new services page start ==== */

    .wagzo-portal-dashboard-add-new-services-box-one .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 100%;
    }

    .wb-prtl-schdule-note-box-main {
        flex-wrap: wrap;
    }

    /* ==== web portal dashboard add new services page end ==== */

    /* ==== web portal dashboard review page start ==== */

    .wb-prtl-review-pera-box-main p {
        font-family: 'Inter 18pt regular';
    }

    /* ==== web portal dashboard review page end ==== */

    /* ==== web portal dashboard profile page start ==== */

    .web-portal-dashboard-profile-page-main-box .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 48.57%;
    }

    .web-portal-dashboard-profile-page-main-box .all-page-commun-tab-header {
        width: unset;
    }

    .ordered-items-details-tital-box h4 a {
        font-size: 18px;
    }

    .pet-boarding-profile-tab-cstm-bkng-and-pkgs-box .custom-banking-and-packages-tab-pnl-main-button button {
        padding: 14px 6px;
    }

    .web-portal-dashboard-profile-page-main-box .wb-db-schdual-date-slct-box-main .datepicker {
        width: 300px;
    }

    .web-portal-dashboard-profile-page-main-box .wb-db-schdual-date-slct-box-main .days div {
        width: 30px;
        min-width: 30px;
        height: 30px;
    }

    .web-portal-settting-terms-and-conditions-page-box .all-page-commun-tab-header {
        width: unset;
    }

    /* ==== web portal dashboard profile page end ==== */

    /* ==== ADMIN PORTAL DASHBOARD page start ==== */

    .admin-portal-dashboard-box-total .product-supplier-all-status-box-main-one {
        width: 100%;
        flex-direction: row;
        gap: 12px;
    }

    .admin-portal-dashboard-box-main .top-product-list-box-inside-main-seciton {
        flex-direction: row;
    }

    .admin-portal-dashboard-box-main .top-product-list-box-inside-main-seciton .admin-portal-db-top-prfoming-srvice-box {
        flex-direction: column;
        align-items: unset;
        gap: 12px;
    }

    .admin-prtl-usr-mngmnt .product-supplier-all-status-box-main-one {
        width: 100%;
    }

    .admin-portal-porsonal-info-box-two-main .order-details-name-and-contact-details-box-first h6 {
        font-size: 16px;
    }

    .admin-prtl-db-prfl-dtls-pg-active-main .all-pet-owner-usr-mngmnt-pg-tital h4 {
        line-height: normal;
    }

    .user-mngmnt-user-review-sec-box-main {
        padding: 16px;
    }

    .user-mng-mnt-review-name-star-and-pera-box-two button {
        font-size: 14px;
        padding: 13px 18px;
    }

    .admin-portal-usr-mmngmnt-pfl-dtls-rjct-rsn-box-main {
        margin-bottom: 20px;
    }

    .admn-prtl-ordr-and-bkng-tb-pnl {
        width: unset;
    }

    .view-service-active-popup .reject-order-popup-heading-and-pera,
    .view-service-requested-popup .reject-order-popup-heading-and-pera,
    .view-service-approved-popup .reject-order-popup-heading-and-pera,
    .view-service-delivered-popup .reject-order-popup-heading-and-pera,
    .view-service-cancelled-popup .reject-order-popup-heading-and-pera,
    .view-service-rejected-popup .reject-order-popup-heading-and-pera,
    .view-product-req-popup .reject-order-popup-heading-and-pera {
        margin-bottom: 8px;
    }

    .view-service-active-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-requested-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-approved-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-delivered-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-cancelled-popup .admin-portal-porsonal-info-box-two-main,
    .view-service-rejected-popup .admin-portal-porsonal-info-box-two-main,
    .view-product-req-popup .admin-portal-porsonal-info-box-two-main {
        gap: 8px;
        margin-bottom: 10px;
    }

    .view-service-active-popup .order-details-name-and-contact-details-box-first p,
    .view-service-requested-popup .order-details-name-and-contact-details-box-first p,
    .view-service-approved-popup .order-details-name-and-contact-details-box-first p,
    .view-service-delivered-popup .order-details-name-and-contact-details-box-first p,
    .view-service-cancelled-popup .order-details-name-and-contact-details-box-first p,
    .view-service-rejected-popup .order-details-name-and-contact-details-box-first p,
    .view-product-req-popup .order-details-name-and-contact-details-box-first p {
        margin-bottom: 6px;
    }

    .msg-search-box-one {
        width: 100%;
    }

    .admin-portal-privacy-and-tearms-editor .wagzo-all-page-commun-heading-and-pera-main {
        margin-bottom: 20px;
    }

    .admin-portal-privacy-and-tearms-editor .wagzo-all-page-commun-heading-and-pera-main h3 {
        font-size: 20px;
    }

    /* ==== ADMIN PORTAL DASHBOARD page end ==== */

    .heading-for-page-flow-demo h2 {
        font-size: 20px;
    }

}

/* == Extra responsive start ==== */

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

    .order-details-action-box-main .order-details-popup-button-box-main {
        flex-wrap: wrap;
        gap: 10px;
    }

    .order-details-action-box-main .order-details-popup-button-box-main a {
        width: 100%;
    }

}

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

    .select-user-page-main .service-provider-section-main {
        height: 180px;
    }

    .select-your-role-section-main {
        margin-bottom: 20px;
    }

    /* ==== profile setup step start ==== */

    .step-one-box-one-main .select-user-page-inside-main .select-user-type-select-box-one-main {
        width: 100%;
    }

    /* ==== profile setup step end ==== */

    /* ==== Profile under review start ==== */

    .profile-under-review-popup-main .profile-sent-for-varification-tital-one h5 {
        font-size: 18px;
    }

    .profile-under-review-popup-main .profile-sent-for-varification-tital-two p {
        font-size: 16px;
    }

    /* ==== Profile under review end ==== */

}

/* == Extra responsive End ==== */