.SView-slider {
    display: inline-block;
    position: relative;
    height: 42px;
    line-height: 30px;
    box-sizing: border-box;
    padding: 3px;
    text-align: center;
    border-radius: 4px;
}

    .SView-slider input[type=range] {
        width: 139px;
        -webkit-appearance: none;
        cursor: pointer;
        background-color: #e0e0e0;
        border-radius: 4px;
        background: -webkit-linear-gradient(#4174A4, #4174A4) no-repeat #DFDFDF;
        background-size: 50% 100%;
        outline: none;
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        height: 6px;
        padding:unset;
    }

        .SView-slider input[type=range]::-webkit-slider-runnable-track {
            -webkit-appearance: none;
            height: 6px;
            box-sizing: border-box;
            border-radius: 4px;
        }

        .SView-slider input[type=range]::-moz-range-track {
            -moz-appearance: none;
            height: 6px;
            box-sizing: border-box;
            border-radius: 4px;
        }
            @media (hover: hover) and (pointer: fine) {
                .SView-slider input[type=range]::-webkit-slider-runnable-track:hover {
                    border-color: rgba(65, 116, 164, 0.7);
                    border-radius: 6px;
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 116, 164, 0.7);
                }


                .SView-slider input[type=range]::-moz-range-track:hover {
                    border-color: rgba(65, 116, 164, 0.7);
                    border-radius: 6px;
                    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(65, 116, 164, 0.7);
                }
            }
        .SView-slider input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            position: relative;
            height: 15px;
            width: 15px;
            border-radius: 50%;
            margin-top: -4px;
            background-color: #fff;
            cursor: grab;
            border: 4px solid #0A61B4;
        }

        .SView-slider input[type=range]::-moz-range-thumb {
            -moz-appearance: none;
            position: relative;
            height: 15px;
            width: 15px;
            border-radius: 50%;
            margin-top: -4px;
            background-color: #fff;
            cursor: grab;
            border: 4px solid #0A61B4;
            box-sizing: border-box;
        }

        .SView-slider input[type=range]::-webkit-slider-thumb:active {
            cursor: grabbing;
        }

        .SView-slider input[type=range]::-moz-range-thumb:active {
            cursor: grabbing;
        }

#ani_slider {
    padding-right: 10px;
}

    #ani_slider input[type=range]::-webkit-slider-thumb {
        height: 20px;
        width: 6px;
        background-color: #043C77;
        border-radius: 5px;
        box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
        border: none;
        margin-top: -6px;
    }

        #ani_slider input[type=range]::-webkit-slider-thumb:active {
            cursor: grabbing;
        }

@media screen and (min-width: 305px) and (max-width: 900px) {
    .SView-slider {
        height: 32px;
        line-height: 26px;
    }

        .SView-slider input[type=range] {
            width: 80px;
        }
}

@media screen and (max-width: 305px) {
    .SView-slider {
        height: 26px;
        line-height: 20px;
    }

        .SView-slider input[type=range] {
            width: 60px;
        }
}