.player{float:left;position:relative;width:100%;margin-top:5px}.player .controls{margin-left:-31px;position:absolute}.player .controls button{float:left;background:transparent;width:30px;height:30px;color:#FFFFFF;margin:0;border:2px solid #FFFFFF;font-size:12px;cursor:pointer;border-radius:50%;outline:none}.player .info{padding-left:40px}.player .info .playing{margin:2px 0 2px 0;padding:0;font-size:13px;font-weight:bold;color:#FFFFFF;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player .info .time{float:left;margin:0;padding:0;font-size:11px;color:#BBBBBB;width:80px}.player .info .volume{float:left;margin:3px 0 0 0;background:#545A72;width:100px;height:8px;border-radius:4px}.player .info .volume .volume-value{background:#989CAA;width:0;height:100%;border-radius:4px}.links{float:left;width:120px;display:none;margin-top:5px}.links ul{float:right;margin-top:2px}.links li{float:left;margin-right:10px}.links li:last-child{margin-right:0}.links li a{display:block}@media (min-width: 768px){.social,.links{display:block}.player{width:500px}}@media (min-width: 992px){.player{width:720px}}@media (min-width: 1200px){.player{width:320px;margin-left: 35px;}}