@media (max-width: 1199.98px) {
    .sidebar-step{
        position: fixed;
        top: var(--header-height);
        left: -370px;
        z-index: 100;
        height: calc(100% - var(--header-height));
        border-radius: 0;
    }

    .sidebar-open .sidebar-step{
        left: 0;
    }

    .sidebar-open .sidebar-step .sidebar-btn svg{
        transform: rotate(180deg);
    }

}

@media (max-width: 991.98px) {

}

@media (max-width: 767.98px) {

}

@media (max-width: 575.98px) {
    .header__text-info{
        font-size: 12px;
    }
}

@media (max-width: 419.98px) {
    .sidebar-step{
        width: 286px;
        flex: 0 0 286px;
        left: -286px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    .sidebar-btn{
        display: none;
    }
}