/* ************************** Code For RESPONSIVENESS ************************** */
@media only screen and (min-width: 541px) and (max-width: 720px) {

    /* ******* Hero-info ******** */
    .hero-bg {
        width: 100vw;
        height: 100vh;
        background-color: #090909;
        background-size: cover;
    }

    .hero-wrap {
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 80%);
        color: var(--white);
    }

    .hero-wrap>h1 {
        font-size: var(--txt-m-re);
        padding: 0.3rem;
    }

    .hero-wrap h1::before {
        left: calc(-80% - 0px);
    }

    .hero-info {
        width: 520px;
        padding-left: 100px;
        padding-top: 0px;
    }

    .hero-info h1 {
        width: 500px;
        margin: 0.1rem 0;
        font-size: 36px;
        font-weight: 400;
    }

    .hero-info p {
        font-size: 20px;
        padding-top: 35px;
        padding-bottom: 80px;
    }

    /* ***** Who part****** */
    .who-info {
        padding: 50px;
    }

    .who-info p {
        font-size: var(--txt-s-re);
    }

    .who-info h1 {
        font-size: 24px;
    }


    .rudra {
        padding: 50px;
    }

    .rudra p {
        font-size: var(--txt-s-re);
    }

    .rudra h1 {
        font-size: 24px;
    }

    .aksha {
        padding: 50px;
    }

    .aksha p {
        font-size: var(--txt-s-re);
    }

    .aksha h1 {
        font-size: 24px;
    }

    .chennai {
        padding: 50px;
    }

    .chennai p {
        font-size: var(--txt-s-re);
    }

    .chennai h1 {
        font-size: 24px;
    }

    /* ****** About Part ***** */
    .about-bg img {
        display: none;
    }

    .about-info {
        padding: 70px;
    }

    .about-info p {
        font-size: var(--txt-m-re);
        padding-bottom: 50px;
        padding-top: 50px;
    }

    .about-info h1 {
        width: 500px;
    }

    /* **** cards **** */
    .adv-para {
        padding: 50px;
    }

    .adv-para p {
        font-size: var(--txt-s-re)
    }

    .adv-para h1 {
        font-size: 24px;
    }

    .cards {
        flex-direction: column;
        align-items: center;
    }

    /* **** Contribute *** */
    .contri-bg p {
        font-size: var(--txt-s-re);
    }

    .contri-bg>h1 {
        font-size: 36px;
    }

    .contri-bg>h3 {
        font-size: 20px;
    }

    .team-join {
        padding: 50px;
    }

    .sponser-us {
        padding: 50px;
        padding-bottom: 100px;
    }

    .team-join h1 {
        font-size: 24px;
    }

    .sponser-us h1 {
        font-size: 24px;
    }

    /* ****** Member Info ****** */
    .info-container {
        flex-direction: column;
        align-content: center;
        padding: 90px;
    }

    .info-container2 {
        flex-direction: column;
        align-content: center;
    }

    .img-card {
        padding: 30px;
        align-self: center;
    }

    .spec-info p {
        font-size: var(--txt-s-re);
    }

    .spec-info p::before {
        font-size: 100px;
    }

    .spec-info p::after {
        font-size: 100px;
    }

    /* ******* Image - Gallery ****** */
    .Image-gallery {
        padding: 50px;
        flex-flow: wrap;
        align-items: center;
    }

    .Image-gallery img {

        margin: 2px;
    }
}

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

    /* ******* Hero-info ******** */
    .hero-bg {
        width: 100vw;
        height: 110vh;
        background-color: #090909;
        background-size: cover;
    }

    .hero-wrap {
        height: 110vh;
        width: 100vw;
        color: var(--white);
    }

    .hero-wrap>h1 {
        font-size: var(--txt-m-re);
        padding: 0.3rem;
        display: none;
    }

    .hero-wrap h1::before {
        left: calc(-80% - 0px);
    }

    .hero-info {
        width: 500px;
        padding-left: 20px;
        padding-top: 0px;
    }

    .hero-info h1 {
        width: 90vw;
        margin: 0.1rem 0;
        font-size: 36px;
    }

    .hero-info p {
        font-size: 16px;
        padding-top: 15px;
        padding-bottom: 50px;
        width: 90vw;
    }

    /* ***** Who part****** */
    .who-info {
        padding: 30px;
    }

    .who-info p {
        font-size: var(--txt-s-re);
    }

    .who-info h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    .rudra {
        padding: 30px;
    }

    .rudra p {
        font-size: var(--txt-s-re);
    }

    .rudra h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    .aksha {
        padding: 30px;
    }

    .aksha p {
        font-size: var(--txt-s-re);
    }

    .aksha h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    .chennai {
        padding: 30px;
    }

    .chennai p {
        font-size: var(--txt-s-re);
    }

    .chennai h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    /* ****** About Part ***** */
    .about-bg {
        height: 320px;
    }

    .about-bg img {
        display: none;
    }

    .about-info {
        padding: 30px;
        height: fit-content;
    }

    .about-info p {
        font-size: var(--txt-s-re);
        padding-bottom: 15px;
        padding-top: 15px;
    }

    .about-info h1 {
        font-size: 24px;
    }

    .btn-group {
        padding: 0;
    }

    /* **** cards **** */
    .adv-para {
        padding: 30px;
    }

    .adv-para h1 {
        padding-bottom: 5px;
    }

    .adv-para p {
        font-size: var(--txt-s-re)
    }

    .adv-para h1 {
        font-size: 24px;
    }

    .cards {
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    /* **** Contribute *** */
    .contri-bg p {
        font-size: var(--txt-s-re);
    }

    .team-join {
        padding: 30px;
    }

    .sponser-us {
        padding: 30px;
        padding-bottom: 80px;
    }

    .contri-bg>h1 {
        align-self: center;
        padding: 20px 24px;
        font-weight: 400;
        font-size: 30px;
    }

    .contri-bg h3 {
        font-weight: 200;
        font-size: 20px;
    }

    .team-join h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    .sponser-us h1 {
        font-size: 24px;
        padding-bottom: 5px;
    }

    /* ****** Member Info ****** */
    .info-container {
        flex-direction: column;
        align-items: center;
        padding: 30px;
    }

    .info-container2 {
        flex-direction: column;
        align-items: center;
        align-items: center;
        align-self: center;
        align-content: center;
    }

    .-info p {
        font-size: var(--txt-s-re);
    }

    .img-card {
        align-self: center;
        padding: 30px;
    }

    .spec-info p::before {
        font-size: 100px;
    }

    .spec-info p::after {
        font-size: 100px;
    }

    /* ******* Image - Gallery ****** */
    .Image-gallery {
        padding: 10px;
        flex-flow: wrap-reverse;
        align-items: center;
    }

    .Image-gallery img {
        width: 50%;
        height: 50%;
        margin: 2px;
    }
}

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

    /* ******* Hero-info ******** */
    .hero-bg {
        width: 100vw;
        height: 125vh;
        background-color: #090909;
        background-size: cover;
    }

    .hero-wrap {
        height: 125vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 80%);
        color: var(--white);
    }

    .hero-wrap>h1 {
        font-size: var(--txt-md);
        padding: 0.1rem;
    }

    .hero-wrap h1::before {
        left: calc(-80% - 0px);
    }

    .hero-info {
        width: 750px;
        padding-left: 100px;
    }

    .hero-info h1 {
        width: 700px;
        margin: 0.1rem 0;
        font-size: 50px;
        font-weight: 400;
    }

    .hero-info p {
        font-size: var(--txt-m-re);
        padding-top: 35px;
        padding-bottom: 80px;
    }

    /* ***** Who part****** */
    .who-info {
        padding: 120px;
    }

    .who-info p {
        font-size: var(--txt-md);
    }


    .rudra {
        padding: 120px;
    }

    .rudra p {
        font-size: var(--txt-md);
    }


    .aksha {
        padding: 120px;
    }

    .aksha p {
        font-size: var(--txt-md);
    }

    .chennai {
        padding: 120px;
    }

    .chennai p {
        font-size: var(--txt-md);
    }

    /* ****** About Part ***** */
    .about-bg img {
        display: none;
        width: 50vw;
        height: 50vh;
    }

    .about-info {
        padding: 120px;
    }

    .about-info p {
        font-size: var(--txt-md);
        padding-bottom: 50px;
        padding-top: 50px;
    }

    /* **** cards **** */
    .adv-para {
        padding: 70px 90px 50px 90px;
    }

    .adv-para p {
        font-size: var(--txt-md)
    }

    .cards {
        flex-direction: row;
    }

    /* ****** Member Info ****** */
    .info-container {
        flex-direction: row;
        align-content: center;
        padding: 90px;
    }

    .info-container2 {
        flex-direction: row;
        align-content: center;
    }

    .spec-info p {
        font-size: var(--txt-sm);
    }

    .img-card {
        padding-right: 3rem;
    }
}

@media only screen and (min-width: 721px) and (max-width: 1024px) {}