@media only screen and (max-width: 600px) {
    .p-mo{
        padding: 0px 0px;
    }
    .navbar-expand-lg {
        padding: 0px 0px;
        border-bottom: 0px solid var(--Yellow-Stroke, #E8E5D4);
        background: var(--Nuetral-White, #FFF);
    }
    .logo-mo-padding{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 24px 24px;
        border-bottom: 1px solid #E8E5D4;
        background: #fff;
        height: 120px;
    }
    .banlance-p-mo{
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0px 24px;
        border-bottom: 1px solid #E8E5D4;
        padding-bottom: 20px;
        padding-top: 40px;

    }
    .dropdown-menu-ul li a {
        color: var(--Accent-Green, #355C5B);
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }
    .dropdown-menu-ul {
        width: 100%;
        overflow: hidden;
        max-width: 375px;
    }
    .nav-link{
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        padding: 24px 0px;
    }
    .navbar-nav li{
        border-bottom: 1px solid #E8E5D4;
    }
    .navbar-nav li:last-child{
        border-bottom: 0px solid #E8E5D4;
    }
    .p-wallet{
        display: flex;
        padding: 12px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 10px;
        background: var(--Accent-Green, #355C5B);
        color: var(--Nuetral-White, #FFF);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        margin-bottom: 12px !important;
    }
    .p-mo-acc{
        display: flex;
        padding: 12px 20px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        border-radius: 10px;
        border: 1px solid var(--Accent-Green, #355C5B);
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: 0.48px;
        text-transform: uppercase;
    }
    .navbar-expand-lg .navbar-nav {
        gap: 0px;
        margin-left: 0px;
        text-align: center;
        background: #fff;
    }
    .div-right-box{
        display: none !important;
    }
    .dropdown-menu-ul {
        padding-left: 0px;
        column-count: 3;
    }
    .navbar-toggler-icon{
        background: url(../Lenz-img/humberg.svg) no-repeat;
        background-position:  center center;
        background-size: cover;
        width: 24px;
        height: 16px;
        max-width: 100%;
    }
    .navbar-toggler{
        border:0px;
    }
    .header-is-active .navbar-toggler-icon{
        background: url(../Lenz-img/X.svg) !important;
        width: 24px;
        height: 24px;
        background-position: center center;
        background-size: cover !important;
    }
    .dropdown-menu-ul li {
        list-style: none;
        border: 0px !important;
    }
    .dropdown-toggle::after {
        display: inline-block;
        content: "";
        border: 0px;
        background: url(../Lenz-img/down-icon.svg) no-repeat;
        background-position: center center;
        background-size: cover;
        width: 15px;
        height: 8px;
        transition: all .6s;
        transform: rotate(0deg);
        position: absolute;
        top: 30px;
        right: 33%;
    }
    .dropdown-toggle.show::after {
        display: inline-block;
        content: "";
        border: 0px;
        background: url(../Lenz-img/down-iocn-g.svg) no-repeat;
        background-position: center center;
        background-size: cover;
        width: 15px;
        height: 8px;
        transform: rotate(0deg);
        position: absolute;
        top: 30px;
        right: 33%;
    }
    .drop-ul-box {
        border-radius: 10px;
        border: 1px solid var(--Yellow-Stroke, #E8E5D4);
        background: var(--Nuetral-White, #FFF);
        box-shadow: 12px 12px 24px 0px rgba(76, 122, 107, 0.12);
        width: 100%;
        padding: 24px 0px;
    }
    .logo-mo-padding img{
        height: 81px;
        width: 163px;
    }
    
}
/* -------------------------home------------------------ */
@media only screen and (max-width: 600px) {
    .one-box-animation {
        width: 672px;
        position: absolute;
        left: 75px;
        transform: rotate(-13deg);
        top: 0px;
        display: none;
    }
    .marquee--vertical img {
        width: 132px;
        height: 205px;
        border-radius: 0px;
    }
    .three-box-animation {
        width: 280px;
        position: absolute;
        right: 75px;
        transform: rotate(49deg);
        top: 44.5rem;
    }
    .marquee-one {
        left: -7.5rem;
    }
    .two-box-animation {
        width: 100%;
        position: absolute;
        left: 254px;
        transform: rotate(49deg);
        top: 13rem;
        margin: auto;
        max-width: 100%;
        right: 0px;
        height: 392px;
        bottom: 0px;
    }
    .home-banner-main {
        background: url(../Lenz-img/Hero-bg-mo.png) no-repeat;
        background-position: center center;
        background-size: cover;
        height: 812px;
        padding-top: 230px;
        padding: 0px 24px;
        padding-top: 148px;
    }
      .home-content-box h2{
          color: var(--Accent-Green, #355C5B);
          text-align: center;
          font-family: "LT Afficher Neue 2";
          font-size: 32px;
          font-style: normal;
          font-weight: 500;
          line-height: 115%;
          text-transform: capitalize;
          margin-bottom: 12px;
      }
      .home-content-box p{
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%; /* 25.6px */
        margin-bottom: 24px;
      }
      .input-group {
        padding: 8px 8px 8px 12px;
        border-radius: 12px;
        border: 1px solid var(--Nuetral-Gray-Stroke, #E7E7E7);
        background: var(--Nuetral-White, #FFF);
        box-shadow: 12px 12px 24px 0px rgba(76, 122, 107, 0.12);
    }
    .arrow-btn .btn-wrap {
        display: flex;
        gap: 8px;
        justify-content: center;
    }
    .expoler-gategories {
        background: var(--Yellow-Light-Yellow, #FFFDF0);
        padding: 40px 0px 40px 0px;
    }
    .brawse-images h5 {
        color: var(--Nuetral-White, #FFF);
        font-family: "LT Afficher Neue";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        position: absolute;
        bottom: 24px;
        left: 24px;
        margin-bottom: 0px;
    }
    .expoler-gategories h2 {
        color: var(--Accent-Green, #355C5B);
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .expoler-gategories .btn {
        margin: auto;
        width: 327px;
        max-width: 100%;
        display: block;
        padding: 12px 20px;
        height: 54px;
        max-width: 100%;
        margin-left: 0px;
        margin: auto;
        margin-left: auto;
        transform: translate(0px, 0px);
        display: flex;
        justify-content: center;
        align-items: center;

    }
    .accordion-item:last-of-type {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    .expoler-gategories p {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 24px;
    }
    .brawse-images {
        padding: 24px 0px;
    }  
    .brawse-images .item .card img {
        width: 270px;
        height: 344px;
        max-width: 100%;
        margin-bottom: 0;
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
    .brawse-images .item .card {
        text-align: center;
        padding: 0px 0px;
        border: 0;
        border-bottom: 0px;
        border-top: 0px;
        border-radius: 0px;
        padding: 0px 24px;
        overflow: hidden;
        width: 270px;
        height: 344px;
        max-width: 100%;
    }          
    .expoler-gategories .row{
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 0px 24px 0px 24px;
    }
    .upgrad-section-content {
        background: url(../Lenz-img/green-icon-no.png) no-repeat;
        background-position: center center;
        background-size: 100% 100%;
        height: 391px;
        position: relative;
        display: flex;
        justify-content: left;
        align-items: center;
        padding-left: 0px;
    }  
    .upgrad-section-content h2 {
        color: var(--Nuetral-White, #FFF);
        font-family: "LT Afficher Neue 2";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 8px;
        text-align: center;
    }
    .upgrad-section-video {
        position: relative;
        width: 100%;
        height: 203px;
        max-width: 100%;
        z-index: 1;
    }
    .upgrad-section-content h3 {
        color: var(--Nuetral-White, #FFF);
        font-family: "LT Afficher Neue 2";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 12px;
        text-align: center;
    }
    .upgrad-section-content .btn {
        border-radius: 10px;
        border: 1px solid var(--Yellow-Light-Yellow, #FFFDF0);
        color: #FFF;
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
        padding: 12px 16px;
        height: 44px;
        width: 100%;
    }    
    .upgrad-section-content li {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        list-style: none;
        position: relative;
        margin-bottom: 8px;
        text-align: center;
        width: max-content;
        margin: auto;
    }
    .upgrad-section-content div {
        width: 100%;
        max-width: 100%;
        padding: 0px 33px;
    }
    .upgrad-section .container-fluid {
        margin-bottom: 0px;
    }
    .how-to-do {
        padding: 40px 0px 48px;
    }
    .how-to-do h2 {
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .item .card {
        text-align: center;
        padding: 32px 24px;
        border: 1px solid var(--Accent-Light-Green, #88A3A2);
        border-bottom: 0px;
        border-top: 0px;
        border-radius: 0px;
    }
    .how-to-do .container-fluid {
        border: 1px solid var(--Accent-Light-Green, #88A3A2);
        border-left: 0px;
        border-right: 0px;
        margin-bottom: 24px;
    }    
    .how-to-do .owl-dots .owl-dot{
        width: 12px;
        height: 12px;
        background: #E7E7E7;
        border-radius: 10px;
    }
    .how-to-do .img-how-to-do {
        margin: auto;
        display: block;
        margin-bottom: 24px;
        width: 556px;
        height: 35.831px;
        max-width: 100%;
        object-fit: cover;
        width: 278px;
        height: 17.916px;
    }    
    .item p {
        color: #0F0F0F;
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 0px;
    }
    .how-to-do .owl-dots{
        text-align: center;
        display: flex;
        gap: 10px;
        position: absolute;
        width: 100%;
        margin: auto;
        justify-content: center;
        bottom: -38px;
    }
    .owl-dot.active{
        background:#355C5B !important;
    }
    .item .card img {
        width: 71px;
        height: 61px;
        margin: auto;
        margin-bottom: 24px;
    }
    .how-story {
        padding: 40px 10px;
    }
    .input-group {
        position: relative;
        width: 100%;
        height: 56px;
    }
    .our-story-video {
        position: relative;
        height: 502px;
        border-radius: 10px;
        padding: 40px 22px;
    }
    .video-content h2 {
        color: var(--Nuetral-White, #FFF);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 12px;
    }
    .video-content .btn-green {
        padding: 11px 20px;
        border-radius: 10px;
        background: var(--Accent-Green, #355C5B);
        color: var(--Nuetral-White, #FFF);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
        width: 100%;
        height: 43px;
    }
    .home-left-faqs h2 {
        color: var(--Accent-Green, #355C5B);
        font-family: "LT Afficher Neue 2";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 8px;
    }
    .home-left-faqs .btn {
        height: 47px;
        width: 100%;
        padding: 12px 20px;
        max-width: 100%;
    }
    .home-left-faqs {
        width: 100%;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .home-faqs {
        border-top: 1px solid var(--Yellow-Stroke, #E8E5D4);
        border-bottom: 1px solid var(--Yellow-Stroke, #E8E5D4);
        background: var(--Yellow-Light-Yellow, #FFFDF0);
        padding: 40px 12px;
    }
    .home-right-faqs h2 button {
        background: transparent !important;
        box-shadow: none !important;
        padding: 24px 0px;
    }
    .home-right-faqs .accordion-body p {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 0px;
        margin-top: -12px;
    }
    .home-left-faqs p {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 24px;
    }
    .home-right-faqs h2 button {
        color: var(--Accent-Green, #355C5B) !important;
        font-family: "LT Afficher Neue 2";
        font-size: 24px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
    }    
    .accordion-body {
        margin-top: -12px;
        padding: 0px 0px;
        padding-bottom: 24px;
    }
    .form-check-input:checked {
        background-color: #355C5B;
        border-color: #355C5B;
    }
    .video-content {
        width: 600px;
        max-width: 100%;
        margin: auto;
        text-align: center;
        padding: 35px 0px;
    }
    .video-content p {
        color: var(--Nuetral-White, #FFF);
        text-align: center;
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 24px;
    }    
    .our-story-video::before {
        content: "";
        background: url(../Lenz-img/Group-1.png) no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        top: 26px;
        width: 278px;
        height: 17px;
        margin: auto;
        left: 0px;
        right: 0px;
    }
    .our-story-video::after {
        content: "";
        background: url(../Lenz-img/Group-2.png) no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        bottom: 26px;
        width: 278px;
        height: 17px;
        margin: auto;
        left: 0px;
        right: 0px;
    }
    .home-right-contact {
        background: url(../Lenz-img/girl-card-bg-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        height: 645px;
        width: 327px;
        margin: auto;
        padding: 32px 24px;
    }
    .home-right-contact h3 {
        color: var(--Nuetral-White, #FFF);
        font-family: "LT Afficher Neue Bold 2";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 12px;
    }
    .home-right-contact p {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
    }
    .home-left-contact .btn{
        width: 100%;
        margin-top: 16px;
        height: 43px;
        padding: 11px 20px;
        font-size: 12px;
    }
    .home-left-contact .form-control {
        margin-bottom: 16px;
    }
    .home-left-contact textarea {
        margin-bottom: 16px;
    }
    .form-check {
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .home-left-contact{
        padding:24px 14px 0px;
    }
    .home-left-contact label {
        margin-bottom: 4px;
    }
    .home-last-section {
        border-top: 1px solid var(--Yellow-Stroke, #E8E5D4);
        background: var(--Yellow-Light-Yellow, #FFFDF0);
        padding: 40px 0px;
    }
}
@media only screen and (min-width: 750px)  and (max-width: 800px)  {
    .home-left-faqs {
        width: 500px;
        max-width: 100%;
        margin: auto;
        text-align: center;
    }
    .logo-mo-padding{
        display: flex;
        width: 100%;
        max-width: 100%;
        justify-content: space-between;
        align-items: center;
    }
}
@media only screen and (max-width: 600px) {
    .temp-content h2 {
        color: var(--Accent-Green, #355C5B);
        text-align: center;
        font-family: "LT Afficher Neue";
        font-size: 32px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 24px;
    }
    .temp-content p {
        color: var(--Nuetral-Almost-Black, #0F0F0F);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
    }
    .policy-section {
        margin-top: 112px;
        padding: 40px 14px 26px;
    }
    .error-video {
        position: relative;
        height: 366px;
        width: 1162px;
        max-width: 100%;
        z-index: 1;
    }
    .error-section {
        padding: 0px 0px;
        margin-top: 121px;
    }
    .error-content {
        width: 390px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 375px;
        padding: 72px 24px 32px 24px;
        gap: 0px;
        opacity: 0px;
        margin: auto;
        margin-top: 33px;
    }
    .error-content div {
        display: flex;
        gap: 12px;
        flex-direction: column-reverse;
        width: 100%;
    }    
    .error-content .btn{
        width: 100%;

    }
    .error-content::after {
        content: "";
        background: url(../Lenz-img/404-img.png) no-repeat;
        background-position: center center;
        background-size: contain;
        position: absolute;
        transform: translate(10px, -94px);
        width: 246px;
        height: 176px;
        z-index: -1;
    }
    .error-content h2 {
        font-family: 'LT Afficher Neue';
        font-size: 33px;
        font-weight: 500;
        line-height: 64.4px;
        text-align: center;
        color: #0F0F0F;
        margin-bottom: 12px;
    }
    .error-content p {
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 300;
        line-height: 25.6px;
        text-align: center;
        color: #0F0F0F;
        margin-bottom: 24px;
    }
        
}
@media only screen and (max-width: 600px) {
    .footer-add-main {
        padding-left: 0px;
        text-align: center;
        padding: 0px 60px;
        margin-top: 24px;
    }
    .menu-h3-menu{
        margin-bottom: 24px;
    }
    .menu-h3-menu ul{
        column-count: 3;
        text-align: center;
        padding: 0px 24px;
        margin-bottom: 24px;
    }
    .menu-h3-ul ul {
        column-count: 3;
        width: 615px;
        max-width: 100%;
        padding: 0px 24px;
        text-align: center;
    }
    .footer h3 {
        color: var(--Nuetral-White, #FFF);
        font-family: 'LT Afficher Neue Medium 1';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 115%;
        text-transform: capitalize;
        margin-bottom: 12px;
        text-align: center;
    }
    .menu-h3 li a {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }
    .menu-h3 li {
        list-style: none;
        margin-bottom: 6px;
    }
    .row-logo {
        align-items: center;
        margin-bottom: 32px;
        display: block;
        justify-content: center;
        align-items: center;
    }
    .logo-left{
        text-align: center;
    }
    .logo-right {
        text-align: center;
        margin-top: 16px;
    }    
    .border-top-div {
        display: flex;
        justify-content: space-between;
        flex-direction: column-reverse;
        text-align: center;
    }
    .border-top-div ul {
        display: flex;
        gap: 24px;
        justify-content: center;
        padding: 0px;
    }
    .border-top-div {
        border-top: 1px solid #88A3A2;
        width: 86%;
        max-width: 100%;
        margin: auto;
        margin-top: 8px;
        padding-top: 24px;
    }
    .copy-p-ul ul {
        margin-bottom:8px;
    }
    .input-group .btn {
        position: relative;
        z-index: 2;
        padding: 14px 18px;
        width: 56px;
        height: 40px;
    }
    .btn-wrap button {
        border-radius: 8px;
        background: var(--Accent-Green, #355C5B);
        display: flex;
        padding: 10px;
        align-items: center;
        justify-content: center;
        gap: 10px;
        border: 0px;
        height: 44px;
        width: 44px;
    }
    .btn-wrap svg{
        width:13px;
        height:12px;
        max-width:100%;
    }
    .menu-h3 p {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
        margin-bottom: 16px;
        padding: 0px 28px;
    }
    .footer {
        background: url(../Lenz-img/Footer-bg-mo.png) no-repeat;
        background-size: cover;
        background-position: center center;
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .border-top-div li a {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: 0.56px;
        text-transform: uppercase;
    }
    .copy-p p {
        color: var(--Nuetral-White, #FFF);
        font-family: "Inter Tight";
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%;
        margin-bottom: 0px;
    }
}