@media (max-width: 1400px) {
    .right-top-header .searchbar {
        width: 87%;
    }
}

@media (max-width: 1267.99px) {
    .team-info-list {
        width: calc(100% / 4);
    }
    .right-top-header .searchbar {
        width: 84%;
    }
    .dashboard-card {
        width: 22.83%;
    }
    .hello-wave {
        width: 120px;
        right: -70px;
    }
}
@media (max-width: 1023.99px) {
    .hello-wave {
        width: 120px;
        right: -70px;
    }
    .team-info-list {
        width: calc(100% / 4);
    }
    .right-top-header .searchbar {
        width: 81%;
    }
    .dashboard-card {
        width: 31.53%;
    }
}
@media (min-width: 768px) and (max-width: 991.99px) {
    .w-md-full{
        width: 100% !important;
    }
    .team-info-list {
        width: calc(100% / 3);
    }
    .question-btw {
        width: 100%;
    }
    .right-top-header .searchbar {
        width: 76%;
    }
}

@media screen and (max-width: 767.98px) {
    .w-sm-full{
        width: 100% !important;
    }
    .feedback-image-wrap {
        width: 60% !important;
    }
    .right-top-header .searchbar {
        width: 100%;
    }
    .hello-wave {
        bottom: -49px;
        right: 0;
        left: 0;
        top: unset;
    }
    .h-md-fit {
        height: 50vh;
    }
    .right-main {
        padding: 30px 16px;
    }
    .manual-student-card {
        margin: 2px;
    }
    .team-info-list {
        width: calc(100% / 2);
    }
    .w-mob-full {
        width: 100% !important;
    }
    .left-menu {
        width: 70px;
    }
    .right-main {
        margin-left: 70px;
    }
    .question-btw {
        transform: rotate(90deg);
    }
    .border-mob-bottom {
        border-bottom: 1px solid var(--grey-field-clr);
    }
    .right-title-wrap {
        right: 0 !important;
    }
    .signup-backicon {
        margin-left: 0px !important;
    }
    .approval-navs ul {
        position: static !important;
    }
    .dashboard-card {
        width: 48%;
    }
}

@media screen and (max-width: 539.99px) {
    .team-info-list {
        width: calc(100% / 1);
    }
    .right-top-header .searchbar,
    .theme-btn,
    .dashboard-card {
        width: 100%;
    }
    .feedback-image-wrap {
        width: 80% !important;
    }
    .top-card-wrap {
        margin: 0 6px !important;
    }
}