.noUiSlider {
width: 100%;
border: 1px solid #CCC;
height: 4px;
background: #EEE;
-webkit-touch-callout: none;
}
.noUi-midBar {
height: 100%;
z-index: 0;
background: #39C;
-webkit-touch-callout: none;
}
.noUi-handle > div {
position: absolute;
width: 10px;
height: 10px;
top: -4px;
left: -4px;
z-index: 5;
border: 1px solid #999;
background: #EEE;
border-radius: 5px;
cursor:col-resize;
}
.noUi-handle > div:hover,
.noUi-handle > div.noUi-activeHandle {
background: #ACE;
border-color: #369;
}
.disabled > .noUi-midBar {
background: #999;
}
.disabled .noUi-handle > div {
border-color: #CCC;
background: #CCC;
}

div.noUi-lowerHandle > div {
margin-left:-3px;
}

div.noUi-upperHandle > div {
margin-left:3px;
}

@media (-webkit-min-device-pixel-ratio:1.2),-moz-touch-enabled,(max-device-width:1024px){
.noUi-handle > div {
height: 32px;
width: 32px;
top: -13px;
left: -16px;
}
}