@media (max-width: 1280px) {
    .aside-single-row{
        flex-direction: column;
    }
    .single-page-aside-details-tab{
        --width: 100%;
    }
}
@media (max-width: 1199.98px) {

}

@media (max-width: 991.98px) {
    .board-panel .board-panel-price-block{
        max-width: 100%;
    }
    .board-panel{
        flex-direction: column;
    }
    .top-wrapper-info{
        max-width: 100%;
    }
    .top-wrapper{
        flex-direction: column;
    }
    .modal__header,
    .modal__body,
    .modal__footer{
        padding: 25px 25px 16px 25px;
    }
    .single-regula{
        --aside-size: 100%;
    }
    .single-page{
        --aside-size-details: 100%;
    }
    .market-sidebar-wrpr{
        z-index: 52;
        position: fixed;
        height: 100%;
        bottom: 0;
        left: 0;
        padding: 0 !important;
        border-radius: 0 !important;
    }
    .market-sidebar-wrpr .market-sidebar{
        height: 100%;
        border-radius: inherit;
    }
    .hidden-992{
        display: none !important;
    }



    .market-sidebar-wrpr .btn--aside{
        display: flex;
    }
    .market-sidebar-wrpr{
        transform: translateX(-100%);
    }
    .open-aside{
        overflow: hidden;
    }
    .open-aside .market-sidebar-wrpr{
        transform: translateX(0%);
    }
    .open-aside .aside-overlay{
        display: block;
    }
    .open-aside .btn--aside{
        background-color: var(--white);
        color: var(--primary-2);
    }
}

@media (max-width: 767.98px) {

    .running-cost-row{
        flex-direction: column;
    }
    .running-cost-row > *:not(:last-child){
        border-right: none;
        border-bottom: 1px solid var(--border-color);
    }
    .running-cost-price{
        flex: auto;
        max-width: 100%;
    }
    .hidden-768 {
        display: none !important;
    }
}

@media (max-width: 575.98px) {

    .row-step-row-content{
        flex-direction: column;
        gap: 25px;
    }
    .row-step-controls-item{
        width: 100%;
    }
    .step-control-input-size{
        min-width: auto;
        max-width: 100%;
    }
    .header .container{
        --padding-x: 20px;
    }
    .hidden-576{
        display: none !important;
    }
}
@media (max-width: 480px) {
    .market{
        --aside-size: 100%;
    }
    .open-aside .market-sidebar-wrpr .btn--aside{
        display: none;
    }
    .market-sidebar--footer{
        display: flex !important;
    }
}
@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

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

@media (min-width: 1200px) {

}