.slider {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.slider.slider-horizontal {
  height: 12px;
}

.slider_2, .slider_3, .slider_4 {float:left;display:inline-block;margin-bottom:20px;margin-top:10px;}

.slider_2 {width:200px;}
.slider_3 {width:300px;}
.slider_4 {width:400px;}

.slider_2 .slider.slider-horizontal{width:100px;}
.slider_3 .slider.slider-horizontal{width:200px;}
.slider_4 .slider.slider-horizontal{width:300px;}

.slider-tick-label {line-height:18px;cursor:pointer}

@media screen and (max-width:991px) {
	.slider_2 .slider.slider-horizontal, .slider_3 .slider.slider-horizontal, .slider_4 .slider.slider-horizontal,
	.slider_2, .slider_3, .slider_4 {width:calc(100% - 20px);margin-left:10px;margin-top:0}
}

@media screen and (max-width:767px) {
	.slider-tick-label {font-size:14px;line-height:16px;}
}

.slider.slider-horizontal .slider-track {
  height: 2px;
  width: 100%;
  margin-top: -1px;
  top: 50%;
  left: 0;
}
.slider.slider-horizontal .slider-selection,
.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
  height: 100%;
  top: 0;
  bottom: 0;
}
.slider.slider-horizontal .slider-tick {margin-left: -6px;}
.slider.slider-horizontal .slider-handle {margin-left:-7px;}

.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
  position: relative;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border-width: 0 10px 10px 10px;
  width: 0;
  height: 0;
  border-bottom-color: #2e6da4;
  margin-top: 0;
}
.slider.slider-horizontal .slider-tick-container {
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.slider.slider-horizontal .slider-tick-label-container {margin-top: 12px;white-space: nowrap;}
.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  padding-top: 4px;
  display: inline-block;
  text-align: center;
  color:#606060;
  vertical-align:top;
}
.slider.slider-horizontal .tooltip {
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slider.slider-horizontal.slider-rtl .slider-track {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .slider-tick,
.slider.slider-horizontal.slider-rtl .slider-handle {
  margin-left: initial;
  margin-right: -10px;
}
.slider.slider-horizontal.slider-rtl .slider-tick-container {
  left: initial;
  right: 0;
}
.slider.slider-horizontal.slider-rtl .tooltip {
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}

.slider input {
  display: none;
}
.slider .tooltip {
  pointer-events: none;
}
.slider .tooltip.top {
  margin-top: -36px;
}
.slider .tooltip-inner {
  white-space: nowrap;
  max-width: none;
}
.slider .hide {
  display: none;
}
.slider-track {
  position: absolute;
  cursor: pointer;
  background-color:#A8A8A8;
  border-radius: 4px;
}
.slider-selection {
  position: absolute;
  background-color:#A8A8A8;
  background-repeat: repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-selection.tick-slider-selection {
  background-repeat: repeat-x;
}
.slider-track-low,
.slider-track-high {
  position: absolute;
  background: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
}
.slider-handle {
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  background-color: #ffed00;
  border: 0px solid transparent;
}
.slider-handle:hover {
  cursor: pointer;
}
.slider-handle.round {
  border-radius: 50%;
}
/* .slider-handle.triangle {
  background: transparent none;
}
.slider-handle.custom {
  background: transparent none;
} */
.slider-handle.custom::before {
  line-height: 12px;
  font-size: 12px;
  content: '\2605';
  color: #726204;
}
.slider-tick {
  position: absolute;
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color:#A8A8A8;
  margin-left:5px;
  margin-top:1px;
  background-repeat: repeat-x;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.slider-tick:hover {
	width:10px;
	height:10px;
	background-color:#ffffff;
}
.slider-tick.round {
  border-radius: 50%;
}
/* .slider-tick.triangle {
  background: transparent none;
}
.slider-tick.custom {
  background: transparent none;
}
.slider-tick.custom::before {
  line-height: 10px;
  font-size: 10px;
  content: '\2605';
  color: #726204;
} */
.slider-tick.in-selection {
  background-repeat: repeat-x;
  opacity: 1;
}