// Initate the range slider
$('[data-id="range'+opts.id+'"]', thisQuestion).slider({
    min: opts.sliderMin,
    max: opts.sliderMax,
    step: opts.sliderStep,
    range: true,
    orientation: 'vertical',
    value: [Number(lowValue),Number(highValue)]
})

<style type="text/css" data-author="Tony Partner">
    @media only screen and (min-width: 768px) {
        #question{QID} .answer-container .row {
            margin: 0;
        }
 
        #question{QID} .answer-container ul {
            display: grid;
            grid-auto-flow: column;
            grid-gap: 3px;
        }
 
        #question{QID} .answer-container li {
            display: block;
            padding: 0;
            border: 1px solid #e7e7e7;
        }
 
        #question{QID} .answer-container li > div > div label {
            display: block;
            margin: 1em 0 1.5em;
            width: 100%;
            text-align: center;
            padding: 0;
        }
 
        #question{QID} .answer-container li > div > div > div {
            width: 100%;
            text-align: center;
            padding: 0 !important;
        }
 
        #question{QID} .answer-container .ls-slider-answer-row {
            margin: 0;
            width: 100%;
        }
 
        #question{QID} .answer-container .slider.slider-vertical {
            margin-bottom: 1em;
        }
    }
</style>