@media screen and ( max-width: 480px ) {

/* === HEADER === */
.header {
  padding: .5em;
}

.header .program-id {
  width: 45%;
  margin: 0 auto;
}


.header-action {
  width: 13%;
  position: absolute;
  font-size: 1.5em;
  top: .3em;
}
.header-main-nav {left: 3%; text-align: left;} 
.header-search {right: 3%; text-align: right;}
.header-action i {
  display: block;
}

.header-schedule { display: none;}
.skip-header {display: none;}

/* === SECTION LINK === */
.section-link {
  display: none;
  margin-bottom: .5em;
}

.section-link.visible {
  display: block;
}
.section-link-thumb {display: none;}


/* === CAROUSEL === */
.media-carousel {
  height:auto; /* 16x9 at 320px wide */
}
.media-carousel img { max-width: 100%; height: auto;}
.carousel-text { width: 100%;}
.carousel-text { font-size: .8em;}
.carousel-text-title {font-size: 1em;}
.touchslider-nav {display: none;}




/* === SCROLL SECTIONS === */
.media-carousel {
  /*display: none; */
}
.media-carousel {
  display: block;
}

.carousel-control {
  display: none;
}

.watch {
  height: 12.1em;
}


/* === POST === */
.share-box-service {
  display: inline-block;
  width: 49%;
}


/* === HALF WIDE THUMBNAIL + TEXT === */
.thumbnail-half-wide {
  padding-bottom: 50%;
}
.text-half-wide-date {
  float: right;
}


/* === SUBMIT === */
.submit-form,
.submit-overview {
  width: 100%;
}


/* === video page === */
#videotop .related {display: none;}
.vidshare {margin-top: 1em;}
.videogrid a {height: auto;}
.videogrid .item {float: left; width: 100%; margin: 0 0 1em 0;}
.videogrid .overlay {display: none;}


.homevideo .videogrid .item {height: auto;}
.homevideo .videogrid a { height: auto !important;}

/* === TOPIC PAGE === */
.featured-media-poster {
  width: 100%;
  margin-right: 0;
  padding-bottom: 56.25%;
}
.featured-media-text {
  width: 100%;
  margin: 1em 0;
}



/* === history 100 facts === */
.cat100facts .imgwrap {width: 100%; margin-right: 0;}
.cat100facts .hasthumb .txtwrap {width: 100%;}
.cat100facts .meta {display: none;}
/* === end history 100 facts === */


#alt-ad-top {display: none;}
#alt-ad-bot {display: block;}


/* posters */
#posters {font: normal 1em 'PT Sans', arial;}

#posters .poster-left {float: none; width: 100%; margin-right: 0; margin-bottom: 1em;}
#posters .txtwrap {float: none; width: 100%;}
.poster-download {display: none;}
.poster-share {display: none;}
.poster-share2 {display: block;}
.pshare {font-size: .8em;}
.poster-designer {float: none; width: 100%;}
/* posters */



.widget-posters {width: 100%; float: none; min-height: 12em; margin: 0 0 1em 0;}
.widget-share {width: 100%; float: none; min-height: 12em; margin: 0;}




.footer-nav {width: 100%; float: none;}
.footer-nav li {float: left; margin: 0 .7em 0 0; font-size: .8em;}
.footer-funders {width: 100%; float: none; margin: 1em 0; font-size: .7em;}
.footer-logos {width: 100%; float: none;}
.footer-logos-logo {width: 31%; margin: 0 1% 0 1%; float: left; text-align: center;}
.footer2 .wnet {width: 100%; margin-bottom: 1em; float: none;}
.footer2 .producers {width: 100%; float: none;}




.postnav {font-size: 1em;}


pullquote, pullquote.left {float: none; width: 90%; margin: 1em 5%; border: 0; border-top: 3px solid #cb4626; border-bottom: 3px solid #cb4626; padding: 1em 0; clear: left;}


.section-head {font-size: 1.4em; }

.landing-page li {width: 100%; margin: 0 0 1em 0; min-height: auto;}

.landing-page {padding: 0 2%;} 


.related-content {margin: 1em 0;}
.related-content h3 {margin: 0 0 .3em 0; font-size: 1em;}
.section-link-wrap {margin: 0; -webkit-overflow-scrolling: touch;}
.section-link {display: inline-block; margin: .2em 0; vertical-align: top;}
.section-link-thumb {display: none;}
.section-link-text {float: left; width: 100%; white-space: normal;}
.section-link h4 {font-size: .9em; line-height: 1.25em;  margin: 0;}
.section-link p {margin: 0 0 .25em; line-height: 1.25em; font-size: .7em;}
.section-link .dek {display: block;}




.sponsored-articles li {width: 100%; margin: 0 0 1em 0; border-bottom: 1px solid #ccc; padding-bottom: 1em;}
.sponsored-articles .pic {float: left; width: 20%; margin: 0 2% 0 0;}
.sponsored-articles .sa-txt-wrap {float: left; width: 78%;}
.sponsored-articles .title {margin-bottom: 4px;}




}


@media screen and ( min-width: 100px ) and ( max-width: 350px ) {

.entry-content .wp-caption.alignleft, .entry-content .wp-caption.alignright {width: 100% !important; float: none; display: block;}
.entry-content .wp-caption.alignleft img, .entry-content .wp-caption.alignright img {width: 100% !important; height: auto !important;}

}