@media (max-width:1598px){
    .container{
        max-width:1320px;
    }
    :root{
        /* --size-16: 1rem;
        --size-20: 1.25rem;
        --size-23: 1.4rem;
        --size-24: 1.5rem;
        --size-25: 1.4rem;
        --size-30: 1.875rem;
        --size-34: 2.125rem;
        --size-47: 2.7rem;
        --size-50: 3.125rem;
        --size-80: 4rem;
        --size-90: 4.6rem;
        --size-100: 5rem;
        --size-129: 7rem; */
        --size-640: 34rem;
    }
    .main-banner-heading {
        max-width: 700px;
    }
    .our-members-main{
        min-height:120px;
        padding:0;
    }
    .banner-bg .modal-dialog{
        max-width:40%;
    }
    /* About-us-page */
     .face-box p{
        font-size:var(--size-34);
        line-height:1;
    }
    .why-rl-top-images{
        max-width:480px;
    }
    .rl-about .why-rl-top-images .bottom-left-image{
        width:360px;
        bottom:-80px;
        left:-100px;
    }
    .research-face-content{
        padding: 1rem;
    }
    /* About-us-page-end */
}

@media (max-width:1399px){
     :root{
        /* --size-16:1rem;
        --size-20: 1.1rem;
        --size-23: 1.2rem;
        --size-24:1.48rem;
        --size-25:1.2rem;
        --size-30:1.5rem;
        --size-34:2.125rem;
        --size-47: 2.2rem;
        --size-50:2.4rem;
        --size-80:2.6rem;
        --size-90:4.2rem;
		--size-100:4.5rem;
        --size-129:5rem; */
        --size-640:30rem;
    }
    h2{
        line-height: 1;
    }
    .submit-btn{
        width:100% !important;
    }
    .container{
        max-width:1120px;
    }
    .common-btn{
        padding:1rem 0;
        width:275px;
    }
    .main-banner-heading {
        max-width: 600px;
    }

    .why-rl-club {
        padding: 4rem 0;
    }
    .why-rl-club .row {
        margin: 3rem 0 8rem;
    }
    .why-rl-button {
        margin-top: 8rem;
    }
    /* .why-rl-text p{
        line-height:35px;
    } */
    .why-rl-bottom-images, .why-rl-top-images{
        max-width:500px;
    }
    .why-rl-top-images .bottom-left-image{
        width:280px;
        bottom:-70px;
        right: -100px;
        left:-80px;
    }
    .why-rl-club .row:nth-child(odd) .col-lg-7 .why-rl-top-images .bottom-left-image{
        right: -80px;
        left: auto;
    }
    .why-rl-bottom-images .bottom-right-image{
        width:280px;
        bottom:-70px;
        right:-80px;
    }

    .key-fetures-box h3 {
        line-height: 1;
    }

    .community-btn{
        gap:30px;
        width:380px !important;
    }
    .inner-title{
        margin-top:0;
    }

    /* About-Us-page */
     .face-box{
        padding:5rem 1rem;
    }
    .face-icon{
        padding:0.5rem 0.8rem;
    }
    /* .rl-about .why-rl-text p {
        line-height: 40px;
    } */
    .research-face-content .col-lg-3:first-child .face-icon img{
        width: 20px;
    }
    .icon-01{
        padding:0.3rem;
    }
    .icon-02{
        padding:0.5rem 0.4rem;
    }
    .icon-03{
        padding:0.5rem 0.4rem;
    }
    .icon-01 img, .icon-02 img, .icon-03 img{
        width:30px;
    }
    .why-rl-top-images{
        max-width:450px;
    }
    .rl-about .why-rl-top-images .bottom-left-image{
        width:340px;
        bottom:-80px;
        left:-70px;
    }
    .rl-about .why-rl-text h2{
        line-height:1;
    }
    .face-box p{
        font-size:var(--size-30);
        line-height:1;
    }
    /* About-us-page-end */
    /* Community-Page */
     .community-page-heading{
        max-width:500px;
        margin: -100px auto 0;
    }
    /* Community-page-end */
    .contact-logo {
        max-width: 250px;
    }
    .contact-main-box{
        padding: 3rem 3rem 2rem;
    }

    .foundation-title{
        width: 50%;
    }
}

@media (max-width:1290px){
}

@media (max-width:1199px){
     :root{
        /* --size-100: 4rem;
        --size-129: 4.5rem; */
        --size-289: 14rem;
        --size-640:26rem;
    }
    .banner-bg .modal-dialog{
        max-width:50%;
    }
    .rl-about {
        padding: 5rem 0;
    }
    .face-icon{
        width: 50px;
        height: 50px;
    }
    .rl-vision-mission {
        padding: 5rem 0;
    }
    .contact-main-box{
        padding:4rem 2rem 2rem;
    }
    .submit-btn{
        width:100% !important;
    }
    .container{
        max-width:1000px;
    }
    .navbar .navbar-nav .nav-item{
        padding:0 2px;
    }
    .community-heading h2{
        line-height: 1;
    }
    .common-btn{
        padding:1.2rem 0;
        width:265px;
    }
    .community-btn{
        gap:20px;
        width:330px !important;
    }

    .why-rl-top-images, .why-rl-bottom-images{
        max-width:400px;
    }
    .why-rl-top-images .bottom-left-image{
        width:220px;
        bottom:-60px;
        right: -80px;
        left:-60px;
    }
    .why-rl-bottom-images .bottom-right-image{
        width:220px;
        bottom:-60px;
        right:-60px;
    }
    .rl-key-fetures{
        padding-top: 3rem;
    }
    .rl-key-heading{
        margin-bottom: 2rem;
    }
    /* .why-rl-text p{
        line-height:35px;
    } */
    .why-rl-club{
        background:url('../img/why-rlab-bg.png'), var(--blue-purple);
        background-position:center;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .rl-vision-mission-heading h2{
        margin: 0 auto 4rem;
    }
    .vision-mission-content {
        gap: 35px;
    }
    .rl-vision-mission h3{
        margin-bottom: 2rem;
    }
    .vision-mission-text {
        margin-top: 0rem;
    }
}

@media (max-width:1024px){
    /* :root{
         --size-16:0.8rem;
    } */
    .container{
        max-width:900px;
    }
    .nav-button a{
        margin:0 0 0 10px;
    }

    /* About-us-Page */
     .rl-about{
        background:var(--white);
        color:var(--black);
    }
    .research-face-content{
        padding:1rem;
    }
    .face-box p{
        font-size:var(--size-30);
        line-height:1;
    }
    /* About-us-page-end */
    /* Community-page */
     .community-page-heading h3{
        font-size:var(--size-80);
        line-height:1.2;
    }
    .community-white-border .col-lg-6:nth-child(5) .community-page-box .community-page-heading, .community-white-border .col-lg-6:nth-child(6) .community-page-box .community-page-heading{
        max-width:420px;
    }
    .community-page-heading{
        margin:-100px auto 0;
    }
    .community-page-box{
        padding:1rem;
    }
    /* community-page-end */
    .rl-contact-section {
        padding: 3.5rem 0;
    }
    .contact-info-left {
        gap: 25px;
    }
    .contact-box-body .form-control{
        line-height: 2;
        border-radius: 6px;
    }
    .contact-box-body label{
        line-height: 1;
    }
}

@media (max-width:991px){
     :root{
         /* --size-16:1rem;
        --size-20:1.2rem;
        --size-23:1.25rem;
        --size-24:1.3rem;
        --size-25:1.2rem;
        --size-30:1.5rem;
        --size-34:2.125rem;
        --size-50:2.5rem;
        --size-90:3.59rem;
        --size-100:4rem;
        --size-129:6.2rem; */
        --size-640:22rem;
    }

    .nav-button a{
        margin:0;
    }

    .main-banner-heading{
        max-width:100%;
        text-align:center;
    }
    h2{
        line-height:64px;
    }
    .why-rl-text p{
        text-align:center;
    }
    .why-rl-gap{
        margin:0 0 10rem;
    }
    .why-rl-club{
        padding:3rem 0;
        background-position:center, center;
        background-repeat:no-repeat;
        background-size:cover;
    }
    .tranform-btn{
        width:400px;
    }
    .contact-main-box{
        margin-top:5rem;
    }
    .community-headline h2{
        font-size:var(--size-100);
    }
    .footer{
        margin-top:-170px;
        background-position:top 8% left 30%, bottom right, center;
    }
    .footer-navbar{
        margin-top: 2rem;
    }

    .main-banner-heading h1{
        line-height:1;
    }
    .banner-bg .modal-dialog{
        max-width:60%;
    }
    .inner-title{
        margin-top:0px;
    }

    .why-rl-club .row:nth-child(odd) .col-lg-7 .why-rl-top-images,
    .why-rl-top-images {
        margin-inline: auto;
    }
    .community-bg{
        padding: 15rem 0 0;
    }
    .community-headline{
        margin-top: 3rem;
    }
    .community-btn {
        width: 250px !important;
    }
    .community-btn span{
        width: 40px;
        height: 40px;
    }
    .community-btn span img {
        max-width: 15px;
    }

    /* Abou-us-page */
     .rl-about .why-rl-top-images{
        max-width:600px;
        margin-top:4rem;
    }
    /* .vision-mission-text{
        margin-top:9rem;
    } */
    /* .vision-content{
        margin-bottom:10rem;
    } */
    .rl-about .research-main .col-lg-3{
        margin-top:30px;
    }
    .vision-mission-image{
        margin-bottom: 2rem;
        max-width: 80%;
        margin-inline: auto;
    }
    .rl-about .research-main .col-lg-3:nth-child(1), .rl-about .research-main .col-lg-3:nth-child(2){
        margin:0;
    }
    .face-box{
        padding:5rem 2.5rem;
    }
    /* About-us-page-end */

    .faqSec{
        padding: 5rem 0 3rem;
    }

    .rl-foudation-detail{
        padding: 2rem 0 4rem;
    }
    .foundation-title{
        gap: 15px;
        padding: 20px 0 20px;
    }
    .foundation-title h2{
        font-size: var(--size-30);
    }
    .home-sec-text{
        padding: 4rem 0;
    }
}


@media (max-width:850px){
}

@media (max-width:767px){
    .container{
        max-width:100%;
    }
    :root{
        /* --size-24:1.2rem;
        --size-25:1.3rem;
        --size-30:1.3rem;
        --size-34:1.8rem;
        --size-50:2rem;
        --size-90:2.7rem;
		--size-100:3rem;
        --size-129:5rem; */
        --size-640:15rem;
    }
    .contact-main-box{
        padding:4rem 2rem 2rem;
    }
    .submit-btn{
        width:100% !important;
    }
    .banner-bg .modal-dialog{
        max-width:80%;
    }
    .why-rl-gap{
        margin:2rem 0 10rem;
    }
    .community-btn{
        align-items:center;
    }
    .member-counter{
        display:flex;
        flex-direction:column;
        justify-content:space-between;
        align-items:center;
    }
    .middle-divider-gap{
        padding:1rem 0;
    }
    .community-heading h2{
        margin:0 0 3rem;
    }
    .footer{
        margin-top:-130px;
        padding:4rem 0;
    }
    .title-button{
        top:0;
    }
    .why-rl-bottom-images, .why-rl-top-images{
        max-width:450px;
        margin-inline:auto;
    }
    .why-rl-bottom-images .bottom-right-image, .why-rl-top-images .bottom-left-image{
        width:240px;
        bottom:-70px;
        left:-80px;
    }
    .why-rl-bottom-images, .why-rl-top-images{
        max-width:350px !important;
    }
    .why-rl-bottom-images{
        float:right;
    }
    .divider-image img{
        height:50px;
        max-width:100%;
    }
    .our-members-main img{
        max-width:60px;
    }
    .our-members-main{
        min-height:100px;
    }
    .our-members-main .square-brand{
        max-width:120px;
        height:40px;
    }
    h2{
        font-size:var(--size-80);
        line-height:48px;
    }
    .footer-text p{
        line-height:30px;
    }
    .footer-navbar .navbar-link li a{
        line-height:30px;
    }
    .location-info{
        gap:15px;
        margin-top:1rem;
    }
    .rl-community .video-iframe{
        height:290px;
    }
    /* .rl-community .modal-body{
        height:290px;
    }
    */
     .rl-community .btn-close{
        padding:3px 12px 3px 6px;
        font-size:1.5rem;
    }
    /* About-us-Page */
     .rl-about{
        padding:3rem 0;
    }
    /* .rl-about .why-rl-text p{
        font-size:1.4rem;
        line-height:1.4;
    } */
    .research-heading h2{
        line-height:1;
    }
    .research-main{
        padding-top:0rem;
    }
    /* .vision-mission-text{
        margin-top:5rem;
    } */
     .vision-mission-text p{
        line-height: 1.4;
     }
    .rl-knowledge-heading h2{
        max-width:500px;
        line-height:1;
    }
    .rl-vision-mission-heading h2{
        max-width:500px;
        line-height:1;
    }
    .rl-about .why-rl-top-images .bottom-left-image{
        width:400px;
        bottom:-100px;
        left:-90px;
    }
    .research-heading h2{
        line-height:1;
    }
    .rl-about .why-rl-top-images{
        max-width:500px;
        margin-top:4rem;
    }
    .face-box{
        padding:5rem 3.7rem;
    }
    .rl-vision-mission{
        padding:4rem 0;
    }
    .rl-vision-mission-heading h2{
        margin:0 auto 4rem;
    }
    /* About-us-page-end */
    /* Community-page */
     .community-page-heading h3{
        font-size:var(--size-50);
        line-height:1;
    }
    .community-page-box ul li{
        font-size:var(--size-24);
        line-height:30px;
    }
    .community-page-box ul li::after{
        background-size:30px;
    }
    .community-page-box ul li{
        padding-left:45px;
    }
    .community-page-heading h3{
        font-size:var(--size-80);
        line-height:1;
    }
    /* Community-page-end */

    /* Rl-foundation */
    .our-goal-content {
        flex-direction: column;
    }

    .our-goal-tick-box img {
        width: 30px;
    }

    .our-goal-tick-box {
        padding: 8px;
    }

    .our-goal-text {
        gap: 40px;
        max-width: 100%;
    }

    .our-goal-box {
        padding: 2rem;
    }

    .foundation-content p {
        font-size: var(--size-24);
    }
    .foundation-title img {
        width: 10px;
        height: 34px;
    }
    .donate-btn {
        width: 400px;
    }


    /* Rl-foundation-end */
}

@media (max-width:575px){
	 /* font-size */
    /* :root{
         --size-16:0.85rem;
        --size-20:0.98rem;
        --size-23:1rem;
        --size-24:1.2rem;
        --size-25:1.3rem;
        --size-30:1.4rem;
        --size-34:1.8rem;
        --size-50:2rem;
        --size-80:2.2rem;
        --size-90:2.7rem;
        --size-129:5rem;
        --size-640:12rem;
    } */
    .banner-bg .modal-dialog{
        max-width:95%;
    }
    .community-headline h2{
        font-size:var(--size-100);
        /* line-height:65px; */
    }
    /*.banner-bg{
        padding:20rem 0 3rem;
        min-height:100%;
    }*/
    .common-btn{
        padding:1rem 0;
        width:225px;
        margin-top:2rem;
    }
    .community-btn{
        gap:20px;
        width:300px !important;
    }
    .rl-key-heading{
        margin-bottom:1rem;
    }
    .why-rl-bottom-images .bottom-right-image, .why-rl-top-images .bottom-left-image{
        width:200px;
        bottom:-70px;
        left:-40px;
    }
    .why-rl-club .row:nth-child(2n+1) .col-lg-7 .why-rl-top-images .bottom-left-image{
        right:-40px;
        left:auto;
    }
    /* About-us-Page */
     .rl-about .why-rl-top-images .bottom-left-image{
        width:250px !important;
        bottom:-50px !important;
        left:-60px !important;
    }
    .rl-about .why-rl-top-images{
        max-width:360px !important;
        margin-top:4rem;
    }
    .vision-mission-image{
        max-width: 100%;
    }
    .vision-content{
        margin-bottom:5rem;
    }
    .rl-about .research-main .col-lg-3:nth-child(1){
        margin:0;
    }
    .rl-about .research-main .col-lg-3:nth-child(2){
        margin-top:30px;
    }
    /* About-us-page-end */
    /* Community-page */
     .community-white-border::before{
        border:none;
    }
    .community-white-border .col-lg-6:nth-child(2) .community-page-box{
        border-top:2px solid #ffffff30;
    }
    .community-white-border .col-lg-6:nth-child(5) .community-page-box .community-page-heading, .community-white-border .col-lg-6:nth-child(6) .community-page-box .community-page-heading{
        max-width:100%;
    }
    .community-page-heading{
        margin:-70px auto 0;
    }
    .community-page-box{
        max-width:430px;
        margin:auto;
    }
    .rl-about .why-rl-gap {
        margin: 2rem 0 6rem;
    }
    /* Community-page-end */
}

@media (max-width:480px){
     :root{
        /* --size-30:1.1rem;
		--size-100:2.5rem; */
        --size-640:9rem;
    }

    .why-rl-bottom-images .bottom-right-image, .why-rl-top-images .bottom-left-image {
        left: 0;
    }
    .why-rl-club .row:nth-child(2n+1) .col-lg-7 .why-rl-top-images .bottom-left-image {
        right: 0;
    }

    .key-fetures-box{
        padding:35px;
        border-radius: 50px 0 50px 0;
    }
    .key-fetures-box h3{
        font-size:var(--size-50);
        line-height:34px;
    }
    .footer{
        margin-top:-80px;
        background-position:top 10% right 10%, bottom right, center;
    }
    .tranform-btn{
        padding:1rem;
    }
    .community-heading h2{
        line-height:37px;
    }

    .tranform-btn{
        font-size:var(--size-23);
        width:340px;
    }
    .why-rl-button{
        margin-top:8rem;
    }
    .why-rl-bottom-images, .why-rl-top-images{
        max-width:300px;
    }
    /* About-Us-Page */
     .rl-about .why-rl-top-images{
        max-width:240px;
    }
    .rl-about .why-rl-top-images .bottom-left-image{
        width:150px;
        bottom:-40px;
        left:-40px;
    }
    /* About-Us-Page-end */
}