html, body {
    max-width: 100%;
    overflow-x: hidden;
}

.main-wrapper {
    width: 100%;
    max-width: 100%;
}

img, video, iframe, embed, object {
    max-width: 100%;
    height: auto;
}

.card {
    overflow: hidden;
}

.responsive-table-wrapper,
.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .responsive-table-wrapper table,
    .table-responsive table {
        width: 100%;
        margin-bottom: 0;
    }

        .responsive-table-wrapper table th,
        .responsive-table-wrapper table td,
        .table-responsive table th,
        .table-responsive table td {
            white-space: nowrap;
        }

            .responsive-table-wrapper table td.wrap-text,
            .table-responsive table td.wrap-text {
                white-space: normal;
            }

@media (min-width: 768px) {

    .card,
    .modern-profile,
    .user-profile {
        max-width: 100%;
    }

    .row > [class*="col-"] {
        min-width: 0;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {

    /* Force sidebar visible if the theme hides it below 992px */
    .main-wrapper .sidebar.sidebar-collapsed-mobile {
        transform: none;
    }
}

@media (min-width: 992px) {

    .responsive-table-wrapper,
    .table-responsive {
        overflow-x: auto; 
    }

        .responsive-table-wrapper table th,
        .responsive-table-wrapper table td,
        .table-responsive table th,
        .table-responsive table td {
            white-space: normal;
        }
}

@media (min-width: 768px) and (max-width: 1199.98px) {

    .dropdown-xl {
        width: 90vw;
        max-width: 700px;
    }
}

@media (min-width: 768px) {

    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}