@media screen and (max-width: 960px) {
    .CommandBar.Footer {
        left: 50px;
        width: calc(100% - 50px);
    }
}

@media screen and (max-width: 1190px) {
    /* ----- UPSTREAM ----- */
    h2 {
        margin-right: 12px;
    }

    article.UpStream {
        margin-right: 12px;
    }

    /* --- retired --- */
    .UpStreamContent {
        margin-right: 12px;
    }
}

@media screen and (max-width: 650px) {
    /* --- HOME (Episodes) ----- */
    .HomeEpisodeTile {
        height: auto;
        float: none;
        width: 100%;
        margin-bottom: 24px;
        background-position: center 167px;
    }

    .HomeEpisodeTile img {
        width: 100%;
        display: block;
    }

    .HomeEpisodeTile .Spacer {
        display: none;
    }

    .HomeEpisodeTile h2, .HomeEpisodeTile h3, .HomeEpisodeTile p, .HomeEpisodeTile a {
        height: auto !important;
        display: block !important;
    }

    .HomeEpisodeTile a {
        display: block;
        width: calc(100% - 24px);
        padding: 6px 12px 10px 12px;
    }

    /* series*/
    .HomeEpisodeTile.Series1 header, .HomeEpisodeTile.Series1 p, .HomeEpisodeTile.Series1 a {
        background-color: rgba(242,133,0, .85);
    }

    .HomeEpisodeTile.Series3 header, .HomeEpisodeTile.Series3 p, .HomeEpisodeTile.Series3 a {
        background-color: rgba(118,187,36, .85);
    }

    .HomeEpisodeTile.Series9 header, .HomeEpisodeTile.Series9 p, .HomeEpisodeTile.Series9 a {
        background-color: rgba(0,159,156, .85);
    }

    /* --- HOME (Articles) --- */
    .HomeArticleTile {
        height: auto;
        float: none;
        width: 100%;
        margin-bottom: 24px;
    }

    .HomeArticleTile .LogoImage {
        height: 167px;
    }

    .HomeArticleTile header, .HomeArticleTile:hover header {
        height: auto;
    }

    .HomeArticleTile:hover h2 {
        font-size: 22pt;
        line-height: 34px;
    }

    .HomeArticleTile p, .HomeArticleTile a {
        display: block;
    }

    /* ----- UPSTREAM ----- */
    h2 .TitleAction {
        float: none;
    }

    /* --- SERIES */
    .PartnerPanel .PartnerCell {
        height: 100px;
    }

    /* ----- REVIEWS ----- */
    article.ReviewDetail header img.ProductImage {
        float: none;
        width: 100%;
        height: auto;
    }

    .BrandResource {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    /* ----- LIVE STREAM ----- */
    .TileGarden .LiveStreamTile {
        width: 100%;
        margin: 0 0 12px 0;
    }

    /* ----- UPSTREAM ----- */
    article.UpStream img.ArticleImage {
        float: none;
        margin: 12px 0;
        max-width: 100%;
        max-height: 100%;
    }

    article.UpStream .UpStreamLinks .UpStreamSocialLink {
        display: block;
        float: none;
    }

    /* --- SERIES */
    .SeriesTile {
        width: 50%;
    }

    .PartnerPanel .PartnerCell a {
        margin: 6px;
        width: calc(100% - 12px);
        height: calc(100% - 12px);
    }

    section.SwipePanel .SwipeDesktop {
        display: none;
    }

    section.SwipePanel .SwipeMobile {
        display: block;
    }

    .ShowImageTile > img {
        width: calc(50% - 12px);
    }

    .SeriesHeaderLogo {
        width: 49%;
        height: auto;
    }

    .PartnerPanel {
        margin-right: 0;
    }

    /* SUMMARY TILES */
    .EpisodeSummary, .ArticleSummary, .ReviewSummary {
        width: calc(100% - 12px);
    }

    .SummaryPanel .EpisodeSummary, .SummaryPanel .ArticleSummary, .SummaryPanel .ReviewSummary {
        float: none;
        margin-bottom: 24px;
    }

    .SummaryPanel .EpisodePanelSpacer {
        display: none;
    }

    button.LoadMore {
        width: 100% !important;
        margin: 0 0 24px 0;
    }

    .EpisodePreviewTile {
        margin: 0;
        height: auto;
    }

    .EpisodePreviewTile > img {
        width: 100%;
        height: auto;
        float: inherit;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 0;
    }

    .EpisodePreviewTile > section {
        display: block;
        float: inherit;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0 12px 0 12px;
    }

    /* --- retired --- */

    .UpStreamContent img.ArticleImage {
        float: none;
        margin: 12px 0;
        max-width: 100%;
        max-height: 100%;
    }

    .UpStreamContent .UpStreamLinks .UpStreamSocialLink {
        display: block;
        float: none;
    }

    /* ----- STAFF ----- */

    .ParticipantProfile img {
        width: calc(100% - 12px);
        height: auto;
        float: none;
        display: block;
    }

    .CommandBar.Footer {
        left: 0;
        width: 100%;
    }

    /* ----- STAFF ----- */

    .StartupResource header {
        text-align: center;
    }

    .StartupResource header img {
        height: auto;
        max-height: 150px;
        max-width: 100%;
    }
}

@media screen and (max-width: 498px) {
    .ChatPanel {
        width: calc(100% - 48px);
    }
}

@media screen and (max-width: 450px) {
    .FormFieldSplit .FormField {
        width: calc(100% - 12px);
    }

    /* --- SERIES */

    .PartnerPanel .PartnerCell {
        height: 50px;
    }

    .PartnerPanel .PartnerCell a {
        margin: 3px;
        width: calc(100% - 6px);
        height: calc(100% - 6px);
    }

    /* --- DOWNLOAD --- */
    .SectionLogo {
        max-width: calc(100% - 6px);
    }
    .HeroPanel.TheDownload .SunValleyMask .ContentPanel input[type='email'] {
        width: calc(100% - 12px);
    }
    .HeroPanel.TheDownload .SunValleyMask .ContentPanel input[type='submit'] {
        margin-top: 0;
        margin-bottom: 32px;
    }
}

/* ----- SHOW CELLS ----- */

@media screen and (max-width: 438px) {
    .EpisodeItem, .EpisodeItem .EpisodeCell {
        width: 100%;
    }

    .EpisodeItem .LinkFooter .UpcomingText .FullText {
        font-size: 0;
    }

    .EpisodeItem .LinkFooter .UpcomingText .MinimalText {
        font-size: 13pt;
    }
}

/* ----- RADIO TILES ----- */

@media screen and (max-width: 754px) {
    .EpisodeTile {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width: 715px) {
    .PlayerEmbed iframe {
        width: 100% !important;
    }
}

@media screen and (max-width: 500px) {
    .EpisodeTile {
        width: calc(100% - 30px);
    }

    .EpisodeItem .EpisodeCell {
    }
}

/* ----- REVIEWS ----- */

@media screen and (max-width: 1127px) {
    .TileGarden .ProductType {
        width: calc(33% - 12px);
    }
}

@media screen and (max-width: 715px) {
    .TileGarden .ProductType {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width: 460px) {
    .TileGarden .ProductType {
        width: calc(100% - 12px);
    }
}

@media screen and (max-width: 600px) {
    .ReviewListItem img, .ReviewSummaryItem img {
        float: none;
        height: auto;
        width: calc(100% - 12px);
    }
}

/* ----- SUBSCRIBE ----- */

@media screen and (max-width: 750px) {
    .FeedSubscription .SubscriptionPanel .SubscriptionLink .FullText {
        display: none;
    }
}

@media screen and (max-width: 570px) {
    .FeedSubscription h2 {
        font-size: 22pt;
    }

    .FeedDetailPanel .SplashImage {
        display: block;
        width: 100%;
    }

    .SubscriptionSpacer.Sized {
        height: 36px;
    }

    .FeedDetailPanel .AlbumArt {
        display: none;
    }

    /* --- TO DELETE --- */

    .SubscriptionSplashImage {
        display: inline;
        width: calc(100% - 12px);
    }

    .SubscriptionAlbumArt {
        display: none;
    }

    .SubscriptionPrimaryPanel {
        margin: 12px 0;
    }
}

/* --- HERO IMAGES --- */

@media screen and (max-width: 840px) {
    .HeroImagePanel .HeroImageContent h1 {
        font-size: 20pt;
        line-height: 100%;
        margin: 12px 12px 0 12px;
    }

    .HeroImagePanel .HeroImageContent h2 {
        font-size: 30pt;
    }

    .HeroImagePanel .HeroImageContent h4 {
        font-size: 18pt;
    }
}

@media screen and (max-width: 640px) {
    .HeroImagePanel .HeroImageContent h2 {
        font-size: 24pt;
    }

    .HeroImagePanel .HeroImageContent h4 {
        font-size: 14pt;
    }
}

@media screen and (max-width: 440px) {
    .HeroImagePanel .HeroImageContent h2 {
        font-size: 20pt;
    }

    .HeroImagePanel .HeroImageContent h4 {
        /*font-size: 10pt;*/

        display: none;
    }
}

body.FullMinimized .CommandBar.Footer {
    left: 50px;
    width: calc(100% - 50px);
}

body.MidMaximized .CommandBar.Footer {
    left: 250px;
    width: calc(100% - 250px);
}





/* ----- REVIEWS ----- */

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

    .TileGarden .ProductType {

        width: 150px;

        height: 150px;

        background-size: 110px 110px;

    }

    .TileGarden .ProductType a {

        padding-top: 130px;

    }

    .ReviewListItem img {

        float: none;

        height: auto;

        width: calc(100% - 12px);

    }

    .ReviewSummaryItem .Ratings img, .ReviewSummaryListItem .Ratings img, .ReviewListItem .Ratings img {

        height: 26px;

        width: 26px;

    }







}*/