.podcast_player{
    display:grid;
    grid-template-columns:repeat(1, 1fr);
    gap:15px
}
.columns-2{
    grid-template-columns:repeat(2, 1fr)
}
.columns-3{
    grid-template-columns:repeat(3, 1fr)
}
.columns-4{
    grid-template-columns:repeat(4, 1fr)
}
.podcast_info{
    display:block;
    overflow:hidden;
    margin-bottom:20px
}
.podcast_info img{
    width:180px;
    height:auto;
    float:left;
    margin-right:15px
}
.podcast_info .podcast_subscribe,
.podcast_info .podcast_website{
    padding-bottom:5px;
    font-size:17px
}
.podcast_subscribe i{
    color:#ff4e19
}
.podcast_website i{
    color:#069
}
.podcast_instance{
    overflow:hidden
}
.podcast_title{
    margin-top:10px;
    margin-bottom:7px
}
.podcast_datedl{
    font-size:13px
}
.podcast_date{
    margin-right:15px
}
.podcast_media{
    margin:5px 0
}
.podcast2{
    background:rgba(0,0,0,.1);
    padding:10px
}
.podcast1 .podcast_title,
.podcast2 .podcast_title,
.podcast5 .podcast_title{
    margin-top:0
}
.podcast4 .podcast_datedl a,
.podcast5 .podcast_datedl a{
    margin-right:4px
}
.podcast_infothis{
    display:block;
    overflow:hidden;
    width:100%
}
.episode_image{
    position:relative;
    width:180px;
    float:left;
    margin-right:15px;
    text-align:center
}
.episode_image img{
    width:100%;
    height:auto
}
.podcast3 .episode_image,
.podcasts1 .episode_image,
.podcasts2 .episode_image{
    width:100%;
    float:none;
    display:block;
    margin-bottom:15px
}
.podcast3 .episode_image img,
.podcasts1 .episode_image img,
.podcasts2 .episode_image img{
    max-width:250px
}
.podcast4 .episode_image,
.podcast5 .episode_image{
    max-width:90px;
    margin-right:15px
}
.episode_info{
    position:relative;
    overflow:hidden
}
.podcast-feature{
    position:relative;
    background:#000;
    overflow:hidden;
    padding:15px;
    margin-right:1%;
    float:left
}
.podcast-feature .episode_image{
    width:100%;
    float:none;
    display:block;
    margin-bottom:15px
}
.podcast-feature .episode_image img{
    width:100%;
    height:auto;
    max-width:300px
}
.podcast-feature,
.podcast-feature a,
.podcast-feature h3,
.podcast-feature h5,
.podcast-feature h5 a{
    color:#fff
}
.podcast_bgimage{
    position:absolute;
    width:94%;
    display:block;
    height:94%;
    opacity:.5;
    background-size:cover;
    background-position:center top 30%;
    filter:blur(10px);
    z-index:0
}
.podcasts1 .podcast_bgimage{
    display:none
}
.podcasts2{
    margin-right:0;
    float:none
}

@media (max-width: 1400px) {
    .columns-4{
        grid-template-columns:repeat(3, 1fr)
    }
}

@media (max-width:991px){
    .columns-3{
        grid-template-columns:repeat(2, 1fr)
    }
    .columns-4{
        grid-template-columns:repeat(2, 1fr)
    }
    .podcast_info img {
        width:inherit;
        max-width:300px;
        float:none;
        display:block;
        margin:0px auto 15px
    }
    .podcast1 .episode_image,
    .podcast2 .episode_image,
    .podcast4 .episode_image,
    .podcast5 .episode_image{
        display:block;
        float:none;
        text-align:center;
        max-width:100%;
        width:100%;
        margin-right:0
    }
    .podcast1 .episode_image img,
    .podcast2 .episode_image img,
    .podcast4 .episode_image img,
    .podcast5 .episode_image img{
        max-width:250px;
        margin-bottom:15px;
        margin-right:0
    }
}

@media (max-width:676px){
    .columns-2,
    .columns-3,
    .columns-4{
        grid-template-columns:repeat(1, 1fr)
    }
}

@media (max-width:500px){
    .episode_image{
        width:100%;
        float:none
    }
    .episode_image img{
        max-width:200px
    }
    .podcast_download,
    .podcast_subscribe span,
    .podcast_website span{
        display:none
    }
}
