@media (max-width: 1480px) {
    .dupcoming-badge .reserve-info { padding-left: 3px; }
    .udpcoming-badge .r-panel { padding-right: 0; }
}

@media (max-width: 1200px) {
    .account-avatar-holder { display: none; }
}

@media (max-width: 1100px) {
    .upcoming-badge { flex-direction: column; padding: 0; }
    .upcoming-badge br { display: none; }
    .upcoming-badge button br, .upcoming-badge .hall-address br { display: block; }
    .upcoming-badge .reserve-info, .upcoming-badge .r-panel { width: 100%; }
    .upcoming-badge .reserve-info { padding: calc(var(--ws-padding) + var(--ws-section-gap-large) ); padding-bottom: 0; gap: var(--ws-section-gap); }
    .upcoming-badge .reserve-start { padding-top: 0;}
    .upcoming-badge .r-panel { padding-right: 0; padding-bottom: 0; }
    .upcoming-badge .r-panel .info-block { padding: 0 calc(var(--ws-padding) + var(--ws-section-gap-large)); }
    .upcoming-badge .additional-info { padding: 0 0 0 58px; }

    .upcoming-badge .r-panel .info-block .hall-info { width: 100%; padding-left: 0; }
    .upcoming-badge .reserve-details { flex-direction: row; flex-wrap: wrap; width: 100%; gap: calc(var(--ws-section-gap-large) * 2); align-items: flex-start; }
    .upcoming-badge .reserve-when, .upcoming-badge .reserve-options { flex: 1 1 calc( (100% - var(--ws-section-gap-large) * 2) / 2 ); }

    .upcoming-badge .hall-address { justify-content: flex-start; }
    .upcoming-badge .hall-address-holder { display: flex; flex-direction: column; gap: var(--ws-section-gap); }
    .upcoming-badge .hall-address-holder, .upcoming-badge .reserve-price-holder { flex: 1 1 calc(100% - (var(--ws-section-gap-large) * 2) / 2); }

    .upcoming-badge .control-bar { width: 100%; max-width: 100%; overflow: auto; padding: var(--ws-padding); position: relative;
        border-top: 1px solid var(--theme-paid-cb-border); justify-content: flex-start;  }
    .upcoming-badge .control-bar .sign { display: flex; }
    .upcoming-reserved .control-bar { border-color: var(--theme-reserved-cb-border); }
    .upcoming-reserved .info-block { flex-direction: row; gap: calc(var(--ws-section-gap-large) * 2); align-items: center;}
    .upcoming-reserved .payment-info, .upcoming-reserved .reserve-deadline { flex: 1 1 calc( (100% - var(--ws-section-gap-large) * 2) / 2 ); }
    .upcoming-reserved .reserve-deadline { padding-top: 0; padding-bottom: 0; }
    .upcoming-reserved .reserve-price { flex: 0 0 fit-content; }
}

@media (max-width: 1024px) {
    .mi-wheat-holder { display: none; }
    #btnMobileMenu { display: flex; }
    #btnExit { display: none; }
}

@media (max-width: 860px) {
    .mi-account-holder { padding-right: var(--ws-section-gap); }
    .mi-reserve-holder { --btn-small-padding-h: 6px; --btn-small-padding-v: 4px; --btn-icon-size-small: 26px; }
    .mi-reserve-holder .button-text { display: none; }
    .mm-items { gap: var(--ws-section-gap); }

    .upcoming-badge .reserve-options { gap: var(--ws-section-gap-large); }
}

@media (max-width: 767px) {
    .upcoming-badge .reserve-details { flex-direction: column; gap: var(--ws-section-gap-large); }
    .upcoming-badge .info-block { flex-direction: column; gap: var(--ws-section-gap); align-items: flex-start; }
    .upcoming-badge .control-bar .sign { display: none; }
    .upcoming-badge .reserve-info { gap: var(--ws-section-gap-large); }
    .upcoming-badge .reserve-when, .upcoming-badge .reserve-options { flex: 1; }
    .upcoming-badge .hall-address { white-space: nowrap; }
    .upcoming-badge .payment-info { flex-wrap: wrap; gap: var(--ws-section-gap); }
    .upcoming-badge .reserve-price { padding-right: var(--ws-section-gap); }
}

@media (max-width: 580px) {
    .upcoming-badge .reserve-info { padding-right: var(--ws-padding); }
    .upcoming-badge .hall-info { flex-direction: column; gap: var(--ws-section-gap); }
    .upcoming-paid .r-panel .info-block { border-top: 1px solid var(--theme-paid-cb-border); padding: var(--ws-section-gap) 0 0; }
    .upcoming-badge .hall-address-holder { flex: 1 1 100%; width: 100%; padding: 0 var(--ws-padding) var(--ws-section-gap) calc(var(--ws-padding) + var(--ws-section-gap-large)); }
    .upcoming-badge .hall-address { width: 100%; justify-content: space-between; margin-top: 0; align-items: center; }
    .upcoming-badge .hall-address-text { order: 1; }
    .upcoming-badge .hall-address-icon { order: 2; }
    .upcoming-badge .additional-info { padding-left: 0; }
    .upcoming-badge .reserve-price-holder { 
        flex: 1 1 100%; width: 100%; flex-direction: row; border-top: 1px solid var(--theme-paid-cb-border); 
        padding: var(--ws-section-gap-large) calc(var(--ws-padding) + var(--ws-section-gap-large)) 0;
    }
    .upcoming-paid .reserve-price { flex: 1 1 100%; width: 100%; padding-right: 0; order: 2; justify-content: flex-end; }
    .upcoming-paid .reserve-price-hint { order: 1; }

    .main-nav { gap: 15px; padding-top: 15px; padding-bottom: 15px; }
    .reserve-when .reserve-length { padding-right: 122px; }
    .upcoming-badge .reserve-info { padding: var(--ws-padding) var(--ws-padding) 0; }
    .upcoming-badge .hall-address-holder { padding-left: var(--ws-padding); gap: 5px;}
    .upcoming-badge .reserve-price-holder { padding-left: var(--ws-padding); padding-right: var(--ws-padding); }

    .upcoming-paid .r-panel { padding-top: 0; }
    .upcoming-reserved .r-panel { padding-top: var(--ws-section-gap); }
    .upcoming-reserved .r-panel .info-block { padding-left: var(--ws-padding); padding-right: var(--ws-padding); }
}



@media (max-width: 960px) {
    .options { max-height: 1050px; }
    #optBonus { order: 1; }
    #optHistory { order: 2; }
    #optProfile { order: 3; }
    #optVideoArchive { order: 4; }
    #optRank { order: 5; }
    #optConditions { order: 6; }
    #optMedia { order: 7; }
    #optPayments { order: 8; }
    .option { flex: 1 1 calc( (100% - 3*var(--ws-section-gap-large)) / 4 ); max-width: calc( (100% - var(--ws-section-gap-large)) / 2 ); }
    #optRank, #optConditions { max-height: calc( (100% - 3*var(--ws-section-gap-large)) / 4 ); }
}




@media (max-width: 660px) {
    .account-avatar-holder.account-avatar-short { display: flex; }
    .account-info-holder { display: none; }
    .mi-account-holder { padding-right: 0; --mi-icon-size: 50px; }

    .options { max-height: fit-content; }
    .option { max-width: 100%; height: fit-content; flex: 1 1 fit-content; min-height: 180px; }
    #optPayments { min-height: fit-content; }
    #optMedia { min-height: 300px; }

    .kolhoz-h { max-width: 200px; min-width: 100px; }
    .logo { min-width: fit-content; }

    #optHistory .option-hint { max-width: 300px; }

    #optRank { order: 1; }
    #optBonus { order: 2; }
    #optHistory { order: 3; }
    #optProfile { order: 4; }
    #optVideoArchive { order: 5; }
    #optConditions { order: 6; }
    #optMedia { order: 7; }
    #optPayments { order: 8; }
}

@media (max-width: 460px) {
    :root { 
        --option-padding-h: 15px;
        --option-padding-v: 10px;
    }
    .mm-items { --ws-section-gap: 15px; }
    .kolhoz-h { display: none; }
    .kolhoz-sign { display: block; }
}