/*===== min 481 =====*/
@media(min-width:481px) {}

/*===== min 768 =====*/
@media(min-width:768px) {

    .report-list ul li,
    .team-list ul li,
    .home-testimonial .testimonial-list ul li,
    .home-program .program-list li {
        width: 50%;
    }

    .student-program-wrap .student-program .list li {
        width: 50%;
    }

    .helpful-resources .program-box.courage-img .img-cover {
        width: 218px;
        height: 218px;
    }

    .articles-wrap .articles-list ul {
        margin: 0 -15px;
    }

    .articles-wrap .articles-list ul li {
        padding: 0 15px;
        width: 50%;
    }
}

/*===== min 992 =====*/
@media(min-width:992px) {
    .img-content-wrap .img-content:not(.reverse) .content-box h2 {
        margin-right: -110px;
    }

    .img-content-wrap .img-content .img-box:not(.content-logo)::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: clamp(306px, 15.938vw, 306px);
        background: linear-gradient(90deg, rgba(29, 79, 145, 1) 0%, rgba(29, 79, 145, 0) 100%);
    }

    .img-content-wrap .img-content.reverse {
        flex-direction: row-reverse;
    }

    .img-content-wrap .img-content.reverse .img-box::after {
        right: 0;
        left: auto;
        background: linear-gradient(90deg, rgba(29, 79, 145, 0) 0%, rgba(29, 79, 145, 1) 100%);
    }

    .report-list.column-3 ul li,
    .report-list ul li,
    .team-list ul li,
    .home-testimonial .testimonial-list ul li,
    .home-program .program-list li {
        width: 33.333%;
    }

    .student-program-wrap .student-program .left-col {
        padding-right: 15px;
        width: 50%;
    }

    .student-program-wrap .student-program .right-col {
        padding-left: 15px;
        width: 50%;
    }

    .our-client .client-logo ul.column-3 li {
        flex: 1 1 33.333%;
    }

    .articles-wrap .articles-list ul {
        margin: 0 -24px;
    }

    .articles-wrap .articles-list ul li {
        padding: 0 24px;
        width: 33.333%;
    }

    .most-needed-wrap .most-needed.reverse {
        flex-direction: row-reverse;
    }

    .most-needed-wrap .most-needed.reverse .sponsor-img {
        width: 58.784%;
    }
    
}

/*===== min 1025 =====*/
@media(min-width:1025px) {}

/*===== min 1281 =====*/
@media(min-width:1281px) {
    .report-list ul li {
        width: 25%;
    }
}

/*===== max 1680 =====*/
@media(max-width:1680px) {}

/*===== max 1580 =====*/
@media(max-width:1580px) {
    .blog-box .img-cover {
        width: 50%;
    }
}

/*===== max 1280 =====*/
@media(max-width:1280px) {
    .home-service .service-list {
        margin: 0 -15px;
        row-gap: 30px;
    }

    .home-service .service-list li {
        padding: 0 15px;
    }

    .advisory-board {
        padding: 60px 100px 48px 100px;
        margin-bottom: 90px;
    }

    .blog-box .img-cover {
        width: 50%;
    }

    .partner-with .service-list {
        margin: 0 -15px;
        row-gap: 30px;
    }

    .partner-with .service-list li {
        padding: 0 15px;
    }
}

/*===== max 1024 =====*/
@media(max-width:1024px) {
    .home-service .service-list li {
        width: 50%;
    }
}

/*===== max 991 =====*/
@media(max-width:991px) {
    .img-content-wrap .img-content {
        flex-direction: column;
    }

    .img-content-wrap .img-content .content-box {
        width: 100%;
    }

    .img-content-wrap .img-content .img-box {
        width: 100%;
    }

    .advisory-board {
        padding: 60px 50px 48px 50px;
        margin-bottom: 60px;
    }

    .blog-wrap ul.blog-list li {
        width: 100%;
    }

    .blog-box .blog-info .content {
        max-width: 100%;
    }

    .joy-cart-box {
        display: flex;
        flex-direction: column;
    }

    .joy-cart-box .img-cover {
        width: 100%;
    }

    .joy-cart-wrap .program-info {
        padding: 25px;
    }

    .our-client .client-logo ul li {
        flex: 1 1 33.3333%;
    }

    .partner-with .service-list li {
        width: 50%;
    }

    .most-needed-wrap .most-needed {
        flex-direction: column;
    }

    .most-needed-wrap .most-needed .img-cover {
        width: 100%;
        padding-bottom: 100%;
    }
    .footer-menu{
        padding: 10px 0!important;
    }
}

/*===== max 767 =====*/
@media(max-width:767px) {
    .home-service .service-list li {
        width: 100%;
    }

    .advisory-board {
        padding: 45px;
        margin-bottom: 60px;
    }

    .program-box.courage-img {
        flex-direction: column;
    }

    .program-box.courage-img .img-cover {
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }

    .program-box.courage-img .program-info {
        padding: 20px 25px 30px;
    }

    .our-client .client-logo ul li {
        flex: 1 1 50%;
    }

    .make-gift-wrap .make-gift-list ul li {
        width: 100%;
    }

    .partner-with .service-list li {
        width: 100%;
    }

    .most-needed-wrap .most-needed .most-info ul {
        grid-template-columns: repeat(1, 1fr)
    }
    footer .copyrights p{
        display: block;
    }
    footer .copyrights p:last-child{
        margin: 0;
    }
    footer .copyrights .container{
        display: block;
        text-align: center;
    }
    footer ul.social{
        display: block;
        text-align: center;
        margin-top: 20px;
    }
    .chapter-info{
        margin: 30px 0 0;
    }
    .chapters p{
        margin-top: 20px;
    }
    .chapters .chapter-info .btn-wrap {
        margin-bottom: 0;
    }
}

/*===== max 570 =====*/
@media(max-width:570px) {
    .home-service .service-wrap ul li {
        width: 100%;
    }

    .advisory-board {
        padding: 40px 20px;
        margin-bottom: 40px;
    }

    .student-program-wrap .student-program .have-idea {
        flex-direction: column;
    }

    .img-content-wrap .content-box .report-list ul li {
        width: 100%;
    }

    .blog-box {
        flex-direction: column;
    }

    .blog-box .img-cover {
        width: 100%;
        padding-bottom: 100%;
        height: auto;
    }

    .blog-box .blog-info {
        padding: 25px 0 0;
    }
}

/*===== max 480 =====*/
@media(max-width:480px) {
    footer .copyrights .container {
        flex-direction: column;
    }

    .our-client .client-logo ul li {
        flex: 1 1 100%;
    }

    .our-client .client-logo ul li a {
        height: 50px;
    }
}