.range {
   position: relative;
   width: 845px;
   height: 5px;
}
 .range input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}

 .range input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range input:focus {
   background: none;
   outline: none;
}
 .range input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 232px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range-labels li.first-range
{
  margin-left: 30px;
}

.range-labels li.last-range
{
  margin-right: 0;
}

 .range-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range-labels .active {
   color: #173444;
}
 .range-labels .selected::before {
   background: #173444;
}
 .range-labels .active.selected::before {
   display: none;
}


.range_2 {
   position: relative;
   width: 845px;
   height: 5px;
   margin-left: 15px;
}
 .range_2 input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}
 .range_2 input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range_2 input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_2 input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_2 input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_2 input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_2 input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_2 input:focus {
   background: none;
   outline: none;
}
 .range_2 input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range_2-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range_2-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 112px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range_2-labels li.first-range
{
  margin-left: 65px;
}

.range_2-labels li.last-range
{
  margin-right: 0;
}

 .range_2-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range_2-labels .active {
   color: #173444;
}
 .range_2-labels .selected::before {
   background: #173444;
}
 .range_2-labels .active.selected::before {
   display: none;
}

.range_3 {
   position: relative;
   width: 845px;
   height: 5px;
   margin-left: 15px;
}
 .range_3 input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}
 .range_3 input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range_3 input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_3 input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_3 input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_3 input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_3 input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_3 input:focus {
   background: none;
   outline: none;
}
 .range_3 input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range_3-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range_3-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 98px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range_3-labels li.first-range
{
  margin-left: 65px;
}

.range_3-labels li.last-range
{
  margin-right: 0;
}

 .range_3-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range_3-labels .active {
   color: #173444;
}
 .range_3-labels .selected::before {
   background: #173444;
}
 .range_3-labels .active.selected::before {
   display: none;
}

.range_4 {
   position: relative;
   width: 330px;
   height: 5px;
   margin-left: 15px;
}
 .range_4 input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}
 .range_4 input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range_4 input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_4 input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_4 input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_4 input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_4 input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_4 input:focus {
   background: none;
   outline: none;
}
 .range_4 input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range_4-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range_4-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 96px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range_4-labels li.first-range
{
  margin-left: 65px;
}

.range_4-labels li.last-range
{
  margin-right: 0;
}

 .range_4-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range_4-labels .active {
   color: #173444;
}
 .range_4-labels .selected::before {
   background: #173444;
}
 .range_4-labels .active.selected::before {
   display: none;
}

.range_5 {
   position: relative;
   width: 330px;
   height: 5px;
   margin-left: 15px;
}
 .range_5 input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}
 .range_5 input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range_5 input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_5 input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_5 input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_5 input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_5 input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_5 input:focus {
   background: none;
   outline: none;
}
 .range_5 input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range_5-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range_5-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 96px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range_5-labels li.first-range
{
  margin-left: 65px;
}

.range_5-labels li.last-range
{
  margin-right: 0;
}

 .range_5-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range_5-labels .active {
   color: #173444;
}
 .range_5-labels .selected::before {
   background: #173444;
}
 .range_5-labels .active.selected::before {
   display: none;
}

.range_6 {
   position: relative;
   width: 330px;
   height: 5px;
   margin-left: 15px;
}
 .range_6 input {
   width: 100%;
   position: absolute;
   top: 2px;
   height: 0;
   -webkit-appearance: none;
}
 .range_6 input::-webkit-slider-thumb {
   -webkit-appearance: none;
   width: 30px;
   height: 17px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;background: url(../images/diamond_ranger.png);border:none;
}
 .range_6 input::-moz-range-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_6 input::-ms-thumb {
   width: 18px;
   height: 18px;
   margin: -8px 0 0;
   border-radius: 50%;
   background: #173444;
   cursor: pointer;
   border: 0 !important;
}
 .range_6 input::-webkit-slider-runnable-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_6 input::-moz-range-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_6 input::-ms-track {
   width: 100%;
   height: 2px;
   cursor: pointer;
   background: #b2b2b2;
}
 .range_6 input:focus {
   background: none;
   outline: none;
}
 .range_6 input::-ms-track {
   width: 100%;
   cursor: pointer;
   background: transparent;
   border-color: transparent;
   color: transparent;
}
 .range_6-labels {
   margin: 18px -44px 0;
   padding: 0;
   list-style: none;
}
 .range_6-labels li {
   position: relative;
   float: left;
   /*width: 236.25px;*/
   margin-right: 30px;
   text-align: center;
   color: #b2b2b2;
   font-size: 14px;
   cursor: pointer;
}

.range_6-labels li.first-range
{
  margin-left: 36px;
}

.range_6-labels li.last-range
{
  margin-right: 0;
}

 .range_6-labels li::before {
   position: absolute;
   top: -25px;
   right: 0;
   left: 0;
   content: "";
   margin: 0 auto;
   width: 9px;
   height: 9px;
   background: #b2b2b2;
   border-radius: 50%;
}
 .range_6-labels .active {
   color: #173444;
}
 .range_6-labels .selected::before {
   background: #173444;
}
 .range_6-labels .active.selected::before {
   display: none;
}

@media only screen and (max-width: 480px)
{
   .range, .range_2, .range_3
   {
      width: 290px;
   }

   .range-labels li
   {
      margin-right: 48px;
   }

   .range_2-labels li
   {
      margin-right: 33px;
   }

   .range_3-labels li
   {
      margin-right: 19px;
   }
}