@media (max-width: 300px) {
	.container, .content-header { max-width: 300px;padding-left: 10px;padding-right: 10px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(100% - 10px);}.episode ul li a img { height: 130px;}.issue ul li a img { height: 360px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 320px) {
	.container, .content-header { max-width: 320px;padding-left: 10px;padding-right: 10px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(50% - 10px);}.episode ul li a img { height: 90px;}.issue ul li a img { height: 220px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 350px) {
	.container, .content-header { max-width: 350px;padding-left: 10px;padding-right: 10px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(50% - 10px);}.episode ul li a img { height: 100px;}.issue ul li a img { height: 240px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 480px) {
	.container, .content-header { max-width: 480px;padding-left: 10px;padding-right: 10px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(50% - 10px);}.episode ul li a img { height: 120px;}.issue ul li a img { height: 320px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 576px) {
	.container, .content-header { max-width: 540px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(50% - 10px);}.episode ul li a img { height: 120px;}.issue ul li a img { height: 340px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 768px) {
	.container, .content-header { max-width: 720px;}
	.content-episode { width: 100%;}.content-article { width: 100%;}
	.episode ul li,.issue ul li { width: calc(33.333% - 10px);}.episode ul li a img { height: 120px;}.issue ul li a img { height: 340px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 992px) {
	.container, .content-header { max-width: 960px;}
	.content-episode { width: 100%;}.content-article { width: 26%;}
	.episode ul li,.issue ul li { width: calc(33.333% - 10px);}.episode ul li a img { height: 110px;}.issue ul li a img { height: 300px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 1200px) {
	.container, .content-header { max-width: 1140px;}
	.content-episode { width: 69%;}.content-article { width: 27%;}
	.episode ul li,.issue ul li { width: calc(25% - 10px);}.episode ul li a img { height: 100px;}.issue ul li a img { height: 260px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 1200px) {
	.container, .content-header { max-width: 1140px;}
	.content-episodes { width: 100%;}.content-article { width: 27%;}
	.episode ul li,.issue ul li { width: calc(25% - 10px);}.episode ul li a img { height: 100px;}.issue ul li a img { height: 260px;}
	.mediaplayer { max-width: 100%;}
}
@media (min-width: 1440px) {
	.container, .content-header { max-width: 1366px;}
	.content-episode { width: 70%;}.content-article { width: 28%;}
	.episode ul li,.issue ul li { width: calc(20% - 10px);}.episode ul li a img { height: 110px;}.issue ul li a img { height: 260px;}
	.mediaplayer { max-width: 100%;width:992px;}
	/*1366x768*/
}
@media (min-width: 1920px) {
    .mediaplayer { max-width: 100%;width:1200px;}
    /*1600x900*/
}