@media screen and (min-width: 1600px) {
    .list-item--project {
        flex-basis: calc(calc(100% - 2.4rem) / 4);
    }
}

@media screen and (min-width: 1024px) and (max-width: 1599px) {
    .list-item--project {
        flex-basis: calc(calc(100% - 1.6rem) / 3);
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .list-item--project {
        flex-basis: calc(calc(100% - .8rem) / 2);
    }
}

@media screen and (max-width: 700px) {
    .list-item--project {
        flex-basis: 100%;
    }

    .home-card {
        flex-basis: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .project-stat {
        flex-wrap: wrap;
    }

    .project-stat-card {
        width: calc(calc(100% - 2rem) / 2);
    }
}

@media screen and (max-width: 900px) {
    .left {
        flex-basis: auto !important;
    }

    .project-details-container, .problem-details-container, .container {
        flex-direction: column;
    }

    .list--project {
        height: auto;
    }

    .accordions {
        cursor: pointer;
    }

    .contribution-form {
        flex-direction: column;
    }

    .home-card {
        flex-basis: calc(calc(100% / 2) - 0.8rem) !important;
    }
}