.radio {
  background: #000;
  position: fixed;
  bottom:0;
  height:50px;
  width:100%;
  z-index: 99999;
  margin:0 -15px;
}
.radio > div {
  padding:15px 20px 0;
  width: auto;
}
.radio span {
  font-size:14px;
  line-height: 14px;
  text-transform: uppercase;
  color:#fff;
}
.radio span.song-title {
  color:#ff6633;
}
.radio .buy {
  float: right;
  background: rgb(255, 102, 51);
  border-color:rgb(255, 102, 51);
  margin-top: -3px;
  box-shadow: none;
  -moz-box-shadow: none;  
  -webkit-box-shadow: none;  
  width:135px;
  padding:0;
}
.radio .label,
.radio .meta,
.radio .media-btn {
  float: left;
}
.radio .meta {

}
.radio .media-btn {
  margin: -4px 10px auto -10px
}
.radio .label {
  font-size: 13px;
  line-height: 13px;
  margin-top: -2px;
  text-align: right;
  margin-right: 10px;
  padding-right: 10px;
  border-right:solid 1px rgb(102,102,102);
}
header .social-icons {
  position: absolute;
  right: 22px;
  top: 20px;
  width: 80px;
}
header .social-icons a {
  display: block;
  float:left;
  height: 29px;
  background-repeat: no-repeat;
}
header .social-icons a.fb {
  width:30px;
  background-image: url(../images/fb.png);
}
header .social-icons a.tw {
  width:30px;
  background-image: url(../images/tw.png);  
  float:right;
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .radio .meta {
    max-width: 460px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .radio .meta {
    max-width:700px;
    overflow: hidden;
  }

}