/* responisve */
        
        @media screen and (max-width: 767px) {
            /* for about page - team section */
            .voice-change-btn .voice-change-img img { width: 100px; height: 100px; }
            .voice-change-inner {
                margin-left: 0px;
                display: flex;
                justify-content: space-around;
                padding: 0px 20px;
                column-gap: 50px;
                overflow-x: auto; /* Enable horizontal scrolling */
                white-space: nowrap; /* Prevent wrapping of flex items */
            }
            .checckout-founder-bio{ padding: 0px 20px; }
            
            /* global */
             :root {
                /*  all colors  */
                /* font */
                --xsmall-font: 3vw;
                --small-font: 3.1vw;
                --medium-font: 5vw;
                --xmedium-font: 5vw;
                --large-font: 5.5vw;
                --x-large-font: 6vw;
                /*  box shadow    */
            }
            .container {
                max-width: 100%;
                padding: 0 15px;
            }
            .container-fluid {
                max-width: 100%;
                padding: 0 15px;
            }
            /*  */
            .app-link li:first-child {
                margin-top: 0;
            }
            .app-link li a {
                font-size: 20px !important;
            }
            .app-link li {
                width: 25px;
                margin-left: 10px;
            }
            .download-app.downloadapp-white {
                max-width: 300px;
                margin: 0 auto;
                margin-top: 20px;
                margin-bottom: 20px;
            }
            .showcase img {
                width: 80px;
                height: 80px;
            }
            .positive-internet {
                position: relative;
                bottom: 0;
                padding: 15px 0;
                background: #f1f1f1;
            }
            .hero-block {
                position: relative;
                top: 5%;
                left: 0;
                right: 0;
                background: var(--gradient-bg);
                padding: 20px 0;
            }
            .hero-with-postive>img {
                display: none;
            }
            .common-padding {
                padding: 30px 0;
            }
            .updeed-community-grid ul#myTab li a {
                min-height: 50px;
            }
            .updeed-community-grid ul#myTab li {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .updeed-community-grid ul#myTab {
                border-bottom: 0;
                display: flex;
                flex-wrap: nowrap;
                margin-bottom: 30px;
                padding-bottom: 10px;
                flex-direction: column;
            }
            .footer {
                position: relative;
                background: var(--lgreen);
                padding-top: 15px;
            }
            .footer>img {
                display: none;
            }
            .checkout-wall {
                position: relative;
                top: 0;
                left: 0;
                right: 0;
                background: none;
            }
            .footer-green {
                position: relative;
                bottom: 0;
                left: 0;
                right: 0;
                padding: 15px 0;
                background: none;
                margin-top: 50px;
            }
            /*  */
            .box-33 {
                flex: 0 0 100%;
                max-width: 100%;
                height: auto
            }
            .box-66 {
                flex: 0 0 100%;
                max-width: 100%;
                height: auto;
            }
            .post-wall li {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .download-app li a {
                width: 130px;
                height: 40px;
                padding-right: 0px;
                padding-left: 35px
            }
            .download-app li a span {
                height: 20px;
                position: absolute;
                left: 10px;
                top: 10px;
                width: 20px;
                display: flex;
                font-size: var(--large-font);
            }
            .call-to-action {
                margin: 0 auto;
            }
            .custom_class_img_footer {
                margin-bottom: 15px
            }
            /* gratitude single */
            .box-50 {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .single-card-image img {
                border-radius: 15px 15px 0px 0px;
                display: flex;
            }
            .user-card-info {
                padding: 15px;
            }
            .single-post-card {
                height: auto;
            }
            .box-center-vertical {
                height: auto
            }
            .badge-line>img {
                object-fit: none;
                width: 100%;
                height: 100%;
                background: var(--lgreen);
            }
            .badge-line {
                position: relative;
                background: var(--lgreen);
                padding-bottom: 15px !important;
            }
            .newsletter-area .form-control {
                max-width: 100%;
                min-height: 50px;
                background: transparent;
                border: 1px solid var(--main);
                color: var(--main);
                border-radius: 8px;
                padding-left: 20px;
                font-size: var(--medium-font);
            }
            .btn.btn-white {
                width: 100%;
                background: var(--main);
                border-radius: 8px;
                font-size: var(--medium-font);
                font-weight: 700;
                color: #07cb6d;
                min-height: 50px;
                margin-top: 15px;
            }
            .logo-footer {
                max-width: 60%;
                margin: 0 auto;
            }
            .updeed-footer {
                padding: 20px 0px;
            }
            .download-app.downloadapp-white.mt-0 {
                flex-direction: row;
                align-items: self-start;
                max-width: 360px !important;
                margin-bottom: 0;
            }
            .footer-social {
                max-width: 110px
            }
            .footer-social li {
                display: inline-flex;
                width: 30px;
                height: 30px;
            }
            .quotes {
                position: absolute;
                top: -30px;
                left: 60px;
                width: 70px;
            }
            .testimonial-swiper .swiper-slide-active {
                transform: scale(1);
                position: relative;
                left: 0px;
            }
            .testimonial-swiper .swiper-slide-next {
                transform: scale(1);
            }
            .world-form {
                width: 100%;
                padding: 15px;
            }
            /* about */
            .community-cover {
                min-height: calc(50vh - 84px);
                height: auto
            }
            .quotes-info {
                padding-left: 80px;
            }
            .quotes-info sup {
                width: 60px;
            }
            .qotes-list-community {
                padding: 20px 0;
            }
            .circlec1 {
                max-width: 300px;
                height: 300px;
            }
            .circle-2,
            .circle-3 {
                max-width: 460px;
                flex: 0 0 100%;
                margin-top: 10px;
                margin-left: 0;
            }
            .circle-3 h6,
            .circle-2 h6 {
                text-align: center;
            }
            .know-more {
                width: 135px;
                height: 32px;
            }
            .founder-full-bio:before {
                height: 80px
            }
            .founder-big {
                margin-bottom: 30px;
            }
            .download-app {
                justify-content: space-evenly
            }
            .checckout-wall-title h2 {
                color: var(--main);
            }
            /* indidual */
            .box-40 {
                flex: 0 0 100%;
                max-width: 100%;
                order: 1;
                margin-bottom: 15px;
            }
            .box-60 {
                flex: 0 0 100%;
                max-width: 100%;
                display: flex;
                align-items: center;
                order: 2;
            }
            .minus-80 {
                margin-top: 0;
            }
            .user-image {
                max-width: 80px;
                position: absolute;
                top: 20px;
                left: 20px;
            }
            .card-post {
                margin: 10px
            }
            .card-post img {
                height: auto;
            }
            .line-overlap {
                position: relative;
            }
            .badge-line>img {
                display: none;
            }
            .community-screen {
                overflow: hidden;
            }
            .build-community {
                height: auto;
            }
            .banner-mind {
                margin-bottom: 15px;
            }
            .tree-banner {
                margin-top: -44px;
            }
            /**/
            .faq-block,
            .unsolved-query,
            .carrer {
                height: auto;
            }
            .carrer-1 {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .page-id-1525 .about-page {
                background-size: cover !important;
            }
            .rules-list {
                padding-top: 0;
                padding-left: 0;
            }
            .rules-list li {
                display: block;
                max-width: 100%;
                padding-left: 0px;
                position: relative;
                margin-bottom: 20px;
            }
            .no-inc {
                font-size: 7vw;
                font-weight: 700;
                color: var(--main);
                position: relative;
                top: 0;
                left: 0;
                border-bottom: 0;
                padding: 0 0;
                margin-top: 0;
                padding-left: 0;
            }
            .rule-ledger {
                display: flex;
                align-items: center;
                flex-wrap: wrap;
            }
            .rule-list-paragrah {
                padding: 20px 20px;
                position: relative;
                border-top: 3px solid #002860;
                flex: 0 0 75%;
                max-width: 75%;
                margin-left: 0;
            }
            .rules-list li:nth-child(even) {
                flex-direction: row !important;
                margin-left: auto;
                display: flex;
                padding-left: 0;
                padding-right: 0;
                margin-top: 10px;
                margin-bottom: 10px;
            }
            .rules-list li:nth-child(even) .no-inc {
                right: auto;
                left: 0;
            }
            .rules-list li:nth-child(even) .no-inc {
                padding-right: 0;
                padding-left: 0;
            }
            .rules-list li:nth-child(even) .rule-ledger {
                flex-direction: row;
                margin-left: auto;
                margin-right: 0;
            }
            .rules-list li:nth-child(even) .rule-ledger .rule-list-paragrah {
                margin-left: 0;
                margin-right: 0;
                text-align: left;
            }
            .intern-profile-look {
                background: var(--lgreen);
                flex: 0 0 100%;
                max-width: 100%;
                border-radius: 14px;
                padding: 4%;
                margin-top: 20px;
                margin-left: 0;
                position: relative;
                left: 0%;
                color: var(--main);
                font-weight: 500;
            }
            .intern-immage {
                flex: 0 0 100%;
                max-width: 100%;
                position: relative;
                z-index: 1;
            }
            .intern-profile-look img {
                position: relative;
                left: 0;
                top: -9px;
            }
            .updeed-50 {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .updeed-50:nth-child(1) {
                flex: 0 0 100%;
                max-width: 100%;
                order: 1;
            }
            .updeed-art {
                max-width: 100%;
                padding: 15px;
            }
            .ordinary-banner {
                min-height: 60vh;
                background-repeat: no-repeat !important;
                background-size: 100% !important;
                background-position: bottom !important;
                align-items: flex-start;
            }
            .about-page {
                align-items: flex-start;
                min-height: 46vh !important;
            }
            .carrer-page {
                background-repeat: no-repeat !important;
                background-size: cover !important;
            }
            .founder-bio p {
                max-height: initial;
                overflow-y: auto;
            }
            .founder-bio {
                min-height: auto
            }
            .form-input.d-flex.justify-content-center {
                flex-direction: column;
            }
            /*  */
            .blog-panel .post.box {
                min-height: auto;
            }
            .apply-form .move-image-gsap {
                display: block;
            }
            .apply-form .btn-white {
                min-width: 130px;
            }
            .form-input.d-flex.justify-content-center {
                display: flex;
                flex-wrap: wrap;
            }
            .about-updeed-info {
                margin: 15px 0;
            }
            .about-updeed-info img {
                position: relative;
                margin-bottom: 10px;
            }
            .connect {
                text-align: center;
                margin-bottom: 15px;
            }
            .page-id-1322 .row.justify-content-center.mt-5 {
                margin-top: 0 !important;
            }
            .swiper-content-text {
                max-width: 100%;
            }
            .subscribe-newsletter {
                margin-top: 15px;
            }
            /* 23-12-2021 */
            .latest-on-gratitudewall h2 {
                margin-top: 50px;
                margin-bottom: 0
            }
            .scr-down {
                display: none
            }
            .gratitude-wall h2 {
                color: var(--green);
            }
            .subscribe-newsletter {
                margin-top: 50px;
            }
            .backmodal {
                position: relative;
                margin: 0 0 15px auto;
            }
            .single-paragraph {
                max-height: 100%;
            }
            .min-width-80 {
                max-width: 100%;
            }
            .modal-300 {
                max-width: initial;
                position: relative;
                z-index: 11111;
            }
        }
        
        @media screen and (min-width: 768px) and (max-width: 991px) {
            /* global */
             :root {
                /*  all colors  */
                /* font */
                --xsmall-font: 1.4vw;
                --small-font: 1.5vw;
                --medium-font: 1.7vw;
                --xmedium-font: 1.8vw;
                --large-font: 2.5vw;
                --x-large-font: 3vw;
                /*  box shadow    */
            }
            .container {
                max-width: 100%;
                padding: 0 15px;
            }
            .container-fluid {
                max-width: 100%;
                padding: 0 15px;
            }
            .navbar-header .navbar-menu li {
                margin-left: 18px;
            }
            .app-link li {
                margin-left: 20px
            }
            .showcase img {
                width: 60px;
                height: 60px;
                margin-bottom: 20px;
            }
            .positive-internet {
                position: absolute;
                bottom: 6%;
            }
            .download-app li a span {
                width: 23px;
            }
            .download-app li a {
                height: 45px;
                width: 130px;
                padding-top: 4px;
                padding-bottom: 4px;
                padding-right: 4px;
                padding-left: 40px;
            }
            .quotes {
                position: absolute;
                top: -50px;
                left: 50px;
                width: 100px;
            }
            .world-map {
                min-height: 400px;
                margin-bottom: 0;
            }
            .common-padding {
                padding: 40px 0;
            }
            .badge-line>img {
                object-fit: none;
                width: 100%;
                height: 100%;
                background: var(--lgreen);
            }
            .footer img {
                height: 100%;
                object-fit: cover;
            }
            .footer {
                position: relative;
                height: auto;
            }
            .newsletter-area .form-control {
                max-width: 60%;
            }
            .checkout-wall {
                top: 0;
                padding-bottom: 30%;
                background-size: 100% 100%;
                margin-bottom: -20%;
            }
            .mt-50 {
                margin-top: 30px
            }
            .qotes-list-community {
                padding: 40px 0;
            }
            .circlec1 {
                max-width: 320px;
                height: 320px;
            }
            /* about  */
            .community-cover {
                height: calc(50vh - 84px);
                display: flex;
                align-items: center;
                background-position: center top;
            }
            .voice-change-btn .voice-change-img img {
                border-radius: 100px;
                width: 100px;
                background: #fff;
            }
            .circle-3 {
                flex: 0 0 50%;
                max-width: 460px;
                margin-top: -160px;
                margin-left: -100px;
                position: relative;
            }
            .circle-2 {
                max-width: 460px;
                flex: 0 0 50%;
                margin-top: -160px;
                position: relative;
            }
            /* indidual */
            .slide-with-app .swiper-slide {
                padding: 50px 0
            }
            .user-image {
                max-width: 80px;
                position: absolute;
                top: -30px;
                left: -10px;
            }
            .card-post img {
                height: 300px;
                object-fit: contain;
            }
            .card-post {
                margin: 20px 10px;
                min-height: 420px;
            }
            .tree-banner {
                margin-top: -100px;
            }
            /*  */
            .box-33 {
                max-width: 50%;
                flex: 0 0 50%;
                height: 100%;
                padding: 15px !important;
            }
            .box-66 {
                flex: 0 0 50%;
                max-width: 50%;
                padding: 15px;
                height: 100%;
            }
            /* .download-app li a {
        height: 50px;
        width: 160px;
    } */
            .download-app li a span {
                top: 10px
            }
            .post-wall li {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .download-app.downloadapp-white {
                max-width: 320px;
                margin: 0 auto;
                margin-top: 30px;
            }
            .hero-with-postive>img {
                width: 100%;
                height: 100%;
                background: #f1f1f1;
            }
            .hero-with-postive {
                height: 90vh
            }
            /* gratude single */
            .box-50 {
                max-width: 100%;
                flex: 0 0 100%;
            }
            .single-card-image img {
                border-radius: 15px 15px 0px 0px;
                display: flex;
            }
            .user-card-info {
                padding: 15px;
            }
            .box-center-vertical {
                height: auto
            }
            /*faq*/
            .carrer-1 {
                flex: 0 0 100%;
                max-width: 100%;
            }
            .page-id-1525 .about-page {
                background-size: cover !important;
            }
            .rules-list li:nth-child(even) {
                margin-top: -20px;
                margin-bottom: -20px;
            }
            .intern-profile-look {
                margin-top: 50px;
            }
            .ordinary-banner {
                min-height: 40vh;
                background-repeat: no-repeat !important;
                background-size: 100% !important;
                background-position: bottom !important;
            }
            .footer-green {
                background-position: top center;
                background-size: 100% 100%;
                padding-top: 10%;
                background-repeat: no-repeat;
                background: var(--gradient-bg);
            }
            .overlay-box h3 {
                font-size: 16px;
                font-weight: 600;
            }
            .overlay-box p {
                line-height: initial;
                margin-bottom: 0;
                padding-top: 0;
                font-size: 12px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                overflow: hidden;
                -webkit-box-orient: vertical;
            }
            .build-community {
                height: 50vh;
            }
            .phone-screenshot {
                position: relative;
                top: 40%;
            }
            .box .main img {
                height: 180px;
            }
            .app-link {
                padding-left: 15px;
            }
            .hero-content {
                max-width: 70%;
                margin: 0 auto;
            }
            /*  */
            .blog-panel .post.box {
                min-height: auto;
            }
        }
        
        @media screen and (min-width:992px) and (max-width:1280px) {
            /* global */
             :root {
                /*  all colors  */
                /* font */
                --xsmall-font: 1.2vw;
                --small-font: 1.5vw;
                --medium-font: 1.7vw;
                --xmedium-font: 1.8vw;
                --large-font: 2.5vw;
                --x-large-font: 3vw;
                /*  box shadow    */
            }
            .container {
                max-width: 100%;
                padding: 0 15px;
            }
            .container-fluid {
                max-width: 100%;
                padding: 0 15px;
            }
            .navbar-header .navbar-menu li {
                margin-left: 18px;
            }
            .app-link li {
                margin-left: 20px
            }
            .showcase img {
                width: 60px;
                height: 60px;
                margin-bottom: 20px;
            }
            .positive-internet {
                position: absolute;
                bottom: 6%;
            }
            .download-app li a span {
                width: auto;
                height: 24px;
            }
            .download-app li a {
                height: 45px;
                width: 130px;
                padding-top: 4px;
                padding-bottom: 4px;
                padding-right: 4px;
                padding-left: 40px;
            }
            .quotes {
                position: absolute;
                top: -50px;
                left: 50px;
                width: 100px;
            }
            .world-map {
                min-height: 460px;
                margin-bottom: 0;
            }
            .common-padding {
                padding: 40px 0;
            }
            .badge-line>img {
                object-fit: none;
                width: 100%;
                height: 100%;
                background: var(--lgreen);
            }
            .footer img {
                height: 100%;
                object-fit: cover;
            }
            .footer {
                position: relative;
                height: auto;
            }
            .newsletter-area .form-control {
                max-width: 60%;
            }
            .checkout-wall {
                top: 0px;
                background-size: 100% 100% !important;
                padding-bottom: 30%;
                margin-bottom: -32%;
            }
            .mt-50 {
                margin-top: 30px
            }
            .qotes-list-community {
                padding: 40px 0;
            }
            .circlec1 {
                max-width: 320px;
                height: 320px;
            }
            /* about  */
            .community-cover {
                height: calc(70vh - 84px);
                display: flex;
                align-items: center;
                background-position: center top;
            }
            .voice-change-btn .voice-change-img img {
                border-radius: 100px;
                width: 100px;
                background: #fff;
            }
            .circle-3 {
                flex: 0 0 50%;
                max-width: 460px;
                margin-top: -160px;
                margin-left: -100px;
                position: relative;
            }
            .circle-2 {
                max-width: 460px;
                flex: 0 0 50%;
                margin-top: -160px;
                position: relative;
            }
            /* indidual */
            .slide-with-app .swiper-slide {
                padding: 50px 0
            }
            .user-image {
                max-width: 100px;
                position: absolute;
                top: -40px;
                left: -40px;
            }
            .card-post img {
                height: 300px;
                object-fit: contain;
            }
            .card-post {
                margin: 20px 10px;
                min-height: 420px;
            }
            .tree-banner {
                margin-top: -100px;
            }
            /*  */
            .box-33 {
                max-width: 40%;
                flex: 0 0 40%;
                height: 100%;
                padding: 15px !important;
            }
            .box-66 {
                flex: 0 0 60%;
                max-width: 60%;
                padding: 15px;
                height: 100%;
            }
            .download-app li a {
                height: 50px;
                width: 155px;
            }
            .post-wall li {
                flex: 0 0 50%;
                max-width: 50%;
                padding: 0 15px;
            }
            /* gratitude single */
            .author-info {
                position: relative;
                padding-left: 80px;
                margin-bottom: 25px;
                min-height: auto;
            }
            .author-info img {
                width: 60px;
                height: 60px;
            }
            .user-card-info {
                padding: 15px
            }
            .single-card-image img {
                object-fit: contain;
            }
            .single-post-card {
                max-height: 55%;
            }
            .custom_class_img_footer img {
                max-height: 200px !important;
                object-fit: contain;
                width: 100%;
            }
            .tree-view img {
                height: 210px;
                margin: 0 0 0 auto;
                display: table;
            }
            .about-page {
                height: 75vh;
            }
            .tab-box {
                min-height: 550px;
                padding-top: 8.5%;
            }
            .voice-change-btn {
                margin-left: 5px;
            }
            .hero-with-postive>img {
                width: 100%;
                background: #f1f1f1;
            }
            .hero-content {
                max-width: 80%;
                margin: 0 auto;
            }
            .overlay-box p {
                line-height: initial;
                margin-bottom: 0;
                padding-top: 0;
                font-size: 12px;
                display: -webkit-box;
                -webkit-line-clamp: 6;
                overflow: hidden;
                -webkit-box-orient: vertical;
            }
            .overlay-box h3 {
                font-size: 16px;
                font-weight: 600;
            }
            .overlay-box p {
                line-height: initial;
                margin-bottom: 0;
                padding-top: 0;
                font-size: 12px;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                overflow: hidden;
                -webkit-box-orient: vertical;
            }
            .build-community {
                height: 50vh;
            }
            .phone-screenshot {
                position: relative;
                top: 40%;
            }
            .box .main img {
                height: 180px;
            }
        }
        
        @media screen and (min-width:1281px) and (max-width:1440px) {
            body {
                font-size: 14px
            }
            /* global */
            .gratitude-wall {
                padding: 2%;
            }
            .download-app li a {
                width: 140px;
                font-size: 12px;
            }
            .quotes {
                top: -70px;
                width: 140px;
            }
            .checckout-wall-title.text-center.mt-50 {
                margin-top: 0;
            }
            .download-app li a {
                position: relative;
                padding-left: 30px;
                border: 1px solid var(--black);
                border-radius: 4px;
                text-align: left;
                padding-top: 4px;
                padding-bottom: 4px;
                padding-right: 4px;
                width: 140px;
                color: var(--black);
                height: 45px;
                font-size: 14px;
                font-weight: 600;
                text-decoration: none;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .download-app li a span {
                height: 19px;
                position: absolute;
                left: 10px;
                top: 10px;
                width: 20px;
                display: flex;
                font-size: 18px;
            }
            .download-app li a p {
                margin-bottom: 0;
                line-height: 18px;
                font-size: 14px;
                font-weight: 600;
            }
            .faq-points li {
                margin-bottom: 5px;
                padding: 15px 15px;
            }
            .faq-list h2 {
                margin-bottom: 0;
            }
            .faqimg {
                max-height: 500px;
            }
        }
        /*  */
        
        .apply-form .form-input .form-control option {
            color: #000;
        }