@media (max-width: 1320px) {

 
    .timeline-item .content {
        width: 250px;
    }

 
    .timeline-item.right .content {
       /* transform: translateX(25px);*/
    }


    .timeline-item.left .content {
        transform: translateX(-25px);
    }


    .timeline-item.right .step {
        margin-right: 30px;
        right: 51% ;
    }

    .timeline-item.left .step {
        left: 51%;
        margin-left: 30px;
        font-size: 20px;
    }
    .popup-left {
        width: 50%;
        padding: 0px 30px 0 76px;
    }
    .popup-wrapper {
        display: flex;
        gap: 95px;
    }
    .timeline-item.right .content::before {
        width: 13px;
        height: 86px;
    }
    .timeline-item.right .content {
        font-size: 16px;
        font-weight: 600;
        left: 46%;
    }
    .timeline-item.left .content {
        right: 46%;
        transform: translateX(-55px);
        text-align: right;
        font-size: 16px;
        font-weight: 600;
    }
    .timeline h2 {
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 46px;
        color: #543E33;
    }
    .popup-title {
        font-size: 34px;
        margin-top: 20px;
    }
    .timeline {
        background: #fffaf3;
        padding: 0px 0;
    }
}



@media (max-width: 1300px) {
    .ban-photo {
        width: 100%;
        height: 832px;
    }
    .ban-container {
        height: 88vh;      
    }
    .photo {
        margin-left: 89px;
        margin-top: 139px;
    }
    .sec-heading {
        margin-bottom: 43px;
        margin-left: 86px;
        margin-right: 56px;
    }
    .photo0 {
        margin-left: 88px;
        margin-top: 217px;
    }
    .about-heading {       
        margin-bottom: 33px;
        margin-left: 51px;
        margin-right: 82px;
    }
    .philo-img {
        height: 765px;
        width: 100%;
    }
    .philo-container {
        height: 81vh;
    }
    .left h2 {
        font-size: 22px;      
    }
    .photo6 {
        margin-left: 84px;
        margin-top: 171px;
    }
    .side-subtitle {
        font-size: 20px;
        margin-left: 30px;
    }
    .side-heading {
        font-size: 24px;
        margin-left: 13px;
    }
    .map-box {
        width: 442px;
        height: 523px;
        margin-top: 87px;
    }
    .philo-subtitle {       
        font-size: 20px;
    }
}


/*++++++++++++++++++++++++++++++++++  1024 +++++++++++++++++++++++++++++++++*/
@media (max-width: 1024px) {
    .polish-item {
        font-size: 15px;
        padding-left: 31px;
    }
    .polish-wrap {
        grid-template-columns: 363px 1fr;
    }
    .nail-list li {
        width: 100%;
    }
    .lash-list li {
        width: 100%;
    }
    .brow-list li {
        width: 100%;
    }
    .ban-container {
        height: 48vh;
        margin-top: 121px;
    }
    .ban-photo {
        width: 100%;
        height: 663px;
    }
    .sec-container {
        display: flex;
        height: 47vh;
        width: 100%;
    }
    .img-box img {
        width: 100%;
        height: 26vh;    
    }
    .about-container {
        display: flex;
        height: 52vh;
        width: 100%;
    }
    .photo0 {
        margin-left: 117px;
        margin-top: 215px;
    }
    .philo-container {
        height: 45vh;
    }
    .philo-img {
        height: 615px;
        width: 100%;
    }
    .ybe-text {
        font-size: 43px;       
    }
    .ser-container {
        height: 60vh;
    }
    .photo9 {
        width: 511px;
        height: 700px;
        margin-top: 121px;
    }
    .serv-content {
        padding: 79px 38px;
    }
    .exp-container {
        height: 50vh;
    }
    .photoexp {
        height: 745px;
        width: 100%;
    }
    .side-container {
        height: 60vh;
    }
    .photo6 {
        margin-left: 74px;
        margin-top: 106px;
        width: 70%;
        height: 598px;
    }
    .contact-wrapper {
        display: flex;
        /*height: 68vh;*/
    }
    .service-box {
        flex: 0 0 300px;
        padding: 36px 1px;
        border-radius: 14px;
        transition: 0.3s ease;
        text-align: center;
    }
    .sv-header {
        display: none;
    }

    .main-header {
        display: flex;
    }
    .map-box {
        width: 450px;
        height: 600px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        margin-top: 101px;
        margin-left: 0px;
    }
    .why-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 48px 81px;
    }
    .left33 h2 {
        font-size: 23px;       
        margin-top: 41px;
    }
    .right33 ul li {
        font-size: 20px;
    }
}

/*+++++++++++++++++++++++++++++++++++++++ 900 +++++++++++++++++++++++++++++++*/
@media(max-width:900px) {
    .polish-wrap {
        grid-template-columns: 1fr;
        gap: 55px;
    }

    .polish-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 55px;
    }

        .polish-wrap > :first-child {
            order: 2;
        }

        .polish-wrap > :last-child {
            order: 1;
        }

    .polish-grid {
        grid-template-columns: 1fr;
    }

    .polish-title {
        font-size: 32px;
    }

    .zel-reverse .polish-wrap {
        grid-template-columns: 1fr;
    }

    .zel-reverse .polish-wrap {
        display: grid;
        grid-template-columns: 1fr;
        gap: 55px;
    }

        .zel-reverse .polish-wrap > :first-child {
            order: 1;
        }

        .zel-reverse .polish-wrap > :last-child {
            order: 2;
        }

    .polish-services {
        padding: 29px 20px;
    }
}

/*++++++++++++++++++++++++++++++++++    820    ++++++++++++++++++++++++++++++++++++++*/
@media(max-width:820px) {
    .nail-row {
        padding: 0px 0 0 0;
    }
    .nail-list li {
        width: 100%;
    }
    .ban-container {
        height: 40vh;
        margin-top: 118px;
    }
    .ban-photo {
        width: 100%;
        height: 473px;
    }
    .ban-heading {
        font-size: 29px;       
    }
    .sec-container {
        display: flex;
        height: 40vh;
        width: 100%;
    }
    .photo {
        margin-left: 89px;
        margin-top: 80px;
    }
    .sec-heading {
        margin-bottom: 43px;
        margin-left: 13px;
        margin-right: 8px;
    }
    .service-box {
        flex: 0 0 240px;
        padding: 36px 1px;
        border-radius: 14px;
        transition: 0.3s ease;
        text-align: center;
    }
    .about-subtitle {
        font-style: italic;
        font-size: 35px;
        color: #543E33;
        margin-bottom: 20px;
    }
    .about-left {
        margin-top: 110px;
    }
    .about-heading {
        margin-bottom: 33px;
        margin-left: 20px;
        margin-right: 13px;
    }
    .photo0 {
        margin-left: 95px;
        margin-top: 215px;
    }
    .philo-img {
        height: 531px;
        width: 100%;
    }
    .ybe-banner {
        width: 100%;
        height: 14vh;
    }
    .ybe-text {
        font-size: 35px;
    }
    .ser-container {
        height: 43vh;
    }
    .photo9 {
        width: 411px;
        height: 389px;
        margin-top: 121px;
    }
    .ser-subtitle {
        font-size: 37px;
    }
    .serv-content {
        padding: 1px 38px;
    }
    .left h2 {       
        margin-top: 48px;
    }
    .exp-subtitle {
        font-size: 41px;
    }
    .exp-heading {
        font-size: 23px;
    }
    .photo6 {
        margin-left: 60px;
        margin-top: 106px;
        width: 70%;
        height: 426px;
    }
    .side-container {
        height: 55vh;
    }
    .side-left {
        flex: 1;
        display: block;
        justify-content: left;
        align-items: center;
        margin-top: 19px;
    }
    .side-subtitle {
        font-size: 18px;
        margin-left: 20px;
        margin-bottom: 15px;
    }
    .expect-heading {
        font-size: 25px;
        margin-left: 27px;
        margin-bottom: -15px;
    }
    .expect-list {
        list-style-type: disc;
        color: #3C2E29;
        text-align: left;
        margin-left: 8px;
        font-size: 20px;
        line-height: 1.6;
    }
    .side-heading {
        font-size: 22px;
        margin-left: 21px;
        margin-top: 35px;
    }
    .map-iframe {
        width: 87%;
        margin-left: 26px;
        height: 86%;
        margin-top: 43px;
        border: 0;
    }
    .contact-wrapper {
        display: flex;
        /*height: 60vh;*/
    }
    .right-side {
        padding: 0px;
        margin-top: 82px;
    }
    .title {
        font-size: 40px;
    }
}
/*++++++++++++++++++++++++++++++++++++++++++++ 445 +++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 445px) {
    .section-header h2 {
        font-size: 35px;
        color: #543E33;
        margin-bottom: 10px;
        font-weight: 400;
    }
    .ban-left {
        width: 100%;
        min-height: 300px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sec-button {
        font-size: 20px;
        padding: 12px 20px;
    }
    .ban-button {
        font-size: 18px;
        padding: 12px 15px;
    }
    .title-area {
        text-align: center;
        margin: 14px 20px -20px;
        max-width: 1007px;
    }
    .side-left {
        order: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0px 16px 0 11px;
        min-height: 31vh;
    }
    .star-heading {
        font-size: 17px; /* text size */
        color: #000; /* text color */
        margin: 0; /* no extra margin */
        padding: 0;
        display: flex;
        align-items: center;
    }

    .star-icon {
        color: #C6746C; /* star color you want */
        font-size: 27px; /* star size */
        margin-right: 4px; /* gap between star & text */
        line-height: 0;
    }
   
    .get-inspire-section {
        display: block;
        padding: 17px;
    }
    .inspire-section {
        display: none;
    }
    /* Position – bottom */
    .swiper-button-next,
    .swiper-button-prev {
        top: auto !important;
        bottom: 18px !important;
        width: 38px !important;
        height: 38px !important;
        transform: none !important;
    }

        /* Arrow icon size */
        .swiper-button-next::after,
        .swiper-button-prev::after {
            font-size: 28px !important;
            font-weight: bold;
        }

    /* Colors */
    .swiper-button-next {
        right: 5px !important;
        color: #000 !important; /* gold */
    }

    .swiper-button-prev {
        left: 5px !important;
        color: #000 !important; /* dark */
    }
    .side-subtitle {
        margin-top: -11px;
        line-height: 29px;
        margin-bottom: 34px;
        font-size: 17px;
    }
}

    /*++++++++++++++++++++++++++++++++++++++++++    430    ++++++++++++++++++++++++++++++++++++++++++++*/
    @media (max-width: 430px) {
        .eyebrow {
            width: 34px;
        }
        .lash-row {
            padding: 0px 0 0 0;
        }
        .lash-head {
            text-align: left;
            font-size: 23px;
        }
        .lash-list {
            margin-left: -30px;
        }
        .nail-row {
            padding: 0px 0 0 0;
        }

        .nail-head {
            text-align: left;
            font-size: 23px;
        }

        .nail-list {
            margin-left: -30px;
        }
        .brow-row {
            padding: 0px 0 0 0;
        }

        .brow-head {
            text-align: left;
            font-size: 23px;
        }

        .brow-list {
            margin-left: -30px;
        }
        .form-area h2 {
            margin-bottom: 20px;
            font-size: 32px;
        }
        .popup-title {
            color: #543E33;
            margin-bottom: 30px;
            font-size: 33px;
        }
        /* Position – bottom */
        .swiper-button-next,
        .swiper-button-prev {
            top: auto !important;
            bottom: 18px !important;
            width: 38px !important;
            height: 38px !important;
            transform: none !important;
        }

            /* Arrow icon size */
            .swiper-button-next::after,
            .swiper-button-prev::after {
                font-size: 28px !important;
                font-weight: bold;
            }

        /* Colors */
        .swiper-button-next {
            right: 5px !important;
            color: #000 !important; /* gold */
        }

        .swiper-button-prev {
            left: 5px !important;
            color: #000 !important; /* dark */
        }
        .get-inspire-section {
            display:block;
            padding:10px;
        }
        .inspire-section {
            display:none;
        }
        .star-heading {
            font-size: 17px; /* text size */
            color: #000; /* text color */
            margin: 0; /* no extra margin */
            padding: 0;
            display: flex;
            align-items: center;
        }

        .star-icon {
            color: #C6746C; /* star color you want */
            font-size: 27px; /* star size */
            margin-right:4px; /* gap between star & text */
            line-height: 0;
        }


        .section-header h2 {
            font-size: 35px;
            color: #543E33;
            margin-bottom: 10px;
            font-weight: 400;
        }
        .ban-photo {
            width: 100%;
            height: auto;
        }

        .site-title {
            font-size: 20px;
            top: -26px;
            transform: translateX(-49%) translateY(-59%);
        }

        .fullscreen-menu ul li .submenu li a {
            font-size: 19px;
            padding-left: 25px;
        }

        .side-subtitle {
            /* margin-left: -253px; */
            margin-right: 7px;
            text-align: left;
            margin-bottom: 20px;
            font-size: 17px;
        }

        .close-btn {
            position: absolute;
            top: 8px;
            left: 375px;
            font-size: 50px;
            transform: none;
            cursor: pointer;
        }
        

        .exp-right,
        .side-left, .side-right {
            flex: none;
            width: 100%;
            height: auto;
        }

        .map-iframe {
            width: 87%;
            margin-left: 29px;
            height: 86%;
            margin-top: 34px;
            border: 0;
        }

        .exp-left {
            flex: none;
            width: 100%;
            height: auto;
            margin-bottom: -91px;
        }

        .exp-content{
            padding: 20px;
            text-align: center;
        }
        .side-content {
            padding: 0px 10px 0px 20px;
            text-align: center;
        }
        .exp-subtitle {
            font-size: 32px;
            margin-bottom: 12px;
            margin-left: -11px;
        }

        .expect-heading {
            font-size: 26px;
            margin-left: -197px;
            margin-right: 16px;
        }

        .photoexp {
            height: 500px;
            width: 100% 412px;
        }

        .side-heading {
            font-size: 19px;
            margin: 30px 0 20px 0;
            margin-left: -49px;
            text-align: center;
        }

        .side-subtitle {
            margin-left: -28px;
            text-align: center;
            font-size: 18px;
        }

        .expect-list {
            margin-left: 25px;
            font-size: 18px;
        }

        .photo6 {
            width: 80%;
            margin: 30px auto;
            height: 464px;
            display: block;
        }

        .section-heading {
            text-align: center;
            margin-left: 0;
            font-size: 25px;
        }

        .expect-list {
            margin-left: -46px;
            font-size: 18px;
        }

        .exp-heading {
            font-size: 21px;
            margin-left: -44px;
        }

        body, html {
            overflow-x: hidden;
        }

        .service-box {
            flex: 0 0 300px;
            padding: 1px 1px;
            border-radius: 14px;
            transition: 0.3s ease;
            text-align: center;
        }
        .services-btn-container {
            text-align: center;
            margin-top: 1px;
            margin-bottom:20px;
        }
        .section-header {
            text-align: center;
            margin-bottom: 22px;
        }
        .title-area {
            text-align: center;
            margin: 14px 20px -20px;
            max-width: 1007px;
        }
        .left {
            margin-bottom: -4px;
            margin-top: 0px;
        }

        .back-to-top {
            display: none;
        }

        .nav-links {
            gap: 22px;
            flex-direction: row;
            flex-wrap: wrap;
            /* text-align: center; */
            align-items: center;
        }

        .sv-header {
            display: none;
        }

        .main-header {
            display: flex;
        }
        .right33 ul li {
            margin-bottom: 0px;
            font-size: 16px;
            line-height: 1.5;
            color: #543E33;
        }

       

        .submit-btn {
            width: 100%;
            max-width: 220px;
            padding: 10px;
            font-size: 15px;
        }
        .main-header {
            padding: 23px 20px;
        }

        .services-row {
            display: block;
        }

        .image-row {
            display: block;
        }

        .logo img {
            height: 80px;
        }

        .form-area {
            width: 95%;
            margin-top: 56px;
        }


        .ban-container {
            flex-direction: column;
            height: auto; 
            margin-top: 60px; 
        }

        .ban-left {
            width: 100%;
            min-height: 292px; 
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .ban-right {
            width: 100%;
            min-height: 350px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .ban-right {
            overflow: hidden;
        }

        .ban-image {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .ban-heading {
            font-size: 28px;
        }

        .ban-subtitle {
            font-size: 30px;
        }

        .ban-button {
            font-size: 18px;
            padding: 12px 15px;
        }

       
        .sec-container {
            display: flex;
            flex-direction: column-reverse; /* reverse order: right section first, then left */
            height: auto;
        }

        .sec-left {
            width: 100%;
            min-height: 290px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .sec-content {
            text-align: center;
            margin-top: -42px;
        }
        .sec-right {
            width: 100%;
            min-height: 350px; /* dono ka minimum height same ho */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .sec-subtitle {
            font-size: 32px;
            margin-bottom: 34px;
        }

        .sec-heading {
            font-size: 20px;
            margin-left: 2px;
            margin-right: 2px;
        }

        .sec-button {
            font-size: 20px;
            padding: 12px 20px;
        }

        .photo {
            margin-left: 0;
            margin-top: -17px;
            width: 61%;
            height: auto;
        }

        .sec-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .service-box img {
            width: 150px;
            height: 150px;
            margin-bottom: -20px;
        }

        .service-box h3 {
            font-size: 27px;
        }

        .service-box p {
            font-size: 18px;
        }
        .img-box img {
            width: 100%;
            height: auto;
        }
        .leave-bottomBar {
            display: flex;
        }
        /*+++++++++++++ about page ++++++++++++*/
        .about-container {
            flex-direction: column; /* Stack vertically */
            height: auto; /* Let content determine total height */
        }

        .about-left {
            width: 100%;
            min-height: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
        }

        .about-right {
            width: 100%;
            min-height:400px; /* Equal height for both */
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .about-subtitle {
            font-size: 31px;
            margin-bottom: 0px;
        }

        .about-heading {
            font-size: 19px;
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 0px;
        }

        .about-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
            border-color: #543E33;
            color: #543E33;
        }

            .about-button:hover {
                background-color: #543E33;
                color: #fff;
            }

        .photo0 {
            margin-left: 0;
            margin-top: 73px;
            width: 72%;
            height: auto;
        }

        .about-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .philo-container {
            flex-direction: column-reverse; /* Reverse stacking: right upar, left niche */
            height: auto; /* Total height based on content */
        }

        .philo-left {
            width: 100%;
            min-height:300px; /* Equal height for both */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .philo-right {
            width: 100%;
            min-height: 50vh; /* Equal height for both */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .philo-subtitle {
            font-size: 18px;
            line-height: 29px;
            margin-bottom: 2rem;
        }

        .philo-heading {
            font-size: 30px;
            margin-bottom: 1.5rem;
        }
        .left33 h2 {
            font-size: 23px;
            margin-top: 4px;
        }
        .left33 {
            margin-bottom: 0px;
        }
        .philo-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .philo-img {
            width: 100%;
            height: auto;
            margin-top: 0px;
        }

        .philo-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .right ul li {
            margin-bottom: 8px;
            font-size: 18px;
            line-height: 1.8;
            color: #543E33;
        }
        .right {
            width: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.6;
            color: #543E33;
        }
        .ybe-banner {
            width: 100%;
        }

        .ybe-text {
            font-size: 30px;
            word-spacing: 8px;
        }
        .why-content {
            padding: 5px 14px;
        }
        .why-header h1 {
            font-size: 20px;
        }
        .why-header {
            padding: 0px 25px 0px;
            margin-top: 24px;
        }
        .ser-container {
            flex-direction: column; 
            height: auto;
        }

        .ser-left {
            width: 100%;
            min-height: 400px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ser-right {
            width: 100%;
            min-height: 50vh; /* dono sections same minimum height */
            display: flex;
            margin-top: -189px;
            justify-content: center;
            align-items: center;
        }

        .ser-subtitle {
            font-size: 24px;
            margin-bottom: 1rem;
        }

        .ser-heading {
            font-size: 28px;
            margin-bottom: 1.5rem;
        }

        .ser-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .ser-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .serv-content {
            flex-direction: column;
            padding: 0px 30px;
        }

        .left h2 {
            margin-top: 70px;
        }
        .right ul {
            margin-top: 0px;
            padding-left: 20px;
            list-style-type: disc;
        }
        /*++++++++++++ footer ++++++++++++*/

        .footer-content {
            flex-direction: column;
        }

            .footer-content::before {
                display: none;
            }

        .form-area,
        .nav-area {
            width: 100%;
            padding: 0;
            margin: 0;
            position: static;
            top: auto;
        }

        .nav-area {
            align-items: flex-start;
            margin-top: 26px;
            margin-left: 7px;
            margin-bottom: -45px;
        }

        .nav-links {
            gap: 22px;
        }

            .nav-links a {
                font-size: 23px;
                text-align: left;
                margin-bottom: 0px;
            }

        .social-icons {
            justify-content: flex-start;
        }

        .footer-bottom {
            flex-direction: column;
            justify-content: flex-start;
            /*  align-items: flex-start;*/
            padding: 0;
            margin-top: 10px;
            font-size: 13px;
        }

            .footer-bottom .right-text {
                text-align: left;
                margin-top: 8px;
            }

        .site-title {
            font-size: 20px;
            top: -26px;
            transform: translateX(-46%) translateY(-59%);
            padding: 0 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
        }

        /*+++++++++++++ experience ++++++++++++++++++*/
        .exp-container {
            flex-direction: column;
        }

        .exp-left,
        .exp-right {
            width: 100%;
            flex: none;
        }
        .exp-container {
            flex-direction: column-reverse; /* right upar, left niche */
            height: auto;
            width: 100%;
            overflow: hidden;
        }

        .side-container {
            flex-direction: column; /* right upar, left niche */
            height: auto;
            width: 100%;
            overflow: hidden;
        }
        .exp-left {
            order: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            padding: 0px;
            min-height: 260px;
        }

        .exp-right {
            order: 2;
            height: auto;
            overflow: hidden;
        }

        .exp-image {
            width: 100%;
            height: auto;
        }

        .exp-content {
            text-align: center;
        }

        .side-left,
        .side-right {
            width: 100%;
            flex: none;
        }

        .side-left {
            order: 1;
            display: flex;
            justify-content: flex-start; /* text left align inside container */
            align-items: center; /* vertical centering */
            padding: 0px 16px 0 11px;
            min-height: 28vh;
        }

        .side-right {
            order: 2;
            height: auto;
            overflow: hidden;
        }

        .side-image {
            width: 100%;
            height: auto; /* maintain aspect ratio */
        }

        
        /* adjust margins on texts so they don't push off screen */
        .side-subtitle {
            margin-top: -11px;
            line-height: 29px;
            margin-bottom: 34px;
            font-size: 17px;
        }
        .side-heading {
           /* margin-left: -9px;*/
            margin-bottom: 26px;
            font-size: 18px;
        }

        .photo6 {
            margin-left: 30px;
            margin-top: 8px;
            width: 80%;
        }

        .expect-heading {
            font-size: 24px;
            margin-left: 16px;
            margin-right: 16px; /* thoda right margin bhi de do taaki bahar na jaaye */
        }

        .expect-list {
            list-style-type: disc;
            color: #3C2E29;
            text-align: left;
            margin-left: -23px;
            font-size: 23px;
            line-height: 1.8;
        }

        .contact-wrapper {
            display: block;
            /*height: 105vh;*/
        }
        .fran-image {
            width: 100%;
        }
        .right-side {
            padding: 0px;
            margin-top: 7px;
        }
        .left {
            margin-bottom: -4px;
            margin-top: -58px;
        }

        .exp-subtitle {
            font-size: 37px;
            margin-top: -59px;
            /* margin-right: 41px; */
        }

        .photo9 {
            width: 429px;
            height: 435px;
        }

        .fullscreen-menu {
            padding-top: 80px; /* ऊपर थोड़ा space */
        }

        /* Close Button (×) */
        /*.close-btn {
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 50px;
            transform: none;
            cursor: pointer;
        }*/

        /* Menu Line */
        .menu-line {
            width: 65%;
            margin: 40px 0 30px;
        }

        /* Menu Links */
        .fullscreen-menu li {
            margin: 12px 0;
        }

        .fullscreen-menu a {
            font-size: 28px;
        }

        .section-heading {
            color: #3C2E29;
            font-size: 33px;
            margin-left: 5px;
            margin-bottom: 20px;
        }
        .inspire-header h1 {
            font-size: 31px;
            letter-spacing: 2px;
            font-weight: 600;
            color: #543E33;
        }
        .inspire-header {
            padding: 0px 12px 0px;
        }
        .title {
            font-size: 40px;
            text-transform: none;
        }
        .services-section {
            width: 100%;
            background-color: #FFE4D6;
            padding: 0px 20px;
            box-sizing: border-box;
            overflow-x: hidden;
        }
        .ser-content {
            text-align: center;
            margin-bottom: 96px;
        }
        .form-area .field input, .form-area .field textarea {
            width: 100%;
            border: none;
            border-bottom: 1px solid #543E33;
            background: transparent;
            color: #543E33;
            padding: 0px 4px;
            font-size: 15px;
        }
    }
@media (max-width: 414px) {
    .brow-row {
        padding: 0px 0 0 0;
    }
    .brow-head {
        font-size: 22px;
    }
    .nail-row {
        padding: 0px 0 0 0;
    }

    .nail-head {
        font-size: 22px;
    }
    .lash-row {
        padding: 0px 0 0 0;
    }

    .lash-head {
        font-size: 22px;
    }
    .form-area h2 {
        margin-bottom: 20px;
        font-size: 33px;
    }
    .popup-title {
        color: #543E33;
        margin-bottom: 30px;
        font-size: 31px;
    }
    .side-left {
        order: 1;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0px 22px 24px 11px;
        min-height: 28vh;
    }
    .right ul li {
        margin-bottom: 8px;
        font-size: 17px;
        line-height: 1.8;
        color: #543E33;
    }
    .left33 h2 {
        font-size: 23px;
        margin-top: 0px;
    }
    .right33 ul {
        margin-top: 7px;
        padding-left: 20px;
        list-style-type: disc;
    }
    .why-header {
        padding: 0px 25px 0px;
        margin-top: 19px;
    }
    .ban-heading {
        font-size: 25px;
    }
    .nav-area {
        align-items: flex-start;
        margin-top: 30px;
        margin-left: 7px;
    }
    .side-heading {
         margin-left: -41px; 
        margin-bottom: 26px;
        font-size: 18px;
    }
    .ser-content {
        text-align: center;
        margin-bottom: 96px;
    }
    .left h2 {
        margin-top: 5px;
    }
    .ybe-text {
        font-size: 29px;
        word-spacing: 8px;
    }
    .about-heading {
        font-size: 18px;
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 30px;
    }
    .ban-photo {
        width: 100%;
        height: auto;
    }

    .side-subtitle {
        /* margin-left: -253px; */
        /*  margin-right: 7px;*/
        padding: 10px;
        text-align: left;
        margin-bottom: 20px;
        font-size: 18px;
    }

    .leave-bottomBar {
        display: flex;
    }

    .close-btn {
        position: absolute;
        top: 13px;
        left: 361px;
        font-size: 50px;
        transform: none;
        cursor: pointer;
    }

    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .leave-btn {
        font-size: 19px;
    }
    .about-left {
        margin-top: 19px;
    }
    .map-iframe {
        width: 87%;
        margin-left: 27px;
        height: 86%;
        margin-top: 34px;
        border: 0;
    }
    .service-box img {
        width: 150px;
        height: 150px;
        margin-bottom: -17px;
    }
    .services-section {
        width: 100%;
        background-color: #FFE4D6;
        padding: 0px 20px;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    .right-side {
        padding: 0px;
        margin-top: 2px;
    }
   

    .title {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 11px;
        letter-spacing: 3px;
    }

    .left {
        margin-bottom: -4px;
        margin-top: 12px;
    }

    .map-iframe {
        width: 87%;
        margin-left: 40px;
        height: 86%;
        margin-top: 32px;
        border: 0;
    }

    .back-to-top {
        display: none;
    }

    .nav-links {
        gap: 24px;
        flex-direction: row;
        flex-wrap: wrap;
        /* text-align: center; */
        align-items: center;
    }
    
}
   

    /*++++++++++++++++++++++++++++++++   412   ++++++++++++++++++++++++++++++++++++++*/
    @media (max-width: 412px) {
        .right {
            width: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.6;
            color: #543E33;
            margin-top: -18px;
        }
        .left h2 {
            margin-top: 66px;
        }
        .ser-content {
            text-align: center;
            margin-bottom: -36px;
        }
        .side-subtitle {
            /* margin-left: -253px; */
            margin-right: 7px;
            text-align: left;
            margin-bottom: 20px;
            font-size: 20px;
        }

        .leave-bottomBar {
            display: flex;
        }
        .exp-container,
        .side-container {
            flex-direction: column; /* right upar, left niche */
            height: auto;
            width: 100%;
            overflow: hidden;
        }

        .right-side {
            padding: 0px;
            margin-top: 8px;
        }

        .exp-right,
        .side-left, .side-right {
            flex: none;
            width: 100%;
            height: auto;
        }

        .exp-left {
            flex: none;
            width: 100%;
            height: auto;
            margin-bottom: -91px;
        }

        .exp-content, .side-content {
            padding: 20px;
            text-align: center;
        }

        .exp-subtitle {
            font-size: 32px;
            margin-bottom: 12px;
            margin-left: -11px;
        }

        .expect-heading {
            font-size: 26px;
            margin-left: -197px;
            margin-right: 16px;
        }

        .photoexp {
            height: 500px;
            width: 100% 412px;
        }

        .side-heading {
            font-size: 20px;
            margin: 30px 0 20px 0;
            margin-left: -42px;
            text-align: center;
        }

        .side-subtitle {
            margin-left: -28px;
            text-align: center;
            font-size: 18px;
        }

        .expect-list {
            margin-left: 25px;
            font-size: 18px;
        }

        .photo6 {
            width: 80%;
            margin: 30px auto;
            height: 464px;
            display: block;
        }

        .section-heading {
            text-align: center;
            margin-left: 0;
            font-size: 25px;
        }

        .expect-list {
            margin-left: -46px;
            font-size: 18px;
        }

        .exp-heading {
            font-size: 21px;
            margin-left: -44px;
        }

        body, html {
            overflow-x: hidden;
        }

        .service-box {
            flex: 0 0 300px;
            padding: 11px 1px;
            border-radius: 14px;
            transition: 0.3s ease;
            text-align: center;
        }

        .sv-header {
            display: none;
        }

        .main-header {
            display: flex;
        }
        .ban-photo {
            width: 100%;
            height: 458px;
        }

        .site-title {
            font-size: 20px;
            top: -26px;
            transform: translateX(-46%) translateY(-59%);
        }

        .why-header h1 {
            font-size: 26px;
        }

        .left33 h2 {
            font-size: 23px;
            margin-top: 0px;
        }

        .fullscreen-menu ul li a {
            font-size: 18px;
            padding: 25px 21px;
        }
        .right ul li {
            margin-bottom: 8px;
            font-size: 17px;
            line-height: 1.8;
            color: #543E33;
        }
        
        .main-header {
            padding: 23px 20px;
        }

        .services-row {
            display: block;
        }

        .image-row {
            display: block;
        }

        .logo img {
            height: 83px;
        }

        .form-area {
            width: 95%;
            margin-top: 56px;
        }

        
        .ban-container {
            flex-direction: column;
            height: auto; 
            margin-top: 60px;
        }

        .ban-left {
            width: 100%;
            min-height: 32vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .ban-right {
            width: 100%;
            min-height: 45vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ban-right {
            overflow: hidden;
        }

        .ban-image {
            width: 100%;
            height: auto;
            object-fit: cover;
        }

        .ban-heading {
            font-size: 25px;
        }

        .ban-subtitle {
            font-size: 24px;
        }

        .ban-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .ban-photo {
            width: 100%;
            height: auto;
        }

        .sec-container {
            display: flex;
            flex-direction: column-reverse; /* reverse order: right section first, then left */
            height: auto;
        }

        .sec-left {
            width: 100%;
            min-height: 30vh; /* dono ka minimum height same ho */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .sec-right {
            width: 100%;
            min-height: 50vh; /* dono ka minimum height same ho */
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0px 20px;
            box-sizing: border-box;
        }
        .section-header h2 {
            font-size: 32px;
            color: #543E33;
            margin-bottom: 10px;
            font-weight: 400;
        }
        .sec-subtitle {
            font-size: 26px;
            margin-bottom: 18px;
        }

        .sec-heading {
            font-size: 20px;
            margin-left: 20px;
            margin-right: 20px;
        }

        .sec-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .photo {
            margin-left: 0;
            margin-top: -17px;
            width: 61%;
            height: auto;
        }

        .sec-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .back-to-top {
            display:none;
        }
        /*+++++++++++++ about page ++++++++++++*/
        .about-container {
            flex-direction: column;
            height: auto;
        }

        .about-left {
            width: 100%;
            min-height: 180px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-top: 0px;
        }
        
        .about-right {
            width: 100%;
            min-height: 350px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .about-subtitle {
            font-size: 31px;
            margin-bottom: 17px;
        }

        .about-heading {
            font-size: 20px;
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 30px;
        }

        .about-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
            border-color: #543E33;
            color: #543E33;
        }

            .about-button:hover {
                background-color: #543E33;
                color: #fff;
            }

        .photo0 {
            margin-left: 0;
            margin-top: 85px;
            width: 66%;
            height: auto;
        }

        .about-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .philo-container {
            flex-direction: column-reverse;
            height: auto;
        }

        .philo-left {
            width: 100%;
            min-height: 35vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .philo-right {
            width: 100%;
            min-height: 45vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .philo-subtitle {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .philo-heading {
            font-size: 30px;
            margin-bottom: 1.5rem;
        }

        .philo-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .philo-img {
            width: 100%;
            height: auto;
            margin-top: 0px;
        }

        .philo-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .ybe-banner {
            width: 100%;
        }

        .ybe-text {
            font-size: 29px;
            word-spacing: 8px;
        }

        .ser-container {
            flex-direction: column;
            height: auto;
        }

        .ser-left {
            width: 100%;
            min-height: 289px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ser-right {
            width: 100%;
            min-height: 50vh;
            margin-top: -60px;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .ser-subtitle {
            font-size: 24px;
            margin-bottom: 1rem;
        }

        .ser-heading {
            font-size: 28px;
            margin-bottom: 1.5rem;
        }
        .service-box img {
            width: 150px;
            height: 150px;
            margin-bottom: -24px;
        }
        .ser-button {
            font-size: 0.9rem;
            padding: 0.5rem 1rem;
        }

        .ser-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .serv-content {
            flex-direction: column;
            padding: 0px 30px;
        }


        /*++++++++++++ footer ++++++++++++*/

        .footer-content {
            flex-direction: column;
        }

            .footer-content::before {
                display: none;
            }

        .form-area,
        .nav-area {
            width: 100%;
            padding: 0;
            margin: 0;
            position: static;
            top: auto;
        }

        .nav-area {
            align-items: flex-start;
            margin-top: 30px;
            margin-left: 0px;
        }

        .nav-links {
            gap: 16px;
            flex-direction: row;
            flex-wrap: wrap;
            text-align: center;
            align-items: center;
            margin-bottom: 2px;
        }
            .nav-links a {
                font-size: 23px;
                text-align: left;
                margin-bottom: 0px;
            }

        .social-icons {
            justify-content: flex-start;
        }

        .footer-bottom {
            flex-direction: column;
            justify-content: flex-start;
            /*  align-items: flex-start;*/
            padding: 0;
            margin-top: 8px;
            font-size: 13px;
        }

            .footer-bottom .right-text {
                text-align: left;
                margin-top: 8px;
            }

        .site-title {
            font-size: 20px;
            top: -26px;
            transform: translateX(-46%) translateY(-59%);
            padding: 0 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
        }

        /*+++++++++++++ experience ++++++++++++++++++*/
        .exp-container {
            flex-direction: column-reverse;
        }

        .exp-left,
        .exp-right {
            width: 100%;
            flex: none;
        }
        
        .exp-left {
            order: 1;
            display: flex;
            justify-content: center;
            align-items: center;
         /*   padding: 20px;*/
            min-height: 249px;
        }

        .exp-right {
            order: 2;
            height: auto;
            overflow: hidden;
        }

        .exp-image {
            width: 100%;
            height: auto;
        }

        .exp-content {
            text-align: center;
        }


        .side-container {
            flex-direction: column;
            height: auto; 
        }

        .side-left,
        .side-right {
            width: 100%;
            flex: none;
        }

        .side-left {
            order: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            padding: 0 10px 0 10px;
            min-height: 28vh;
        }
        .star-heading {
            font-size: 16px;
        }
        .side-right {
            order: 2;
            height: auto;
            overflow: hidden;
        }

        .side-image {
            width: 100%;
            height: auto; 
        }

        .side-content {
            text-align: left;
        }

       
        

        .side-heading {
            /*margin-left: -9px;*/
            margin-top: 40px;
            margin-bottom: 25px;
            font-size: 18px;
        }
        .side-subtitle {
            /*  margin-left: -20px;
            margin-right: -3px;
            margin-top: -23px;*/
            margin-right: 0px;
            margin-bottom: 0px;
            text-align: left;
            font-size: 17px;
        }

        .photo6 {
            margin-left: 30px;
            margin-top: 8px;
            width: 80%;
        }

        .expect-heading {
            font-size: 24px;
            margin-left: 16px;
            margin-right: 16px; 
        }

        .expect-list {
            list-style-type: disc;
            color: #3C2E29;
            text-align: left;
            margin-left: -23px;
            font-size: 23px;
            line-height: 1.8;
        }

        .contact-wrapper {
            display: block;
           /* height: 104vh;*/
        }
        .fran-image {
            width: 100%;
        }

        .left {
            margin-bottom: 20px;
            margin-top: -58px;
        }

        .exp-subtitle {
            font-size: 37px;
           /* margin-right: 41px;*/
        }

        .photo9 {
            width: 386px;
            height: 415px;
        }

        .fullscreen-menu {
            padding-top: 80px; 
        }


        .close-btn {
            position: absolute;
            top: 11px;
            left: 359px;
            font-size: 50px;
            transform: none;
            cursor: pointer;
        }

        
        .menu-line {
            width: 65%;
            margin: 40px 0 30px;
        }

       
        .fullscreen-menu li {
            margin: -10px 0;
        }

        .fullscreen-menu a {
            font-size: 28px;
        }
    }

    /*++++++++++++++++++++++++++++++++++++++++++++++      390     +++++++++++++++++++++++++++++++++++++++++++++++*/
    @media(max-width:390px) {
        .popup-title {
            color: #543E33;
            margin-bottom: 30px;
            font-size: 29px;
        }
        .about-subtitle {
            font-size: 30px;
            margin-bottom: 28px;
        }
        .exp-subtitle {
            font-size: 36px;
            /* margin-right: 41px; */
        }
        .left h2 {
            margin-top: 24px;
        }
        .close-btn {
            position: absolute;
            top: 11px;
            left: 340px;
        }
        .close-btn {
            position: absolute;
            top: 8px;
            left: 329px;
        }

        .logo {
            position: absolute;
            left: 15%;
            transform: translateX(-50%);
        }

        .leave-btn {
            font-size: 16px;
        }

        .fullscreen-menu ul li a {
            font-size: 18px;
            padding: 19px 15px;
        }

        .fullscreen-menu ul li .submenu li a {
            font-size: 17px;
            padding-left: 25px;
        }
        .main-header {
            display: flex;
        }
        .left33 h2 {
            font-size: 30px;
            margin-top: 11px;
        }
        .contact-wrapper {
            display: block;
           /* height: 109vh;*/
        }
        .fran-image {
            width: 100%;
        }
        .side-subtitle {
            /* margin-left: -253px; */
            margin-right: 0px;
            text-align: left;
            margin-bottom: 0px;
            font-size: 17px;
        }
        .side-heading {
            font-size: 17px;
            margin: 30px 0 20px 0;
            margin-left: -49px;
            text-align: center;
        }
        .right ul li {
            margin-bottom: 8px;
            font-size: 16px;
            line-height: 1.8;
            color: #543E33;
        }
        .right {
            width: 100%;
            text-align: left;
            font-size: 16px;
            line-height: 1.6;
            color: #543E33;
        }
        .right33 ul li {
            margin-bottom: 0px;
            font-size: 17px;
            line-height: 1.5;
            color: #543E33;
        }
        .about-heading {
            font-size: 17px;
            margin-left: 20px;
            margin-right: 20px;
            margin-bottom: 30px;
        }
        
        .about-left {
            width: 100%;
            min-height: 25vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .about-right {
            width: 100%;
            min-height: 46vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .right-side {
            padding: 0px;
            margin-top: 6px;
        }
        .photo0 {
            margin-top: 84px;
            width: 76%;
        }

        .ybe-text {
            font-size: 27px;
            word-spacing: 8px;
        }
        .form-area h2 {
            margin-bottom: 20px;
            font-size: 27px;
        }
        .left {
            margin-bottom: 14px;
            margin-top: 3px;
        }

        .title {
            font-size: 40px;
        }
        .contact-wrapper {
            display: block;
            /*height: 109vh;*/
        }
        .fran-image {
            width: 100%;
        }
        .map-iframe {
            width: 87%;
            margin-left: 39px;
            height: 86%;
            margin-top: 32px;
            border: 0;
        }
        .nav-area {
            align-items: flex-start;
            margin-top: 30px;
            margin-left: 10px;
        }
        .nav-links {
            gap: 16px;
            flex-direction: row;
            flex-wrap: wrap;
            text-align: center;
            align-items: center;
        } 
        
    }



    /*++++++++++++++++++++++++++++++++++++++++++++++      375     +++++++++++++++++++++++++++++++++++++++++++++++*/
@media(max-width:375px) {
    .popup-left label {
        display: block;
        margin: 15px 0 6px;
        font-size: 15px;
    }
    .popup-title {
        color: #543E33;
        margin-bottom: 30px;
        font-size: 28px;
    }
    .ban-left {
        width: 100%;
        min-height: 41vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .side-heading {
        font-size: 16px;
        margin: 10px 0 20px 0;
        margin-left: -49px;
        text-align: center;
    }
    .exp-subtitle {
        font-size: 34px;
    }
    .exp-left {
        order: 1;
        justify-content: center;
        align-items: center;
        min-height: 46vh;
    }
    .ser-left {
        width: 100%;
        min-height: 48vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ybe-text {
        font-size: 26px;
        word-spacing: 8px;
    }
    .map-iframe {
        width: 87%;
        margin-left: 24px;
        height: 86%;
        margin-top: 32px;
        border: 0;
    }

    .close-btn {
        position: absolute;
        top: 11px;
        left: 329px;
    }

    .leave-btn {
        font-size: 16px;
    }

    .logo {
        position: absolute;
        left: 14%;
        transform: translateX(-50%);
    }


    .ban-photo {
        width: 100%;
        height: 379px;
    }

    .site-title {
        font-size: 20px;
        top: -26px;
        transform: translateX(-42%) translateY(-59%);
        padding: 0 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }

    .expect-heading {
        font-size: 26px;
        margin-left: -146px;
        margin-right: 16px;
    }

    .why-header h1 {
        font-size: 42px;
    }

    .left33 h2 {
        font-size: 20px;
        margin-top: 0px;
    }

    .why-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 14px 10px;
    }

    .about-subtitle {
        font-size: 29px;
        margin-bottom: 28px;
        padding: 0px 4px;
    }

    .nail-list {
        list-style: disc;
        margin-left: -30px;
        line-height: 1.6;
    }

    .brow-head {
        font-size: 23px;
    }

    .lash-head {
        font-size: 23px;
    }

    .ban-photo {
        width: 100%;
        height: auto;
    }

    .site-title {
        font-size: 20px;
        top: -26px;
        transform: translateX(-41%) translateY(-59%);
    }

    .why-content {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 40px 12px;
    }

    .close-btn {
        position: absolute;
        top: 14px;
        left: 298px;
    }

    .lash-head {
        font-size: 22px;
    }


        .sec-left{
            width: 100%;
            min-height: 42vh;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    .sec-right {
        width: 100%;
        min-height: 55vh;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .section-header h2 {
        font-size: 30px;
        color: #543E33;
        margin-bottom: -16px;
        font-weight: 400;
    }

        .section-heading {
            color: #3C2E29;
            font-size: 31px;
            margin-left: 5px;
            margin-bottom: 20px;
        }

        .left h2 {
            font-size: 21px;
        }
    .left {
        margin-bottom: 18px;
        margin-top: 0px;
    }
    .side-subtitle {
        /* margin-left: -253px; */
        margin-right: 7px;
        text-align: left;
        margin-bottom: 0px;
        font-size: 17px;
    }
        .contact-wrapper {
            display: block;
            /*height: 122vh;*/
        }
    .fran-image {
        width: 100%;
    }
        .map-iframe {
            width: 87%;
            margin-left: 39px;
            height: 86%;
            margin-top: 43px;
            border: 0;
        }
        .contact-info {
            font-size: 18px;
            line-height: 1.6;
        }

    .about-right {
        width: 100%;
        min-height: 57vh;
        margin-top: 78px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
        .photo9 {
            width: 372px;
            height: 395px;
        }
    .section-subtext {
        color: #555;
        font-size: 19px;
        color: #543E33;
    }
    .title-area {
        text-align: center;
        margin: 13px 20px -45px;
        max-width: 1007px;
    }
    .project-gallery {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 25px;
        flex-wrap: wrap;
        padding: 53px 20px 0px;
    }
    }


    /*++++++++++++++++++++++++++++++++++++++++++++++      360     +++++++++++++++++++++++++++++++++++++++++++++++*/
    @media(max-width:360px) {
        .brow-list {
            margin-left: -30px;
        }
        .brow-row {
            padding: 0px 0 0 0;
        }
        .brow-head {
            font-size: 21px;
            text-align: left;
        }
        .nail-row {
            padding: 0px 0 0 0;
        }
        .nail-head {
            font-size: 23px;
            text-align: left;
        }
        .nail-list {
            margin-left: -30px;
        }
        .lash-row {
            padding: 0px 0 0 0;
        }

        .lash-head {
            font-size: 21px;
            text-align: left;
        }

        .lash-list {
            margin-left: -30px;
        }
        .popup-title {
            color: #543E33;
            margin-bottom: 30px;
            font-size: 26px;
        }
        .leave-btn {
            font-size: 15px;
        }
        .form-area h2 {
            margin-bottom: 0px;
            font-size: 26px;
        }
        .why-header h1 {
            font-size: 28px;
        }
        .why-content {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            padding: 7px 12px;
        }
        .ban-left {
            width: 100%;
            min-height: 276px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .nav-links a {
            font-size: 20px;
            text-align: left;
            margin-bottom: 0px;
        }
        .about-subtitle {
            font-size: 26px;
            margin-bottom: 28px;
            padding: 0px 4px;
        }
        .about-subtitle {
            font-size: 27px;
            margin-bottom: 28px;
            padding: 0px 4px;
        }
        .philo-img {
            width: 100%;
            height: auto;
            margin-top: 0px;
        }

        .exp-left {
            order: 1;
            justify-content: center;
            align-items: center;
            min-height: 250px;
        }
        .side-subtitle {
            /* margin-left: -253px; */
            margin-right: -15px;
            text-align: left;
            margin-bottom: 2px;
            font-size: 17px;
        }
        .star-heading {
            font-size: 14px;
        }
       
        .sec-left {
            min-height: 290px;
        }
        .sec-right {
            min-height: 49vh;
        }
        .sec-subtitle {
            font-size: 28px;
            margin-bottom: 34px;
        }

        .sec-heading {
            font-size: 18px;
            margin-left: 4px;
            margin-right: 1px;
        }

        .photo {
            margin-left: 0;
            margin-top: -7px;
            width: 71%;
            height: auto;
        }

        .section-header h2 {
            font-size: 42px;
            color: #543E33;
            margin-bottom: -49px;
            margin-top: 25px;
            font-weight: 400;
        }
        .service-box p {
            font-size: 16px;
        }
        .section-subtext {
            color: #555;
            font-size: 18px;
            color: #543E33;
        }
        .title-area {
            text-align: center;
            margin: 14px 12px -44px;
            max-width: 1007px;
        }
        .section-heading {
            margin-left: 1px;
        }

        .inspire-header {
            text-align: left;
            padding: 0px 12px 0px;
        }

        .site-title {
            font-size: 18px;
        }

        .about-left{
            min-height: 200px;
        }
        .about-right {
            min-height: 48vh;
        }
        .photo0 {
            margin-top: 82px;
        }

        .about-subtitle {
            font-size: 27px;
            margin-bottom: 26px;
        }

        .about-heading {
            font-size: 20px;
            margin-left: 3px;
            margin-right: 5px;
            margin-bottom: 30px;
        }

        .philo-subtitle {
            font-size: 17px;
            margin-bottom: 31px;
        }
        .right-side {
            padding: 0px;
            margin-top: 13px;
        }
        .philo-heading {
            font-size: 28px;
            margin-bottom: 1.5rem;
        }

        .ybe-text {
            font-size: 25px;
        }
        .map-iframe {
            width: 87%;
            margin-left: 37px;
            height: 86%;
            margin-top: 43px;
            border: 0;
        }
        .ser-left {
            width: 100%;
            min-height: 338px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
       
        .ser-content {
            text-align: center;
            margin-bottom: -55px;
        }

        .photo9 {
            width: 350px;
            height: 362px;
        }

        .left h2 {
            font-size: 20px;
            margin-bottom: 39px;
            margin-top: 17px;
        }
        .side-heading {
            font-size: 16px;
            margin: 30px 0 20px 0;
            margin-left: -49px;
            text-align: center;
        }
        .exp-subtitle {
            font-size: 32px;
            margin-right: 0px;
        }

        .expect-list {
            font-size: 20px;
            line-height: 1.8;
        }

        .contact-wrapper {
            display: block;
            /*height:114vh;*/
        }
        .fran-image {
            width:100%;
        }
        .ban-heading {
            font-size: 26px;
        }

        .title {
            font-size: 40px;
        }

        .subtext {
            font-size: 20px;
            margin-bottom: 30px;
            font-weight: 300;
        }
        .ser-content {
            text-align: center;
            margin-bottom: -14px;
        }
       
    }





@media (max-width: 768px) {

    .fran-hero {
        margin-top: 70px;
        min-height: auto;
        padding: 40px 0;
        background-position: center top;
    }

    .fran-inner {
        padding: 0 15px;
        display: flex;
        justify-content: center;
    }

    .fran-box {
        width: 100%;
        min-height: auto;
        padding: 24px 20px;
        border-radius: 6px;
    }

    .fran-title {
        font-size: 30px;
        line-height: 1.3;
        margin-bottom: 18px;
    }

    .fran-highlight {
        font-size: 15px;
        margin-bottom: 18px;
        padding-bottom: 10px;
    }

    .fran-text {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 12px;
    }

    .fran-cta {
        font-size: 15px;
        margin-top: 20px;
    }
}
@media (max-width: 576px) {
    .wow-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

/* ===============================
   FINAL MOBILE TIMELINE – FIXED
   =============================== */
@media (max-width: 768px) {

    /* page overflow fix */
    body {
        overflow-x: hidden;
    }

    /* popup layout */
    .popup-wrapper {
        flex-direction: column;
        padding: 20px;
        gap: 40px;
    }

    .popup-left {
        width: 100%;
        padding: 0px 14px 0 0px
    }
    .popup-right {
        width: 100%;
    }
    .timeline-item,
    .timeline-item.left {
        all: unset;
        display: block;
        position: relative;
        margin-bottom: 36px; /* 🔑 SAME GAP FOR ALL */
    }
        .timeline-item.right {
            all: unset;
            display: block;
            position: relative;
            margin-bottom: 36px; /* 🔑 SAME GAP FOR ALL */
        }
    /* timeline wrapper & line */
    .timeline-wrapper {
        position: relative;
    }

        .timeline-wrapper::before {
            content: "";
            position: absolute;
            left: 10px;
            top: 0;
            bottom: 0;
            width: 3px;
            background: #d6d6d6;
        }

        .timeline-wrapper::after,
        .timeline-wrapper .top-dot,
        .timeline-wrapper .top-dot2 {
            display: none;
        }

    /* DOT */
    .timeline-item .dot {
        position: absolute;
        left: -20px;
        top: 0;
        width: 26px;
        height: 26px;
        transform: none;
        box-shadow: 0 0 0 5px #C6B2A6;
    }

    /* STEP */
    .timeline-item .step {
        position: relative;
        margin-left: 44px;
        margin-top: 2px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
    }

    /* CONTENT */
    .timeline-item .content {
        position: relative;
        margin-left: 44px;
        width: calc(100% - 56px);
        padding: 14px 18px;
        font-size: 15px;
        line-height: 1.4;
        transform: none;
    }

        /* REMOVE DESKTOP ARROWS */
        .timeline-item .content::before {
            display: none;
        }

    /* NO HOVER / NO SHIFT */
    .timeline-item:hover * {
        transform: none !important;
    }
    .timeline-item.left .content {
        right: 40%;
        transform: translateX(-55px);
        text-align: left;
        font-size: 16px;
        font-weight: 600;
    }
    }