.clear {
    clear: both;
  }
  .player-container {
    background-color: #f9f9f9;
  }
  .player-container .meta-infos {
    width: 48.5%;
    float: left;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid rgba(0,0,0,0.13);
  }
  .player-container .meta-infos img {
    float: left;
  }
  .player-container .meta-infos .textual {
    padding-left: 10px;
    display: table;
 width: auto;
  }
  .player-container .meta-infos .textual div {
  }
  .player-container .meta-infos .textual div:last-child {
    border-bottom: none;
  }
  .player-container .meta-infos .textual .label {
    text-align: right;
    color: #ccc;
    float:left;
    min-width: 11%;
  }
  .player-container .meta-infos .textual .value {
    color: #001021;
  }
  .player-container #player {
    width: 100%;
  }
  
.player-container .program-container{
	float: left;
	width: 320px;
}
.player-container .program-container .program-img{
    float: left;
    clear: left;
    width: 100%;
}
.player-container .program-container .program-img img {
    max-width: 100%;
}

@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
    .player-container .meta-infos .textual {
      width: 92%;
      margin-left: 0;
    }
    .player-container .meta-infos img {
      float: none;
    }
    .player-container .meta-infos {
      text-align: center;
    }
  }