@media all and (min-width:0px) and (max-width: 440px) {
    .controls{
        width: 100% !important;
        margin: 0 !important;
    }
    .controls_list{
        width: 100% !important;
        max-width: calc(100% - 10px) !important;
        padding: 5px;
        justify-content: center !important;
        border-radius: 0 !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;
    }
}