@media(max-width:1020px) {
	/* -------------------- pjs-mm-archive -------------------- */
	.pjs-mm-archive .wrapper .cards .card {
		flex:0 1 50%;
	}
}

@media(max-width:760px) {
	/* -------------------- pjs-mm-video -------------------- */
	.pjs-mm-video {
		padding:20px;
	}
	
	
	/* -------------------- pjs-mm-archive -------------------- */
	.pjs-mm-archive {
		padding:20px;
	}
	.pjs-mm-archive .wrapper h1 {
		padding-bottom:0;
	}
	.pjs-mm-archive .wrapper .cards {
		width:100%;
		transform:initial;
	}
	.pjs-mm-archive .wrapper .cards .card {
		flex:0 1 100%;
	}
	.pjs-mm-archive .wrapper .cards .card .container {
		margin:20px 0;
	}
	
	
	/* -------------------- pjs-mm-related -------------------- */
	.pjs-mm-related {
		padding:20px;
	}
	.pjs-mm-related .wrapper h1 {
		padding-bottom:0;
	}
	.pjs-mm-related .wrapper .cards {
		width:100%;
		transform:initial;
	}
	.pjs-mm-related .wrapper .cards .card {
		flex:0 1 100%;
	}
	.pjs-mm-related .wrapper .cards .card .container {
		margin:20px 0;
	}
}

@media (max-width:1020px) {
	/* stories-archive */
	section.stories-archive .wrapper .loader img {max-width:60px; max-height:60px;}
	section.stories-archive .wrapper .columns .column {flex:0 1 50%;}
	
	section.stories-filters.watch .wrapper .filters .filter select {padding:20px 20px 20px 40px; font-size:14px; background:url(../images/icon-filter.svg) no-repeat left 10px center; background-size:24px;}
	
	section.banner.stories {padding-top:60%;}
}

@media (max-width:760px) {
	/* stories-archive */
	section.stories-archive .wrapper {padding:40px 20px;}
		section.stories-archive .wrapper .columns .column {flex:1 1 100%;}
	
	section.stories-archive.staff .wrapper .columns .column {flex:0 1 100%;}
	
	/* stories-featured */
	section.stories-featured .stories {flex-flow:row wrap;}
		section.stories-featured .stories .story {padding-top:56.25%; border-top:1px solid #fff; border-right:0; flex:1 1 100%;}
	
	/* stories-filters */
	section.stories-filters .wrapper .filters .filter select {padding:20px 40px 20px 20px; font-size:16px; white-space:initial; background:transparent !important;}
	section.stories-filters .wrapper .filters .filter .indicator {font-size:20px; right:10px;}
	
	section.stories-filters.watch .wrapper .filters {flex-flow:row wrap;}
		section.stories-filters.watch .wrapper .filters .filter {border-right:0; border-bottom:1px solid #4b504b; flex:1 1 100%;}
		section.stories-filters.watch .wrapper .filters .filter:last-child {border-bottom:0;}
			section.stories-filters.watch .wrapper .filters .filter select {padding:20px;}
	
	/* banner */
	section.banner {padding-top:55%;}
	section.banner.stories {padding-top:100%;}
	section.banner .center-content .btns a {margin-right:0;}
	section.banner .content {width:calc(100% - 40px); padding:0 20px 20px 20px;}
		section.banner .content .title {font-size:20px;}
		section.banner .content .share {display:none;}
	/* section.banner .story-content {top:50%;} */
		section.banner .story-content .play {width:60px; height:60px;}
			section.banner .story-content .play img {max-width:20px; max-height:20px;}
}