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



    .rwa-left-col {

        

        padding: 250px 60px 250px 0px;

    }



    .girl-img {



        top: 58%;

        left: 81%;

    }



    



    .join-us-left {

        

        padding: 70px 180px 70px 0px;

    }

}



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

    .rwa-left-col-header h2{

        font-size: 40px;

        line-height: 57px;

        margin-bottom: 20px;

    }

    .girl-img {

        width: 120px;

    }

    .benefits-img img {

        width: 130px;

    }

    .benefits-img {

        position: absolute;

        top: 1%;

        left: -6%;

        z-index: 1;

    }

    .join-us-left {

        padding: 49px 90px 70px 0px;

    }

    .join-us-header h2 {

        font-size: 40px;

        line-height: 51.6px;

    }

    .details h3 {

        font-size: 19px;

    }

    .details {

        padding: 15px 40px 15px 17px;

    }



}





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



    .rwa-left-col-header h2 {

        font-size: 40px;

        line-height: 50px;

        margin-bottom:25px;

    }

    .join-us{

        flex-direction: column-reverse;

    }

    section.heros-images-section {
       
        padding: 60px 0px;
    }

    .heros-image-section-header h2 {
        
        font-size: 40px;
    }



    



    .rwa-left-col {

        width: 60%;

        padding: 150px 90px 150px 0px;

    }

    .rwa-right-col{

        width: 40%;

    }

    .benefits-content{

        padding-left: unset;

        position: relative;

        z-index: 1;

    }



    .rwa-section .cs-container{



            padding: 0px 60px;

    }



    .header-main .cs-container {

        padding: 0px 60px;

    }



    .girl-img {

       

        width: 10%;

    }



    .benefits-img {

        width: 15%;

        left: -8%;

        top:-3%;

    }



    .join-us-header h2 {



        font-size: 40px;

        line-height: 44px;

    }



    .benefits-header h2 {

        font-size: 44px;

    }



    .join-us-left {

        width: 100%;

        padding: 0px;

    }



    .join-us-right{

        width: 100%;

        margin-bottom: 30px;

    }



    .benefits-info{



        flex-direction:column;

    }



    .benefits-1,

    .benefits-2{



        width:100%;

    }

}





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



    .rwa-info{



        display:flex;

        flex-direction:column;

    }

    .rwa-left-col,

    .rwa-right-col{



        width:100%;

    }



    .header-main .cs-container {

        padding: 0px 45px;

    }



    .rwa-section .cs-container {

        padding: 0px 45px;

    }



    .rwa-left-col,

    .rwa-right-col{



        padding-bottom:40px;

    }



    .benefits-img {

        width: 13%;

        left: -6%;

        top:0%;

    }



    .girl-img {

        position: absolute;

        z-index: 100;

        top: 82%;

        left: 58%;

        width: 9%;

    }



    



    .join-us-left,

    .join-us-right{



        width:100%;

    }

    .rwa-right-col{

        width: 50%;

    margin: auto;

    }

    .rwa-left-col{

        padding-right: 0px;

    }

}





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



    .benefits-img {

        width: 18%;

        left: -8%;

    }

    .rwa-left-col,

    .rwa-right-col {

        padding-bottom: 50px;

    }

} 



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



    .rwa-left-col {

        padding-top: 110px;

        padding-right:0px;

    }

    .heros-image-section-header h2{

        font-size: 30px;
        line-height: 40px;
    }



    .rwa-left-col-header h2 ,.join-us-header h2 {

            font-size: 30px;

            line-height: 40px;

        }



    .details p {

        font-size: 14px;

    }



    .details p {

        font-size: 14px;

    }



    .benefits-content {

        padding-left: 0px;

    }



    .benefits-img {

        width: 19%;

        left: -13%;

        top:2%;

    }



    .benefits-header h2 {

        font-size: 30px;

        margin-bottom: 20px;

    }



    .join-us {

        padding: 1rem 0rem 3rem;

    }



    .join-us-header h2 {

        font-size: 35px;

        line-height: 40px;

    }

}



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

    .rwa-right-col {

        width: 100%;

      

    }

    section.heros-images-section {
        
        padding: 30px 0px;
    }

    .rwa-left-col-header h2 {

        font-size: 30px;

        line-height: 35px;

    }

    .oursection-header h2 {
        font-size:30px;
        line-height: 40px;
    }



    .rwa-left-col-info p {

        color: white;

        font-size: 16px;

    }



    .benefits-header h2 {

        font-size: 30px;

    }



    .girl-img {

        left: 68%;

        width: 16%;

        top: 83%;

    }



    .benefits-img {

        width: 24%;

        left: -17%;

        top: 2%;

    }



    .details {

        padding: 15px 25px 15px 25px;
    }

    .details h3 {

        font-size: 20px;
    }

    .join-us-header h2 {

        font-size: 30px;
        line-height: 32px;
    }

    .join-us-info .btn{

        padding: 10px 20px !important;
    }

    .join-us-info p {

        color: #fff;
        font-size: 16px;
    }

    .rwa-left-col-info .btn{

        padding: 10px 20px !important;
    }

    .rwa-section .cs-container {

        padding: 0px 15px;
    }

    .benefits-img {

        width: 23%;
        left: -13%;
        top: -3%;
    }

    .join-us-header h2 {

        font-size: 26px;
        line-height: 37px;
    }
}



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

    .rwa-section .cs-row {

        margin: 0px 15px;

    }



    .rwa-section .cs-container {

        padding: 0px 15px;

    }



    .header-main .cs-container {

        padding: 0px 15px;

    }



    .benefits-img {

      display: none;

    }



    .girl-img {

        left: 74%;

        width: 18%;

        top: 84%;

    }

}