@media only screen and (max-width:610px){.track-picture-container{display:none;opacity:0}.track-container{width:100%!important}.playerNameRes{font-size:30%;float:right;bottom:10px;position:relative;right:1px;opacity:1!important;padding:0 10px 0 8px}.track-control-group{padding-left:7%}}@media only screen and (max-width:610px){.track-control-group{padding-left:15%}}#vpplayer{height:120px;color:#fff;display:inline-block;width:100%;background:-webkit-linear-gradient(0deg,rgb(1,93,123) 10%,rgb(5,132,173) 90%);background:-o-linear-gradient(0deg,rgb(1,93,123) 10%,rgb(5,132,173) 90%);background:linear-gradient(0deg,rgb(1,93,123) 10%,rgb(5,132,173) 90%);border-radius:6px;box-shadow:0 16px 50px rgba(53,52,52,.55);border-top:1px solid #067092;border-bottom:1px solid rgba(1,78,103,.94);border-right:1px solid #036e91;border-left:1px solid #036e91;text-shadow:1px 1px 3px #000}.playerHeadPhone{font-size:90px;width:100%;height:100%;text-align:center}.playerName{font-size:35%;padding:0;width:100%;text-align:center}.playerNameRes{opacity:0;font-size:30%;float:right;bottom:10px;position:relative;right:1px;padding:0 10px 0 8px}.track-picture-container{width:20%;height:100%;float:left;padding:10px;border-right:1px solid #333;box-shadow:inset -1px 0 0 #0b95c1}.track-container{width:80%;float:left;padding:5px;height:100%}.track-data-element-container{width:100%;height:42%;background:linear-gradient(#102931,#1e4652);background:-webkit-linear-gradient(#102931,#1e4652);background:-o-linear-gradient(#102931,#1e4652);border:1px solid #0f252d;border-radius:6px}.track-name-details{width:32%;height:100%;display:block;float:left;border-right:1px solid #000;box-shadow:inset -1px 0 0 #26515f;-moz-box-shadow:inset -1px 0 0 #26515f;-webkit-box-shadow:inset -1px 0 0 #26515f}.track-name{width:66%;margin:0 1%;float:left;height:100%;padding:14px;white-space:nowrap;overflow:hidden;position:relative}#trackName{display:inline;font-size:10px;text-shadow:0 0 10px rgba(255,255,255,.61);position:absolute}.track-name marquee{font-size:small}.track-control-container{height:58%}.track-seek-container{height:53%;display:block;width:100%}.time{font-size:10px}.startTime{float:left;padding:3px}.endTime{float:right;padding:3px}.track-controlelements-container{height:47%}.track-control-group{height:100%;width:100%;margin:0 auto;text-align:center}.rewind,.forward,.play,.volume,.pause,.repeat{display:inline-block;padding:5px 10px;cursor:pointer;transition:all .7s}.volume-container{position:relative;display:inline-block;top:-25px}.equalizer{top:-1px;right:0;left:0;height:100%;padding:10px}.bar{display:inline-block;width:2%;margin-top:21px;height:10%;margin-right:1%;background:skyblue;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;-webkit-transform-origin:bottom;-moz-transform-origin:bottom;transform-origin:bottom}input[type=range]{-webkit-appearance:none;width:100%;padding:0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:inset -1px 0 0 #000;background:#000}input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:10px;width:10px;border-radius:7px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-2.8px}input[type=range]::-moz-range-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:inset -1px 0 0 #000;background:#000}input[type=range]::-moz-range-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:10px;width:10px;border-radius:7px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-3.6px}input[type=range]::-ms-track{width:100%;height:5px;cursor:pointer;animate:.2s;box-shadow:inset -1px 0 0 #000;background:#000}input[type=range]::-ms-fill-lower{background:#000;border:0 solid #000101;border-radius:50px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}input[type=range]::-ms-fill-upper{background:#000;border:0 solid #000101;border-radius:50px;box-shadow:0 0 0 #000,0 0 0 #0d0d0d}input[type=range]::-ms-thumb{box-shadow:0 0 0 #000,0 0 0 #0d0d0d;border:0 solid #000;height:10px;width:10px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-1px}.volumeRange{margin:-13px 0 -10px!important}.volume-range-container{opacity:0;position:relative;top:-4px;display:inline-block;left:5px;width:0;transition:all .5s}