@media screen and (device-width: 1680px) and (device-height: 1050px) {

    /* Section 1 */
    #about .sec-1 .title span {
        padding-right: 0px !important;
    }

    #about .sec-1 .subtitle span {
        padding-right: 0 !important;
    }

}

@media screen and (device-width: 1600px) and (device-height: 900px) {

    /* Section 1 */
    #about .sec-1 .title span {
        font-size: 30px !important;
        padding-right: 0px !important;
    }

    #about .sec-1 .subtitle span {
        padding-right: 0 !important;
    }

    /* Mission Vision */
    #about .mission-vision {
        margin-top: 130px !important;
    }
    
    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 45rem !important;
    }
}

@media screen and (device-width: 1440px) and (device-height: 900px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        font-size: 16px;
        padding-right: 65px;
    }

    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 50% !important;
    }

    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 16px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 40rem !important;
    }
    
    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 16px;
    }
}

@media screen and (device-width: 1400px) and (device-height: 1050px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        font-size: 16px;
        padding-right: 65px;
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 55% !important;
    }

    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 16px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 40rem !important;
    }
    
    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 16px;
    }
}

@media screen and (device-width: 1366px) and (device-height: 768px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 52% !important;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem !important;
    }

    /* Team */
    #about .team-profile {
        height: 80vh;
    }
}

@media screen and (device-width: 1360px) and (device-height: 768px) {
    
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 52% !important;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem !important;
    }

    /* Team */
    #about .team-profile {
        height: 80vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 1024px) {
    
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        font-size: 16px;
        padding-right: 0px ;
    }

    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 55%;
    }

    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 16px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 42rem;
    }
    
    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 16px;
    }

    /* Team */
    #about .team-profile {
        height: 60vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 960px) {
    
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        font-size: 16px;
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 55%;
    }

    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 16px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem;
    }
    
    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 16px;
    }

    /* Team */
    #about .team-profile {
        height: 60vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 800px) {
    
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 52% !important;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem !important;
    }

    /* Team */
    #about .team-profile {
        height: 80vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 768px) {

    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 52% !important;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem !important;
    }

    /* Team */
    #about .team-profile {
        height: 80vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 720px) {
        /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 52% !important;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem !important;
    }

    /* Team */
    #about .team-profile {
        height: 80vh;
    }
}

@media screen and (device-width: 1280px) and (device-height: 600px) {
        /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision {
        height: 130vh;
    }

    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 56%;
        padding-top: 12%;
        padding-bottom: 12%;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 38rem;
    }

    /* Team */
    #about .team-profile {
        height: 100vh;
    }
}

@media screen and (device-width: 1152px) and (device-height: 864px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision {
        /* height: 100vh; */
    }

    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 56%;
        padding-top: 14%;
        padding-bottom: 14%;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 36rem;
    }

    /* Team */
    #about .team-profile {
        height: 70vh;
    }
}

@media screen and (device-width: 1024px) and (device-height: 768px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision {
        height: 110vh;
    }

    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 65%;
        padding-top: 14%;
        padding-bottom: 14%;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 36rem;
    }

    /* Team */
    #about .team-profile {
        height: 70vh;
    }
}

@media screen and (device-width: 800px) and (device-height: 600px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 35px;
    }

    #about .sec-1 .subtitle span{
        /* padding-right: 65px; */
    }
    
    /* Mission Vision */
    #about .mission-vision {
        /* height: 10vh; */
    }

    #about .mission-vision .mission,
    #about .mission-vision .vision {
        width: 70%;
        padding-top: 14%;
        padding-bottom: 14%;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 32rem;
    }

    /* Team */
    #about .team-profile {
        height: 100vh;
    }
}


/* IPhone SE */
@media screen and (width: 375px) and (height: 667px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }
}

/* IPhone XR */
@media screen and (width: 414px) and (height: 896px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        font-size: 14px;
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 14px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 14px;
    }
}

/* IPhone 12 Pro */
@media screen and (width: 390px) and (height: 844px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }
}

/* IPhone 14 Pro Max */
@media screen and (width: 430px) and (height: 932px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 14px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 14px;
    }
}

/* Pixel 7 */
@media screen and (width: 412px) and (height: 915px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 14px;
    }


    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 14px;
    }
}

/* Samsung G S8 */
@media screen and (width: 360px) and (height: 740px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 13px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 13px;
    }
}

/* Surface Duo */
@media screen and (width: 540px) and (height: 720px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 14px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 32rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 14px;
    }

    /* Team */
    #about .team-profile {
        height: 60vh;
    }
}

/* Galaxy Z Fold 5 */
@media screen and (width: 344px) and (height: 882px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 13px;
    }

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 26rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 13px;
    }
}

/* Samasung G A51/71 */
@media screen and (width: 412px) and (height: 914px) {
    /* Section 1 */
    #about .sec-1 .title span{
        line-height: 30px;
    }

    #about .sec-1 .subtitle span {
        text-align: justify;
        padding-right: 0;
    }

    #about .sec-1 .button {
        padding-right: 0;
    }

    /* Mission Vision */
    #about .mission-vision .mission .subtitle,
    #about .mission-vision .vision .subtitle {
        font-size: 13px;
    }       

    /* Things we care about */
    #about .things-we-care .things-animation,
    #about .things-we-care .community-animation,
    #about .things-we-care .moral-animation,
    #about .things-we-care .people-animation {
        width: 28rem;
        font-size: 17px;
    }

    #about .things-we-care .things-animation .title,
    #about .things-we-care .community-animation .title,
    #about .things-we-care .moral-animation .title,
    #about .things-we-care .people-animation .title {
        font-size: 17px;
    }

    #about .things-we-care .things-animation .subtitle,
    #about .things-we-care .community-animation .subtitle,
    #about .things-we-care .moral-animation .subtitle,
    #about .things-we-care .people-animation .subtitle {
        font-size: 13px;
    }
}