@media only screen and (min-width: 3001px) {
    .rsvp-form {
        width: 35vw;
    }

    .rsvp-form h3 {
        font-size: 2.5rem !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2rem;
        color: #6b4c3b;
    }

    .rsvp-form input,
    .rsvp-form textarea {
        font-size: 2rem !important;
    }

    .rsvp-form input:placeholder,
    .rsvp-form textarea:placeholder {
        font-size: 2rem !important;
    }

    .guest-counter span {
        font-size: 2rem;
        width: 5rem;
        text-align: center;
    }

    .sec-eight {
        height: 40vw;
    }

    .sec-eight {
        margin-top: calc(100% - 52vw);
        height: 40vw;
    }

    .sec-nine {
        margin-top: calc(100% - 50vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

}

@media only screen and (max-width: 3001px) {
    .rsvp-form h3 {
        font-size: 2.5rem !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2rem;
        color: #6b4c3b;
    }

    .rsvp-form input,
    .rsvp-form textarea {
        font-size: 2rem !important;
    }

    .rsvp-form input:placeholder,
    .rsvp-form textarea::placeholder {
        font-size: 2rem;
    }

    .guest-counter span {
        font-size: 2rem;
        width: 5rem;
        text-align: center;
    }

    .sec-eight {
        margin-top: calc(100% - 52vw);
        height: 40vw;
    }

    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

    .top-sec {
        height: 50vw !important;
    }


    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        /* scale: 1.7; */
        height: 50vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        /* scale: 1.5; */
        height: 50vw !important;

    }



    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 50vw !important;

    }


    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        /* scale: 1.24; */
        /* left: 2vw; */
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        /* scale: 1.14; */
        height: 50vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        /* scale: 1.15; */
        height: 50vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 40vw);
        height: 50vw;
    }

}

@media only screen and (max-width: 2550px) {
    .rsvp-form {
        width: 44vw;
    }

    .rsvp-form h3 {
        font-size: 1.8rem !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1.6rem;
        color: #6b4c3b;
    }

    .rsvp-form input,
    .rsvp-form textarea {
        font-size: 1.4rem !important;
    }

    .rsvp-form input::placeholder,
    .rsvp-form textarea::placeholder {
        font-size: 1.4rem;
    }

    .guest-counter span {
        font-size: 1.6rem;
        width: 5rem;
        text-align: center;
    }

    .top-sec {
        height: 50vw !important;
    }


    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        /* scale: 1.7; */
        height: 50vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        /* scale: 1.5; */
        height: 50vw !important;

    }



    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 50vw !important;

    }


    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        /* scale: 1.24; */
        /* left: 2vw; */
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        /* scale: 1.14; */
        height: 50vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        /* scale: 1.15; */
        height: 50vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 40vw);
        height: 50vw;
    }

    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

}

@media only screen and (max-width: 1920px) {
    .top-sec {
        height: 50vw !important;
    }


    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        /* scale: 1.7; */
        height: 50vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        /* scale: 1.5; */
        height: 50vw !important;

    }



    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 50vw !important;

    }


    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        /* scale: 1.24; */
        /* left: 2vw; */
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        /* scale: 1.14; */
        height: 50vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        /* scale: 1.15; */
        height: 50vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 40vw);
        height: 50vw;
    }

    .flower img {
        width: 18vw;
    }

    .regards img {
        width: 18vw;
    }

    .family img {
        width: 35vw;
    }

    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

    .RSVP img {
        width: 15vw;
    }

    .LTS img {
        width: 25vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 2vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 1.4rem !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1.2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 1.5vw;
    }

    .guest-counter span {
        font-size: 1.5vw;
        width: 2.5vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 1.5vw !important;
        line-height: 1.5vw !important;
    }
}

@media only screen and (max-width: 1600px) {
    .top-sec {
        height: 50vw !important;

    }


    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        /* scale: 1.7; */
        height: 50vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        /* scale: 1.5; */
        height: 50vw !important;

    }



    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 50vw !important;

    }


    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        /* scale: 1.24; */
        /* left: 2vw; */
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        /* scale: 1.14; */
        height: 50vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        /* scale: 1.15; */
        height: 50vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 38vw);
    }

    .flower img {
        width: 18vw;
    }

    .regards img {
        width: 18vw;
    }

    .family img {
        width: 35vw;
    }


    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

    .RSVP img {
        width: 15vw;
    }

    .LTS img {
        width: 25vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 2vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 1.4rem !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1.2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 1.2vw;
    }

    .guest-counter span {
        font-size: 1.2vw;
        width: 2.5vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 1.5vw !important;
        line-height: 1.5vw !important;
    }


}

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


    /* Top Section of webpage */
    /* Section 2 responsive start */



    /* Section 2 responsive end */

    /* Section 3 responsive start */



    /* Section 3 responsive end */

    /* Section 4 responsive start */



    /* Section 4 responsive end */

    /* Section 5 responsive start */



    /* Section 5 responsive end */

    /* Section 6 responsive start */



    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .rsvp-form h3 {
        font-size: 1.2rem !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1rem;
        color: #6b4c3b;
    }

    .rsvp-form input::placeholder,
    .rsvp-form textarea::placeholder {
        font-size: 1rem;
    }

    .guest-counter span {
        font-size: 1rem;
    }



    /* Section 7 responsive end */



    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 2.5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 1.05rem !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 1vw;
    }

    .guest-counter span {
        font-size: 1vw;
        width: 2vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 1vw !important;
        line-height: 1vw !important;
    }


}

@media only screen and (max-width: 1115px) {
    section {
        /* height: 50vh !important; */
        /* width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 90vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.45;
        left: -82vw;
        top: -12.25vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: 7%;
        top: 44vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 26.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 22.2vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 30vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 55vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 50vw !important;

    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 45vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 43vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 60vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 30vw);
    }

    .flower img {
        width: 18vw;
    }

    .regards img {
        width: 18vw;
    }

    .family img {
        width: 35vw;
    }

    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

    .RSVP img {
        width: 15vw;
    }

    .LTS img {
        width: 25vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }


}

@media only screen and (max-width: 992px) {
    section {
        /* height: 50vh !important; */
        /* width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 90vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.4;
        left: -92vw;
        top: -13.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: -0.15vw;
        top: 44vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 26.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 22.2vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 30vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 55vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 50vw !important;

    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    .sec-three-text-2 p {
        margin-bottom: 0 !important;
    }

    .sec-three-text-3 p {
        margin-bottom: 0 !important;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 45vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 43vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 60vw !important;

    }

    .sec-seven .text p{
        margin-bottom: 0 !important;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 35vw);
    }

    .flower img {
        width: 18vw;
    }

    .regards img {
        width: 18vw;
    }

    .family img {
        width: 35vw;
    }

    .sec-nine {
        margin-top: calc(100% - 95vw);
    }

    .sec-nine-text {
        margin-top: -32vw;
    }

    .RSVP img {
        width: 15vw;
    }

    .LTS img {
        width: 25vw;
    }




    .rsvp-form {
        background: #fff;
        width: 90%;
        padding: 6vw;
        margin-inline: auto;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }


}

@media only screen and (max-width: 991px) {
    .ecard-header {
        height: 55vw;
    }

    .sangeet,
    .aiburobhat {
        height: 32vh;
    }

    .gayeholud {
        height: 51vh;
    }

    /* .wedding {
        height: 52vh;
    } */

    .reception {
        height: 29vh;
    }

    .ending {
        height: auto;
        padding-top: 5rem;
        padding-bottom: 7rem;
    }

    .diwerwer {
        margin-bottom: 1.5rem;
    }

    .fgfyhtdsdsfswd .col-lg-2:first-child .doekworwer {
        margin-top: 0.5rem;
    }

    .sfsfgrreeeer {
        width: 50%;
    }

    .duiewjewr {
        transform: initial;
    }

    .rsvp-form h3 {
        font-size: 1.2rem !important;
        margin-bottom: 1.2rem !important;
    }

    .radio {
        display: inline-flex;
        font-size: 1rem;
        color: #6b4c3b;
    }

    .rsvp-form input:placeholder,
    .rsvp-form textarea::placeholder {
        font-size: 1rem;
    }

    .guest-counter span {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 885px) {
    section {
        /* height: 50vh !important; */
        /* width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 90vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.4;
        left: -92vw;
        top: -13.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: -0.15vw;
        top: 44vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 26.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 22.2vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 30vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 55vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 50vw !important;

    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    .sec-three-text-2 p {
        margin-bottom: 0 !important;
    }

    .sec-three-text-3 p {
        margin-bottom: 0 !important;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 45vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 50vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 43vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 60vw !important;

    }

    .sec-seven .text p{
        margin-bottom: 0 !important;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 35vw);
    }

    .flower img {
        width: 18vw;
    }

    .regards img {
        width: 18vw;
    }

    .family img {
        width: 35vw;
    }

    .sec-nine {
        margin-top: calc(100% - 90vw);
    }

    .sec-nine-text {
        margin-top: -62vw;
    }

    .RSVP img {
        width: 15vw;
    }

    .LTS img {
        width: 25vw;
    }


    .rsvp-form {
        background: #fff;
        width: 90%;
        padding: 6vw;
        margin-inline: auto;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }


}

@media only screen and (max-width: 835px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 110vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -128vw;
        top: -16.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: -8.15vw;
        top: 61vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 35vw);
    }

    .flower img {
        width: 25vw;
    }

    .regards img {
        width: 25vw;
    }

    .family img {
        width: 45vw;
    }

    .sec-nine {
        margin-top: calc(100% - 85vw);
    }

    .sec-nine-text {
        margin-top: -70vw;
    }

    .RSVP img {
        width: 20vw;
    }

    .LTS img {
        width: 35vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 801px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 110vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.3;
        left: -128vw;
        top: -16.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: -11.15vw;
        top: 61vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 35vw);
    }

    .flower img {
        width: 25vw;
    }

    .regards img {
        width: 25vw;
    }

    .family img {
        width: 45vw;
    }

    .sec-nine {
        margin-top: calc(100% - 85vw);
    }

    .sec-nine-text {
        margin-top: -80vw;
    }

    .RSVP img {
        width: 20vw;
    }

    .LTS img {
        width: 35vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 769px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 110vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.3;
        left: -133vw;
        top: -17.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.65;
        left: -11.15vw;
        top: 61vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 35vw);
    }

    .flower img {
        width: 25vw;
    }

    .regards img {
        width: 25vw;
    }

    .family img {
        width: 45vw;
    }

    .sec-nine {
        margin-top: calc(100% - 85vw);
    }

    .sec-nine-text {
        margin-top: -64vw;
    }

    .RSVP img {
        width: 20vw;
    }

    .LTS img {
        width: 35vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 601px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 150vw !important;

    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.3;
        left: -203vw;
        top: -22.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: 168vw;
        scale: 0.55;
        left: -32.15vw;
        top: 58vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 110vw !important;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 65vw !important;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 75vw !important;
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 75vw !important;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 75vw !important;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 30vw);
    }

    .flower img {
        width: 30vw;
    }

    .regards img {
        width: 30vw;
    }

    .family img {
        width: 50vw;
    }

    .sec-nine {
        margin-top: calc(100% - 85vw);
    }

    .sec-nine-text {
        margin-top: -95vw;
    }

    .RSVP img {
        width: 25vw;
    }

    .LTS img {
        width: 40vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 600px) {
    .fgfyhtdsdsfswd.mt-5 {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 576px){
    .sec-nine-text {
        margin-top: -100vw;
    }
}

@media only screen and (max-width: 544px){
    .sec-nine-text {
        margin-top: -106vw;
    }
}

@media only screen and (max-width: 515px){
    .sec-nine-text {
        margin-top: -110vw;
    }
}

@media only screen and (max-width: 500px){
    .sec-nine-text {
        margin-top: -115vw;
    }
}

@media only screen and (max-width: 474px){
    .sec-nine-text {
        margin-top: -120vw;
    }
}

@media only screen and (max-width: 454px){
    .sec-nine-text {
        margin-top: -125vw;
    }
}

@media only screen and (max-width: 436px){
    .sec-nine-text {
        margin-top: -106vw;
    }
}

@media only screen and (max-width: 429px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.17;
        left: -287vw;
        top: -31.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -65.15vw;
        top: 52vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 25vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    /*.sec-nine-text {*/
    /*    margin-top: -97vw;*/
    /*}*/

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 2vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 2vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 2vw;
        width: 3vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 2vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 415px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        /*height: 120vw !important;*/
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.24;
        left: -314vw;
        top: -34.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -69.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        /*height: 65vw !important;*/
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        /*height: 55vw !important;*/
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        /*height: 55vw !important;*/
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        /*height: 55vw !important;*/
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        /*height: 55vw !important;*/

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 25vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    .sec-nine-text {
        margin-top: -115vw;
    }

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 413px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 160vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.24;
        left: -314vw;
        top: -34.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -69.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 75vw !important;

    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 65vw !important;

    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 85vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 55vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 55vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 55vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }


    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    /*.sec-nine-text {*/
    /*    margin-top: -108vw;*/
    /*}*/

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 2vw !important;
    }

}

@media only screen and (max-width: 394px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 150vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.15;
        left: -316vw;
        top: -34.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -75.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 85vw !important;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 70vw !important;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 75vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 65vw !important;

    }

    /* Section 5 responsive end */
3
    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 65vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 55vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    /*.sec-nine-text {*/
    /*    margin-top: -108vw;*/
    /*}*/

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 4vw !important;
    }
}

@media only screen and (max-width: 393px){
    .sec-nine-text {
        margin-top: -110vw;
    }
}

@media only screen and (max-width: 391px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.15;
        left: -316vw;
        top: -34.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -75.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: 100%;
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 50vw);
    }

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 4vw !important;
    }

}

@media only screen and (max-width: 376px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.15;
        left: -332vw;
        top: -36.6vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -82.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    /*.sec-nine-text {*/
    /*    margin-top: -100vw;*/
    /*}*/

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 4vw !important;
    }
}

@media only screen and (max-width: 361px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
        height: 140vw !important;
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.15;
        left: -354vw;
        top: -37.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.35;
        left: -87.15vw;
        top: 50vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
        height: 80vw !important;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
        height: 60vw !important;

    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
        height: 60vw !important;

    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
        height: 60vw !important;

    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
        height: 60vw !important;

    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
        height: 60vw !important;

    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 65vw);
    }

    .sec-nine-text {
        margin-top: -115vw;
    }

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 3vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 4vw !important;
    }
}
 

@media only screen and (max-width: 355px){
    .top-sec-last-text img {
        left: -90.15vw;
    }
}


@media only screen and (max-width: 321px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.15;
        left: -400vw;
        top: -42.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.29;
        left: -104.15vw;
        top: 49vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    .sec-nine-text {
        margin-top: -180vw;
    }

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 4vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 5vw !important;
    }

    button{
        font-size: 5vw !important;
    }
}

@media only screen and (max-width: 314px){
    .top-sec-last-text img {
        left: -109.15vw;
    }
}

@media only screen and (max-width: 281px) {
    section {
        /* height: 147vw !important;
        width: 100vw;
        border: 1px black solid; */
    }

    /* Top Section CSS Start */

    .top-sec {
        position: relative;
        overflow: hidden;
        /* VERY IMPORTANT */
    }

    /* .top-deco-image-line img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.105;
        left: -461vw;
        top: -48.75vw;
    } */

    .dhdhtryjrjrer img {
        width: 58vw;
    }

    .top-sec-last-text img {
        position: absolute;
        height: auto;
        width: auto;
        scale: 0.27;
        left: -125vw;
        top: 43vw;
    }

    .top-sec-1st-text {
        position: absolute;
        left: 50%;
        /* top: 55.81vw; */
        transform: translateX(-50%);
    }

    .top-sec-1st-text img {
        width: 45.7vw;
    }

    .ganesh-img {
        position: absolute;
        left: 50%;
        top: 24.81vw;
        transform: translateX(-50%);
    }

    .ganesh-img img {
        width: 50vw;
    }

    /* Top Section of webpage */
    /* Section 2 responsive start */

    .sec-two {
        position: relative;
        /* top: 62vw; */
        scale: 1.7;
    }

    /* Section 2 responsive end */

    /* Section 3 responsive start */

    .sec-three {
        position: relative;
        /* top: -26vw; */
        scale: 1.5;
    }

    .right-side {
        position: relative;
        left: -4vw;
        scale: 0.75;
        top: -2vw;
    }

    .left-side {
        position: relative;
        scale: 0.75;
        left: 3.5vw;
        top: -2vw;
    }

    /* Section 3 responsive end */

    /* Section 4 responsive start */

    .sec-four {
        position: relative;
        /* top: -122.7vw; */
    }

    .background {
        position: relative;
        scale: 1.1;
        left: 3vw;
    }

    .texts {
        position: relative;
        scale: 1.3;
        top: -13vw;
        left: 9vw;
    }

    /* Section 4 responsive end */

    /* Section 5 responsive start */

    .sec-five {
        position: relative;
        /* top: -201vw; */
        scale: 1.24;
        left: 2vw;
    }

    /* Section 5 responsive end */

    /* Section 6 responsive start */

    .sec-six {
        position: relative;
        /* top: -290vw; */
        scale: 1.14;
    }

    /* Section 6 responsive end */

    /* Section 7 responsive start */

    .sec-seven {
        position: relative;
        /* top: -375vw; */
        scale: 1.15;
    }

    /* Section 7 responsive end */

    .sec-eight {
        margin-top: calc(100% - 20vw);
    }

    .flower img {
        width: 35vw;
    }

    .regards img {
        width: 35vw;
    }

    .family img {
        width: 55vw;
    }

    .sec-nine-text {
        margin-top: -207vw;
    }

    .sec-nine {
        margin-top: calc(100% - 70vw);
    }

    .RSVP img {
        width: 30vw;
    }

    .LTS img {
        width: 45vw;
    }

    .rsvp-form {
        background: #fff;
        /* width: 121vw;
        padding: 6vw;
        margin-top: 0%;
        margin-left: 3%; */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        line-height: 5vw;
        /* height: 117vw; */
    }

    .sec-ten .rsvp-form .h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        margin-bottom: 1% !important;
        margin-top: 4% !important;
        font-size: 3vw !important;
        line-height: 0.9 !important;
    }

    .radio {
        display: inline-flex;
        font-size: 4vw;
        color: #6b4c3b;
    }

    .guest-counter button {
        font-size: 2vw;
    }

    .guest-counter span {
        font-size: 3vw;
        width: 4vw;
        text-align: center;
    }

    input,
    button,
    select,
    optgroup,
    textarea {
        margin: 0;
        font-family: inherit;
        font-size: 3vw !important;
        line-height: 6vw !important;
    }

}