.rangeslider,
.rangeslider__fill {
  background:#e5e5e5;
  display: block;
  height:0.8rem;
  width: 74%;
  -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25), inset 0px 0px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25), inset 0px 0px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.25), inset 0px 0px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.output-box{  float: right;
  width: 132px;
  margin-top: -33px;
  margin-right: 32px;
  
}
#Loan_Amount{float: right;
    width: 19%;
    margin-top: -17px;
    background:none;
    color:#1a7ab6;
    padding: 5px;
	background:url(../new-images/hl_rupee_symbol.png) no-repeat 0% 50%;
	padding-left:20px;
    font-size:2rem;
    overflow: hidden;
	}
	
#Loan_Amoun::-webkit-inner-spin-button, 
#Loan_Amoun::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
	

.rangeslider {
  position: relative;
  bottom: -22px;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
background:#1ac174; /* Old browsers */
position: absolute;
top: 0;
}

.rangeslider__handle {
background:#1ac174; /* Old browsers */
  border: 2px solid #FFF;
  cursor: pointer;
  display: inline-block;
  width:2.5rem;
  height:2.5rem;
  position: absolute;
  top:-9px; border-radius:50px;
 
 }

.rangeslider__handle:active {
background:#1ac174; /* Old browsers */
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

#RangeFormatedIncome {
  font-size: 12px; text-align:left;	
  font-weight: normal; margin-top:28px;
  color:#666666;
}
#RangeWordIncome { text-align:left;
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize; 
  color:#666666;
  padding-bottom:1rem;
}


@media screen and (max-width:680px){
	#Loan_Amount{ float:none;  width:95%;  margin-top:30px;  margin-right:0px;}

#RangeFormatedIncome {
  font-size: 12px; text-align:left;	
  font-weight: normal; margin-top:8px;
}
#RangeWordIncome { text-align:left;
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize; 
}


.rangeslider,
.rangeslider__fill {
background: #e5e5e5;
  display: block;
	 height: 0.8rem;
  width: 95%;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  position: relative;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
    background: #1ac174;
    position: absolute;
    top: 0;
}

.rangeslider__handle {
    background: #1ac174;
    border: 2px solid #FFF;
    cursor: pointer;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    top: -6px;
    border-radius: 50px;
 }

.rangeslider__handle:active {
background: #1ac174; /* Old browsers */
  border: 2px solid #FFF;
  cursor: pointer;
  display: inline-block;
  width:2rem;
  height:2rem;
  position: absolute;
  top:-6px; border-radius:50px;

}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  /*-webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);*/
}
}