@media (min-width: 1199px) and (max-width: 1399px) {
    .dashboard-committees-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (min-width: 769px) and (max-width: 1200px) {
    .dashboard-committees-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .dashbard-login-bg {
        display: none;
    }

    .dashboard-login-content {
        padding: 0 40px;
    }

    .ss-item {
        text-align: center;
        flex-direction: column;
        align-items: center;
    }

    .ss-icon {
        margin: 0;
        width: 90px;
        height: 90px;
        margin-bottom: 20px;
    }

    .ss-icon img {
        width: 60px;
        height: auto;
    }

    .ss-ocn span.num {
        font-size: 32px;
        line-height: 43px;
        margin-top: 4px;
        display: block;
    }

    .upload-image span {
        margin: 0;
    }

    .upload-image.as {
        position: relative;
        min-width: 260px;
        padding: 0;
        height: 60px;
        align-items: center;
        justify-content: center;
        background-position: 20% 50%;
        display: flex;
    }

    .form-group.input-with-icon.custom-upload-box img {
        right: unset;
        margin: 20px auto;
    }

    .custom-upload-box .d-flex {
        display: block !important;
        text-align: center;
    }

    .profile-form-area {
        max-width: 100%;
    }

    .dashboard-committees-list {
        grid-template-columns: 1fr;
    }

    .dashboard-mobile-open-btn {
        display: block;
    }

    .dashboard-sidebar {
        right: -330px;
        transition: all .3s linear;
        z-index: 99;
    }

    .dashboard-sidebar.show {
        right: 0;
    }

    .dashboard-page-content {
        width: 100%;
    }

    .r-item {
        margin-bottom: 10px;
    }

    .dashbaord-navbar .container .row {
        align-items: center;
    }

    .stocks-table-container {
        padding: 0;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .stocks-table-title {
        padding: 15px 15px 0 0;
    }

    .stocks-table-title h4 {
        margin-bottom: 15px;
    }

    .user-box img {
        width: 28px;
        height: 28px;
        margin: 0;
    }

    .user-box a {
        display: flex;
        align-items: center;
    }

    .user-box a span {
        display: none;
    }

    .l-item {
        column-gap: 22px;
    }

    .dashboard-mobile-open-btn i {
        font-size: 18px;
        color: #939393;
    }

    .r-item span {
        margin-bottom: 2px;
    }

    .dashboard-profile-content {
        padding: 20px 0;
    }

    .dashbaord-navbar {
        padding: 10px 0;
    }
}