@media (min-width: 768px) {
    .form-columns-main {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 1.5rem;
        margin-top: 50px;
    }
}

@media (min-width: 1400px) {
    .container {
        max-width: 1550px;
    }
}

@media (min-width: 992px) {
    .column-section:not(:last-child) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1440px) {
    .all-filters-wrapper {
        grid-template-columns: repeat(3, 1fr);
        grid-row-gap: 10px;
    }

    .all-filters-wrapper .delete-video-btn {
        max-width: 110px;
    }
}


@media screen and (max-width: 1300px) {
    .video-grid-4 {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media screen and (max-width: 1199px) {
    .user-form-columns {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .column-section {
        padding-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .module-header,
    .header-form-wrapper {
        flex-wrap: wrap;
    }

    .module-header h2 {
        width: 100%;
    }

    .all-filters-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {

    .container {
        max-width: 100%;
    }

    .sidebar {
        transform: translateX(-250px);
    }

    .sidebar.active {
        transform: translateX(0);
    }

    .main-content {
        margin-left: 0;
    }

    .main-content.full-width {
        margin-left: 0;
    }

    .menu-toggle {
        display: block;
    }

    .avatar-wrapper {
        height: 30px;
        width: 30px;
    }

    .avatar-initials-placeholder {
        width: 30px;
        height: 30px;
    }

    .data-table th:nth-child(2),
    .data-table td:nth-child(2) {
        width: 24%; /* Username */
        min-width: 100px;
    }

    .data-table th:nth-child(3),
    .data-table td:nth-child(3) {
        width: 25%; /* E-MAIL */
        min-width: 150px;
    }

    .data-table th:nth-child(4),
    .data-table td:nth-child(4) {
        width: 20%; /* Actions */
        min-width: 120px;
    }

    .email-col,
    .email-header,
    .avatar-col {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .video-grid-4 {
        grid-template-columns: repeat(1, 1fr);
    }

    .filter-row .filter-group {
        min-width: 100%;
    }

    .users-header .filter-row .select2-container {
        max-width: 100%;
    }

    .other-translations {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 5px;
    }

    .all-filters-wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
}