input[type=range]::-ms-track {
    width: 100%;
    height: 1em;

    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: #041146;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border: none;
    border-color: #041146;
    border-width: 0%;
    border-radius: 10px;

    /*remove default tick marks*/
    color: #041146;
}
input[type=range]::-ms-fill-lower {
	border: none;
    background: #041146;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
	border: none;
    background: #041146;
    border-radius: 10px;
}
input[type=range]::-ms-thumb { 
	border: none;
    height: 1em ;
    width: 2em;
    border-radius: 10px;
    background: #99CC00;
    border-color: #99CC00;
    border-width: 1%;
    
}
input[type=range]:focus::-ms-fill-lower {
    background: #041146;
}
input[type=range]:focus::-ms-fill-upper {
    background: #041146;
}

.product-range{
	position: relative; 
	margin: 0%;
}


.product-range-name{
	position: relative;
	margin-top: 5%;
	
}
	.product-searc-range {
	border: 1px solid transparent; /*follows #slider2 style for sizing purposes */
	width: 100%; 
	position: absolute; 
	margin: 0 0 75px 0;
	height: 30px;
	top: 60%;
	z-index: -1;
	}
	.tick { 

		position: absolute;
		width: 1.2em;

		text-align:center;
		left: 0;
	}