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

img,
video,
canvas,
svg,
iframe {
    max-width: 100%;
}

img,
video {
    height: auto;
}

table {
    max-width: 100%;
}

@media (max-width: 991.98px) {
    .table-responsive-auto,
    .table-wrapper,
    .tabela,
    .table-container {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media (max-width: 767.98px) {
    table:not(.no-responsive) {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    pre,
    code {
        white-space: pre-wrap;
        word-break: break-word;
    }

    input,
    select,
    textarea {
        max-width: 100%;
        font-size: 16px;
    }

    .modal,
    .modal-content,
    .card {
        max-width: 100%;
    }
}

@media (max-width: 575.98px) {
    .btn,
    button {
        max-width: 100%;
        white-space: normal;
    }

    h1 {
        word-break: break-word;
    }
}

* {
    -webkit-tap-highlight-color: transparent;
}