@media (max-width: 1250px) {

    .newReviewerMainBox .stats-cards,
    .newReviewerMainBox .filters {
        gap: 18px;
        padding: 18px;
    }

    .newReviewerMainBox .stats-cards {
        gap: 12px;
        /* padding: 12px; */
        padding: 6px;
        margin: 0 20px;
    }

    .newReviewerMainBox .stat-card-main .text .reviewtabselect,
    .newReviewerMainBox .stat-card-main .text .reviewtabcount {
        font-size: 1.2rem;
    }

    .newReviewerMainBox .filters input[type="text"],
    .newReviewerMainBox .filters input[type="text"]::placeholder,
    .newReviewerMainBox .filters select {
        font-size: 0.901rem;
    }
}

@media (max-width: 1024px) {
    .newReviewerMainBox .stat-card-main .text .reviewtabselect {
        /* font-size: 1.1rem; */
        /* font-size: 1rem; */
    }
}

@media (min-width: 640px) {
    .newReviewerMainBox .review-meta {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .newReviewerMainBox .stats-cards {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 20px;
    }
}


@media (min-width: 940px) {
    /* .newReviewerMainBox .main-content {
        width: 70%;
    }

    .newReviewerMainBox .sidebar {
        width: 30%;
    } */
}

@media (min-width: 1024px) {
    .newReviewerMainBox .review-actions {
        flex-direction: column;
        justify-content: flex-start;
        /* min-width: 140px; */
    }

    .newReviewerMainBox .review-meta {
        grid-template-columns: repeat(3, 1fr);
    }

    .newReviewerMainBox .review-card {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
    }

    .newReviewerMainBox .stats-cards {
        /* grid-template-columns: repeat(4, 1fr); */
    }
}

@media (min-width: 1170px) {
    .newReviewerMainBox .stats-cards {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1170px) {

    .newReviewerMainBox .stat-card-main .text {
        padding: 0 0 30px 0px;
    }
}

/* 1682 */
/* @media (min-width: 1682px) {
    .newReviewerMainBox .stats-cards {
        grid-template-columns: repeat(4, 1fr);
    }
} */

@media (max-width: 950px) {

    .newReviewerMainBox #root {
        min-height: 100vh;
        flex-direction: column;
        max-height: unset;
    }

    .newReviewerMainBox .sidebar,
    .newReviewerMainBox .main-content {
        width: 100%;

    }

    .newReviewerMainBox .sidebar {
        overflow-y: unset;
    }

    .newReviewerMainBox .ForReviewDashbardScrollList {
        max-height: unset;
        overflow-y: unset;
    }
}