/* media queries for mobile responsive layout */
@media only screen and (device-width: 768px) {
    .scrollable .viewport {
        height: 430px;
    }
    #showDescriptionBelow {
        right: 0;
    }
    footer {
        width: 1060px;
    }
}
@media screen and (max-device-width: 480px) {
    /* articles.css */
    .primary > div.article.scrollable {
        padding: .5em 12px 1em;
        margin-right: 0;
    }
    /* effects.css */
    .scrollable { width: auto; }
    .scrollable .viewport { width: auto; height: 200px; }
    /* elements.css */
    footer {
        display: none;
    }
    .more-info {
        display: none !important;
    }
    .show-info {
        width: 50%;
    }
    .nav-word {
        display: none;
    }
    .article-text {
        clear: both;
    }
    .primary .article img.thumbnail {
        display: none;
    }
    .date {
        width: 40% !important;
    }
    .article {
        margin-left: 8px;
        margin-right: 8px;
    }
    .about .alpha {
        margin-left: 8px;
        margin-right: 8px;
    }
    .about .image-holder,
    .about .alpha .image {
        display: none;
    }
    .about .alpha .text {
        width: auto;
    }
    .section {
        margin-left: 8px;
        margin-right: 8px;
    }
    .day_date,
    .week_images {
        text-align: center;
    }
    .about .beta,
    .about .gamma {
        display: none;
    }
    #below #tag-holder {
        display: none;
    }
    body {
        padding-top: 36px;
        min-width: auto;
    }
    #playerThumbnailsNav {
        height: auto;
    }
    header,
    #logonav, footer,
    #main, footer,
    .static_page #main,
    .player_page header,
    .player_page #logonav,
    .floating-menu,
    #playerTableContainer,
    #showDescription {
        width: auto;
    }
    #showDescriptionBelow {
        right: 0px;
        display: none;
    }
    #social_buttons {
        height: 28px;
        overflow: hidden;
    }
    /* player.css */
    .infoBar {
        padding: 4px 0;
    }
    .infoBar span.floatcenter {
        vertical-align: middle;
        padding: 5px .25em 5px .25em;
    }
    #thumbs-tray-left {
        width: 48%;
        border-right: none;
    }
    .thumbs-tray-center {
        width: 100%;
        padding: 8px 0px 3px 0px;
        float: none;
    }
    .bottom .thumbs-tray-center {
        display: block;
    }
    .middle .thumbs-tray-center {
        display: none;
    }
    #thumbs-tray-right {
        width: 44%;
        padding: 8px 5px 0 16px;
    }
    .thumbs-tray-month {
        margin-top: 8px;
        height: auto;
    }
    .day_thumb {
        width: 60%;
    }
    .day_thumb.last {
        margin-right: auto;
    }
    .day_thumb .pop-card {
        width: 150px;
    }
    .pop-card {
        margin: 8px auto !important;
    }
    div.thumb_show_name {
        height: 64px;
    }
    .ghostthumb.pop-card {
        width: 240px;
    }
    div.thumb_show_name a {
        height: 58px;
    }
    /* site.css */
    header {
        margin-bottom: auto;
    }
    #main .primary {
        width: auto;
        margin-right: 0;
        float: none;
    }
    #main .sidebar {
        float: none;
        width: auto;
        text-align: center;
    }
    .menu {
        overflow: hidden;
    }
    #menu {
        width: 100%;
    }
    nav ul li {
        float: none;
        clear: both;
    }
    nav {
        width: 100%;
    }
    nav .first {
        margin: 0 auto;
    }
    nav ul a {
        padding: 10px 15px 0px 15px
    }
    nav ul li ul {
        display: none !important;
    }
    nav ul li.hasChildren a span, nav ul li.hasChildren a:hover span, nav ul li.hasChildren:hover a span {
        background: inherit;
    }
    #main .curated,
    #main .full-archive {
        display: none;
    }
    .archive_page .tag-section {
        display: none;
    }
    .show-thumb {
        margin-right: 4px;
    }
    .floating-menu {
        min-width: 100%;
        height: auto;
        overflow: hidden;
    }
    .floating-menu li.rest {
        display: none;
    }
    li.floating-menu-facebook {
        width: auto;
    }
    #playerThumbnailsNav .shows {
        padding: 4px;
    }
    .sidebar > div.ad {
        display: inline-block;
        padding: 0;
        margin: 10px;
    }
    #social-buttons-gft {
        height: 20px;
        width: 180px;
    }
    #disqus_thread {
        display: none;
    }
    .day_thumb {
        float: none;
        margin: 10px auto;
    }
    .ghostthumb {
        float: none;
        margin: 10px auto;
        width: 270px;
    }
    /* magazine */
    .article .tags {
        display: none;
    }

    .article .buttons {
        display: none;
    }

    .inner .week_images {
        display: block;
    }

    .inner .week_images img {
        margin-top: 8px;
    }
    .searchform-holder {
        display: none;
    }
    .whats-on {
        font-size: 14px;
    }
}