html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

/* center+right col */
@media only screen and (max-width:999px) {

    /* cols */
    div.columns {
        background-image:none;
        display:table-row;
    }
    div.columns div.left {
        display:none;
    }
    div.columns div.center {
        float:none;
        width:auto;
        display:table-cell;
        padding-top:0;
        vertical-align:top;
    }
    div.columns div.right {
        float:none;
        display:table-cell;
        vertical-align:top;
    }
    div.columns div.center div.spacer {
        padding-top:30px;
    }

    /* no-responsive */
    p.print-link {
        display:none;
    }
    div.blogbar {
        display:none;
    }

    /* header */
    div.header {
        height:auto;
    }
    div.header div.banner {
        display:block;
        position:relative;
        top:auto;
        right:auto;
        left:auto;
        background-position:-20px 0;
    }
    div.header a.logo {
        position:relative;
        width:200px;
        height:80px;
        background-repeat:no-repeat;
        background-position:center 18px;
        display:block;
    }

    /* nav */
    .mobile-nav {
        display:block;
        position:absolute;
        right:20px;
        top:20px;
        z-index:99;
    }
    .mobile-nav .menu-btn {
        cursor:pointer;
    }
    .mobile-nav .menu-btn div {
        position: absolute;
        left: 100%;
        top: 64%;
        padding-right: 8px;
        margin-top: -0.50em;
        line-height: 1.2;
        font-size: 18px;
        font-weight: 200;
        vertical-align: middle;
        z-index: 99;
    }
    .mobile-nav .menu-btn span {
        display: block;
        width: 30px;
        height: 4px;
        margin: 6px 0;
        background:#fff;
        z-index: 99;
    }
    .responsive-menu {
        display: none;
        position:relative;
    }
    .responsive-menu.expand {
        display: block;
    }
    .responsive-menu ul {
        position:absolute;
        top:0;
        right:0;
        z-index:99;
        padding:0;
        margin:0;
        list-style-type:none;
    }
    .responsive-menu ul li {
        list-style-type:none;
        padding:0;
        margin:0;
    }
    .responsive-menu ul li a {
        display:block;
        padding:0 30px;
        background-color:#002787;
        color:#fff;
        border-bottom:1px solid #9ED200;
        font-size:15px;
        line-height:2.5;
        text-align:center;
    }

    /* footer */
    div.footer {
        font-size:14px;
        line-height:1.2;
    }
    div.footer div.left {
        float:none;
        width:auto;
    }
    div.footer div.left p {
        text-align:center;
    }
    div.footer div.center {
        padding:20px;
        float:none;
    }
    div.footer div.center ul,
    div.footer div.center p {
        float:none;
        text-align:center;
        width:auto;
        margin:15px 0;
    }
    div.footer div.center ul {
        display:none;
    }

    /* ads */
    div.anz-container {
        width:auto;
        height:auto;
    }
    .your-ad-here {
        display:none;
    }

    /* readability */
    div.columns div.center div.breadcrumb {
        font-size:14px;
        line-height:1.2;
    }

    /* forms */
    form p span.label,
    form p.columns label {
        float:none;
    }
    form p.columns {

    }
    form p.columns textarea.text,
    form p.columns input.text {
        float:none;
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    form p.note {
        padding-left:0;
    }
    form p.buttons {
        padding-left:0;
    }
    form p.buttons button {
        font-size:14px;
        line-height:1.1;
    }

    /* texts 14 */
    div.columns div.right ul.readmore li,
    div.columns div.center div.blog p.text,
    div.columns div.center div.pagination p,
    div.columns div.center div.pagination a.nextPage,
    div.columns div.center div.pagination a.prevPage,
    div.textblock div.text li,
    div.textblock div.text p,
    div.textblock p.teaser,
    div.comment p.text,
    div.columns div.right ul.spectrum,
    div.columns div.center div.readmore li {
        font-size:14px;
        line-height:1.6;
    }

    /* texts 12 */
    div.columns div.right p {
        font-size:12px;
        line-height:1.6;
    }

    /* touchable pager */
    div.columns div.center div.pagination p a {
        padding:2px 10px;
    }

    div.columns div.right h4 {
        font-size:14px;
        line-height:1.6;
    }

    /* issue */
    div.columns div.center div.issue ul.buymenu li a {
        font-size:16px;
        line-height:2;
    }
    div.columns div.center div.issue .buymenu-bottom ul li {
        float:none;
        width:auto;
    }
    div.columns div.center div.issue .buymenu-bottom ul li a {
        font-size:16px;
        line-height:2;
        margin-right:0;
        margin-bottom:3px;
    }

    /* issues list */
    div.issues div.clr {
        display:none;
    }
    div.columns div.center div.issues div.br {
        margin-right:28px;
    }
}
@media only screen and (max-width:810px) {
    div.columns div.center div.issue div.side {
        float:none;
        width:auto;
    }
    div.columns div.center div.issue img.cover {
        width:100%;
    }
}

@media only screen and (max-width:700px) {
    div.columns div.right {
        display:none;
    }
}

@media only screen and (max-width:400px) {
    div.columns div.center div.spacer {
        padding-left:10px;
        padding-right:10px;
    }
}