/* Адаптивные стили */


/* Мобильные устройства */
@media (max-width: 767px) {

.banner {
    width:100%;
}

.leader {
    display:none;
}

.image_banner {
    position: absolute;
    right: 8px;
    bottom: 20px;
    width: 80px;
 }

.slider-track {
    flex-wrap: wrap;
 }

    .quiz_item {
        width: 100%;
    }

    .slider-btn {
        display:none;
    }


    .quiz-header {
        text-align: center;
    }

    .text-anim {
        font-size:24px;
    }

    .member_txt {
        display: none;
    }

    .text-description {
        font-size:22px;
    }

    .card-description {
        font-size: 16px;
    }

    .quiz_block_media_answer {
        flex-wrap: wrap;
    }

    .media-answer {
        width: 100%;
    }

    .media-answer img {
        width: 100%;
    }


}

/* Планшеты */
@media (min-width: 768px) and (max-width: 1024px) {



}





/* Десктопы */
@media (min-width: 1025px) {



}

@media (max-width: 768px) {

    .quiz_menu {
        display: none;
    }


    .quiz_menu_small {
        display: inline-flex;
    }

    .quiz_menu_bottom_small {
        display: flex;
        z-index: 1;
        background-color: rgb(3, 21, 42);
        width:100%;

    }

    .quiz-home-block {
        display: block;
    }

    .quiz-decription-right .text-block span {
        font-size: 16px;
        line-height: 18px!important;

    }

    .quiz_banner_count {
        display: none;
    }

    .main_body {
        display: block;
        flex-direction: column;
        height: 100%;
    }

    .quiz-main {
        margin-top: 0px;

    }

    .quiz_block_answer {
        flex-wrap: wrap;
        justify-content: center;
    }

    .quiz_answer {
        width:100%
    }

    footer {
        display: none;
    }

    .quiz-main-answer {
        margin-bottom:60px;

    }

    .quiz-media-quest {
        width:100%;
    }

    .quiz-start-block {
        margin-bottom: 60px;
    }

    .quiz_txtquest {
        width: 100%;
        text-align: center;
        text-transform: uppercase;
        color: var(--mdc-theme-secondary);
        line-height: 22px;
        font-family: "Arial", sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 1px;
        word-spacing: 5px;
    }

    .quiz-header-big {
        text-align: center;
    }

    .quiz-header {
        text-align: center;
    }

    .mobile_container {
        flex-wrap: wrap;
    }

    .mobile_image_ban {
        object-fit: cover;
        width: 100%;
    }


    .quiz-data-table thead tr th {
        padding: 2px 5px;
        font-family: Arial, "Times New Roman", "Bitstream Charter", Times, serif;
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;

    }

    .quiz-data-table th:nth-child(4),
    td:nth-child(4) {
        display: none;
    }

    .ratio_item {
        color: white;
        font-size: 12px;
        font-weight: 600;
        text-align: center;
    }

    .banner-item:last-of-type {
        margin-bottom: 50px;

    }

    .quiz_answer {
        color: rgb(237, 237, 237);
        font-family: marmelad;
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 1px;
        word-spacing: 3px;
    }

    .quiz_answer span {
        color: rgb(233, 93, 15);
        font-family: marmelad;
        font-size: 16px;
        font-weight: 800;
        margin-right: 15px;
    }

    .quiz_block_answer {
        margin-top: 10px;
        display: flex;
        padding-right: 15px;
        padding-left: 15px;
        gap: 10px;
    }

    .quiz-decription-right {
        padding:10px;
    }

    .text-block {
        padding-left: 10px;
        padding-right: 10px;
    }

    .quiz_txtinfo {
        display: none;
    }

    .quiz_score {
        color: rgb(237, 237, 237);
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        font-stretch: 100%;
        text-align: right;
        font-family: Roboto, sans-serif;
    }

    .quiz-heading-title {
        font-family: "JetBrains Mono", Sans-serif;
        font-size: 14px;
        font-weight: 400;
        word-spacing: 0px;
        color: var( --gold-header-color);
    }

    .quiz-heading-type {
        font-family: "Marmelad", Sans-serif;
        font-size: 24px;
        font-weight: 600;
        word-spacing: 0px;
        color: var( --white-header-color);
    }

    .quiz_menu_logo {
        min-width: 35px;
    }

    div:where(.swal2-container) h2:where(.swal2-title) {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: .8em 1em 0;
        color: inherit;
        font-size: 1.175em;
        font-weight: 600;
        text-align: center;
        text-transform: none;
        word-wrap: break-word;
        font-family: 'Roboto';
    }

    .quiz-heading-game-over {
        font-family: "Marmelad", Sans-serif;
        font-size: 36px;
        font-weight: 600;
        word-spacing: 0px;
        color: var( --white-header-color);
    }

    .quiz-text-game-over {
        font-family: "JetBrains Mono", Sans-serif;
        font-size: 24px;
        font-weight: 400;
        word-spacing: 0px;
        letter-spacing: -0.1px;
        color: var( --gold-header-color);
    }

    .quiz-info-balls {
        color: rgb(233, 93, 15);
        font-family: "Noto Sans", sans-serif;
        font-size: 32px;
        font-weight: 900;
        text-align: center;
        line-height: 36px;
    }
}


@media (min-width: 800px) {
    #OptionsForm .mdc-dialog__surface

{
    max-width: 880px;
}
}