.podcast-latest .content{
    width: 40%;
    float: left;
    color: #fff;
}
.podcast-latest .content p{
    margin: 20px 0;
}
ul.podcast{
    width: 55%;
    float: right;
    background-color: #2A4148;
    padding: 20px;
    border-radius: 30px
}
ul.podcast li{
    clear: both;
    padding: 10px 0;
    border-bottom: 1px #85989D solid;
}
ul.podcast li:before, ul.podcast li:after {
    content: "";
    display: table;
}
ul.podcast li:after {
    clear: both;
}
ul.podcast li:last-child {
    border-bottom:none
}
ul.podcast li img {
    width: 20%;
    float: left;
    margin: 0 10px 0 0;
}
ul.podcast li a {
    display: block;
    color: #fff;
}
ul.podcast li .minute{
    text-align: right;
    color: #ccc;
    font-size: 11px;
}
ul.podcast .minute .icon {
    background: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 50%;
}
ul.podcast .minute .icon i{
    left: -6px;
    color: #508E74;
}
ul.podcast li:hover .icon {
    background: #508E74;
}
ul.podcast li:hover .icon i {
    color: #fff;
}
@media screen and (max-width: 660px){
    .podcast-latest .content, ul.podcast{
        width: 100%;
        float: none;
    }
}