@media (min-width: 320px) {

}

@media (max-width: 575px) {

}

@media (max-width: 991px) {
  /* 1. Жестко фиксируем обёртку, чтобы она никуда не вылезала */
    .code-window {
        position: relative !important;
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        scrollbar-width: none !important;
        -ms-overflow-style: none !important;
    }

    .crumbs-box::-webkit-scrollbar {
        display: none !important;
    }

    .code-window pre {
        position: relative !important;
        width: 0 !important; /* Не даем pre растянуться под ширину code */
        min-width: 100% !important; /* При этом занимаем всю ширину .code-window */
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: auto !important; /* Скролл появляется именно здесь */
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important; /* Плавный скролл на iOS */
        margin: 0 !important;
        padding: 0 !important;
        display: block !important;
    }

    .code-window pre code,
    .code-window pre code.hljs {
        display: inline-block !important;
        white-space: pre !important;
        word-break: normal !important;
        word-wrap: normal !important;
        min-width: 100% !important; /* Чтобы фон кода был не уже экрана */
        box-sizing: border-box !important;
        padding: 1em !important;
    }
}

@media (min-width: 992px) {

}


@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
}