@media screen and ( min-width: 481px ) and ( max-width: 768px ) {

/* === HEADER === */
.station-id {display: none;}

/*.menu-topnav-container, .desktop-watch {display: none;} */


#page {border-top: 1px solid #000;}

.header {padding: .5em;}
.header .program-id {margin-left: 10%;}

.header-main-nav i {display: block; position: absolute; left: 2%; top: .6em; font-size: 1.6em; color: #86c240;}
.header .program-id {width: 35%;}

.header-search {width: 35%; position: absolute; right: 2%; top: 1em;}
.header-search-input-wrap {display: inline-block; margin-top: 0em;}

/* === SECTION LINK LIST === */
.topic-preview {width: 100%;}
.section-link-list {height: 13em; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden;}

.section-link-wrap, .section-link {height: 10em;}
.section-link {margin-right: 1em;  height: 11em;}
.section-link-thumb {width: 10em; height: 10em; margin-right: .5em;}
.section-link-text {width: 12em;}
.link-list-more-link { display: none;}



/* === CAROUSEL === */
.carousel, .media-carousel {height: 32em; }

/* === WATCH === */ 
.watch-nav {display: none !important;}
.watch-dates-wrap {overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; }
.watch-date {border-left: 1px solid #fff; width: 50%; float: left;}
@media screen and ( min-width: 481px ) and ( max-width: 600px ) {
	.watch-description {font-size: .7em; line-height:1em;  }
}


/* === SIDEBAR SECTIONS === */
.advertisement, .sidebox.partners {width: 48%; margin-right: 0; float: right;}
.join-conversation, #market {width: 48%; float: left;}
.partners-links, .addl-promos {padding-bottom: 10%;}

.partners .sidebox-content {font-size: .9em;}


/* === POST === */
.post-text-cta {float: left; width: 70%;}

.share-box { width: 28%;}
.share-box.vertical { float: right;}

.right-column {margin-right: 1.5%; margin-left: 1.5%;}
.topic-heading {margin-top: 0;}

.funder-logos img {max-width: 15% !important; height: auto; margin: 0 1%;}


.watch-nojs .thumbnail {width: 30%;}
.watch-nojs .dek {width: 70%;}

#welcometeaser {width: 80%; margin: 5% 10%; font-size: .9em;}


.full-width, .full-width .post-text-cta {width: 100%;}

}

@media screen and ( min-width: 600px ) and ( max-width: 768px ) {
.watch-nojs .item {width: 50%; float: left;}
.watch-nojs .item-1 {display: block;}
.watch-nojs .thumbnail {width: 50%;}
.watch-nojs .dek {width: 50%;}
}