.controls-inner {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around; 
    overflow-x: auto; 
   
}

.controls-inner > * {
    flex: 1 1 auto; 
    white-space: nowrap; 
}

.ws-range.ws-input.range-list.show-activevaluetooltip {
    flex: 1 1 auto; 
    max-width: 250px; 
   }

@media (max-width: 800px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 250px; 
    }
}

@media (max-width: 600px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 200px; 
    }

}
@media (max-width: 500px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 185px; 
    }
    
}

@media (max-width: 400px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 170px; 
    }
    
}

@media (max-width: 380px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 150px; 
    }

}

@media (max-width: 360px) {
    .ws-range.ws-input.range-list.show-activevaluetooltip {
        max-width: 135px; 
    }

}