.vue-slider {
  position: relative;
  padding-top: 2.4rem!important;
  padding-bottom: 1.8rem!important
}
.vue-slider .vue-slider-rail {
  height: .1rem;
  background-color: #c1c1c2
}
.vue-slider .vue-slider:hover .vue-slider-rail {
  background-color: #c1c1c2
}
.vue-slider .vue-slider-process {
  top: 0!important;
  height: .1rem!important;
  background-color: #1e5d9d!important
}
.vue-slider.vue-slider-ltr {
  height: .1rem!important
}
.vue-slider .vue-slider-dot {
  width: 1.5rem!important;
  height: 1.5rem!important;
  background-color: #1e5d9d!important;
  border-radius: 50%
}
@media (max-width:48em) {
  .vue-slider {
    padding-top: 4rem!important;
    padding-bottom: 3rem!important
  }
  .vue-slider .vue-slider-rail {
    height: .2rem
  }
  .vue-slider .vue-slider-process,
  .vue-slider.vue-slider-ltr {
    height: .2rem!important
  }
  .vue-slider .vue-slider-dot {
    width: 3rem!important;
    height: 3rem!important
  }
}