.partslist-frame {
	display:flex;
    align-items: center;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
  color: #333;

}
.partslist-frame img{ height:20px; width:auto; margin:0 10px}

input[type="range"] { 
    margin: auto;
    -webkit-appearance: none;
    position: relative;
    overflow: hidden;
    height: 40px;
      width : calc(100% - 130px) ;

    cursor: pointer;
    border-radius: 0; /* iOS */
}

::-webkit-slider-runnable-track {
    background:  #bdbdbd;
	height:10px;
	border-radius:10px;
}

/*
 * 1. Set to 0 width and remove border for a slider without a thumb
 */
::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px; /* 1 */
    height: 20px;
	border-radius:40px;
	margin-top:-5px;
    background: #fff;
    box-shadow: 1px 1px 2px gray;
    /* 1 */
}

::-moz-range-track {
	height:10px;
	border-radius:10px;
    background: #bdbdbd;
}

::-moz-range-thumb {
    background: #fff;
    height: 20px;
    width: 20px;
	border-radius:40px;
   box-shadow:  1px 1px 2px gray;
    box-sizing: border-box;
}

::-ms-fill-lower { 
 /*   background: dodgerblue;*/
}

::-ms-thumb { 
    background: #fff;
    height: 20px;
    width: 20px;
		border-radius:40px;

    box-sizing: border-box;    
	box-shadow: 1px 1px 2px gray;

}

::-ms-ticks-after { 
    display: none; 
}

::-ms-ticks-before { 
    display: none; 
}

::-ms-track { 
    background: #9a9a9a;
    color: transparent;
    height: 10px;	border-radius:10px;

    border: none;
}

::-ms-tooltip { 
    display: none;
}
@media screen and (max-width: 767px) {
input[type="range"] {width : 100%;}
.partslist-frame img:first-child{ margin:0 10px 0 20px}
.partslist-frame img:last-child{ margin:0 20px 0 10px}

	
	}
@media screen and (min-width: 768px) {

.partslist-frame img:first-child{ margin:0 15px 0 30px}
.partslist-frame img:last-child{ margin:0 30px 0 15px}
}