@media all and (min-width:0px) and (max-width: 440px) {
    .controls{
        width: 100% !important;
        margin: 0 !important;
        background: #000000cc !important;
    }
    .controls_list{
        width: 100% !important;
        max-width: calc(100% - 10px) !important;
        padding: 5px;
        justify-content: center !important;
        border-radius: 0 !important;
        background: none !important;
    }
    .info p{
        padding: 5px 0 !important;
        border-radius: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        height: 19px;
        background: none !important;
    }

    ::-webkit-scrollbar-track {
        margin: 0 !important;
    }
    .controls_list::-webkit-scrollbar-track {
        margin: 0 !important;
    }
}
@media all and (min-width:0px) and (max-width: 370px) {
    .controls_list{
        border-radius: 0 !important;
        max-width: calc(100% - 10px) !important;
        justify-content: left !important;
    }
}
@media all and (min-width:0px) and (max-width: 700px) {
    .progress_lines{
        border-radius: 0 !important;
        padding: 1px 0 !important;
    }
    .progress_lines div {
        border-radius: 0 !important;
    }
}