.range_holder{width:410px; float:right;}
.range_holder .textbox{width:100%; float:left;}

/*
.range_holder .textbox span{background:url(../images/ico-amount.png) no-repeat 0 5px; display:block; width:100px; margin:0 auto;}
*/

.range_holder .textbox span{ display:block; width:100px; margin:0 auto;}
.range_holder .text_holder{width:94%; padding:13px 3% 0 3%; float:left;font-family:'latobold'; font-size:25px;}
.range_holder .text_holder ul li{width:50%;}
.range_holder .text_holder ul li:last-child{text-align:right;}

.range_holder input.amount{text-align:center; font-size:35px; margin-bottom:10px;font-family:'latobold'; background:none; width:100%;}

.range_holder input[type="range"]{-webkit-appearance:none;-moz-appearance:none;width:100%;height:10px; margin:0; padding:0;outline:none;cursor:pointer; }

/*Mozilla thumb*/
.range_holder input[type="range"]::-moz-range-thumb{height:32px; width:32px; background:url(../images/range-holder2.png) no-repeat center 7px #fecf15; border:4px solid #000; -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px; cursor:pointer;}
.range_holder input[type="range"]::-moz-range-thumb:hover{background:url(../images/range-holder2.png) no-repeat center 7px #fff;}

/*Chrome thumb*/
.range_holder input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;height:40px; width:40px; background:url(../images/range-holder2.png) no-repeat center 7px #fecf15; border:4px solid #000; -moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}

/*IE & Edge input*/
.range_holder input[type=range]::-ms-track{width:100;height:6px;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */background:transparent;/*leave room for the larger thumb to overflow with a transparent border */border-color:transparent;border-width:2px 0;/*remove default tick marks*/color:transparent;}

/*IE & Edge thumb*/
.range_holder input[type=range]::-ms-thumb{height:43px;width:43px;background:url(../images/range-holder.png) no-repeat center 0;}

/*IE & Edge left side*/
.range_holder input[type=range]::-ms-fill-lower{height:43px;width:43px;background:url(../images/range-holder.png) no-repeat center 0;}

/*IE & Edge right side*/
.range_holder input[type=range]::-ms-fill-upper{height:43px;width:43px;background:url(../images/range-holder.png) no-repeat center 0;}

/*IE disable tooltip*/
.range_holder input[type=range]::-ms-tooltip{display:none;}
.range_holder input[type="text"]{border:none;}

@media only screen and (max-width:600px), (max-width:650px),(max-width:680px){
.range_holder{width:350px;}
}

@media only screen and (max-width:400px), (max-width:450px),(max-width:480px) {
.range_holder{width:100%;}
}