@media screen and (max-width: 1400px) {
    .publishers ul {
        width: 80%;
    }

        .publishers ul li {
            width: 8%;
        }
}

@media screen and (max-width: 1300px) {
    header nav > a, header nav .sub-menu > span {
        font-size: .9em;
    }
}

@media screen and (max-width: 1200px) {
    header nav > * {
        padding: 0 9px;
    }

    header nav > a, header nav .sub-menu > span {
        font-size: .7em;
    }

    .bottom .left {
        width: 65%;
    }

    .bottom .right {
        width: 35%;
    }
}

@media screen and (max-width: 1100px) {
    .issue-details .review-section {
        display: block;
    }

        .issue-details .review-section > div {
            display: inline-block;
            margin: 0 15px 20px 0;
        }
}

@media screen and (max-width: 1000px) {
    .bottom .left {
        width: calc(100% - 200px);
    }

    .bottom .right {
        width: 160px;
    }

        .bottom .right #awards, .bottom .right #weekly-reviews {
            display: none;
        }

    .publishers ul {
        width: 70%;
    }

        .publishers ul li {
            width: 6%;
        }

            .publishers ul li img {
                height: 25px;
            }

    .middle-tabs container {
        overflow-x: scroll;
    }

        .middle-tabs container > div {
            overflow-x: scroll;
        }
}

@media screen and (max-width: 950px) {
    header nav .search-form {
        margin-top: 12px;
    }
}

@media screen and (max-width: 800px) {
    header nav {
        background: #094568;
        position: fixed;
        left: 100%;
        top: 0;
        height: 100%;
        transition: .5s ease-out;
        text-align: left;
        overflow-y: scroll;
    }

        header nav.on {
            left: 0;
        }

        header nav > * {
            display: block;
        }

        header nav .sub-menu {
            padding: 0;
        }

            header nav a, header nav .sub-menu span {
                display: block;
                font-size: 1.2em;
                padding: 20px;
                border-top: 1px solid #537d96;
            }

            header nav .sub-menu div {
                display: none;
                position: relative;
                width: auto;
                left: 0;
                top: auto;
            }

                header nav .sub-menu div:hover {
                    display: inherit;
                }

                header nav .sub-menu div.on {
                    display: block;
                }

            header nav .sub-menu a {
                padding: 20px;
                color: #FFF;
                background: #3a6a86;
            }

            header nav .sub-menu > span::after {
                display: none;
            }

            header nav .sub-menu.account > span {
                padding-left: 50px;
            }

        header nav .account .avatar {
            padding: 0;
            left: 20px;
        }

        header nav .facebook {
            display: none;
        }

        header nav .search-form {
            position: absolute;
            left: 20px;
            top: 20px;
            margin: 0;
            width: 60%;
        }

            header nav .search-form input[type="text"] {
                width: 60%;
                padding: 15px;
            }

            header nav .search-form input[type="submit"] {
                width: 46px;
                background-size: 40% auto;
            }

        header nav > a:first-child {
            margin-top: 80px;
        }

        header nav .mobile-close {
            display: block;
            top: 30px;
        }

    header .mobile-nav-btn {
        display: block;
    }

    .mobile-search-btn {
        width: 50px;
        aspect-ratio: 1/1;
        position: absolute;
        right: 90px;
        background: url("../images/MagnifyingGlass_White.png") no-repeat center center transparent;
        background-size: auto;
        background-size: 80%;
    }

    .top {
        padding: 50px 0;
    }

    .bottom {
        padding: 50px 0;
    }

        .bottom container {
            flex-wrap: wrap;
        }

        .bottom .left, .bottom .right {
            width: 100%;
        }

        .bottom .right {
            order: 1;
        }

            .bottom .right #HalfPage-Ad {
                display: none;
            }

            .bottom .right #Square-Ad-Desktop {
                display: none;
            }

    #Square-Ad-Mobile-Div {
        display: block;
    }


    .bottom .left {
        order: 2;
    }

    .slider {
        padding: 0 20px;
    }

        .slider .slick-arrow {
            padding: 0;
        }

            .slider .slick-arrow::before {
                width: 25px;
            }

    .publishers container > h2 {
        display: none;
    }

    .publishers ul {
        width: 80%;
    }

        .publishers ul li {
            width: 15%;
        }

            .publishers ul li:nth-child(5),
            .publishers ul li:nth-child(6),
            .publishers ul li:nth-child(7),
            .publishers ul li:nth-child(8),
            .publishers ul li:nth-child(9) {
                display: none;
            }

    .publisher-list ul li {
        flex-basis: 29%;
    }

    .publishers ul li img {
        height: 35px;
    }

    .home h1 {
        font-size: 3em;
        line-height: .5em;
    }

    .weekly-reviews h2 span {
        display: block;
        font-size: .6em;
    }

        .weekly-reviews h2 span.dash {
            display: none;
        }

    .issue-details .right {
        padding-left: 0;
    }

    .issue-details .image-links {
        position: relative;
        width: 150px;
        margin: 25px 25px 25px 0;
        float: left;
    }

        .issue-details .image-links .current {
            width: 145px;
        }

        .issue-details .image-links > img {
            width: 145px;
        }

        .issue-details .image-links .series {
            width: calc(100% - 4px);
        }

    .issue-details .issue-info {
        clear: both;
    }

    #filter table td {
        display: block;
        width: 100% !important;
        padding: 10px 0 !important;
    }

    .slick-slide h3 {
        font-size: 1.1em;
        letter-spacing: -0.04em;
        line-height: 1.1em;
    }

    .publisher-list h3 {
        font-size: 1.2em;
        min-height: 48px;
        letter-spacing: -0.04em;
        text-transform: none;
    }

    .top-comics {
        padding-left: 25px;
    }

        .top-comics .number {
            left: -25px;
        }

        .top-comics .issue-info {
            width: calc(100% - 175px);
            margin-left: 20px;
        }

        .top-comics > div > a {
            width: 100px;
        }

        .top-comics .issue-info .review span {
            font-size: 2.5em;
            width: 60px;
        }
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 1.8em;
    }

    h2, .account-info h1 {
        font-size: 1.4em;
    }

    .home h1 {
        font-size: 3em;
    }

        .home h1 span {
            font-size: .4em;
        }

    footer container {
        display: block;
    }

    footer .logo {
        display: block;
        margin: 0 auto 15px;
    }

    footer nav {
        text-align: center;
    }

        footer nav > * {
            padding: 0 10px;
        }

        footer nav .copyright {
            font-size: .55em;
        }

    .issue-details .image-links {
        margin: 25px 15px 25px 0;
        padding: 0 8px;
    }

    .reviews-list h3 a {
        display: flex;
    }

    .reviews-list .list-review .review span {
        font-size: 1.8em;
        width: 45px;
    }

    .user-review-details h3 {
        margin: 10px 0 5px 0 !important;
    }

    .user-review-details img {
        width: 60px;
        margin-right: 15px;
    }

    .issue-details .review-section > div > div:first-child {
        width: 50px;
    }

    .issue-details .review span {
        font-size: 1.75em;
        width: 40px;
    }

    .issue-details .review.grey span {
        font-size: 1em;
    }

    .issue-details .review-section > div {
        max-width: 40%;
    }

    .issue-details .pull-list, .issue-details .amazon {
        display: flex;
        flex-wrap: nowrap;
        font-size: .7em;
    }

    .issue-details .review-section h2 {
        font-size: 1em;
    }

    .issue-details .review-section .review-count {
        font-size: 0.8em;
    }

    .issues-table table thead th {
        font-size: 0.9em;
        padding: 8px;
    }

    .issues-table table tbody td {
        font-size: 0.9em;
        padding: 20px 8px;
    }

    .issues-table .reviews-by-week-publisher {
        width: 55px;
    }

    .issues-table .review span {
        font-size: 2em;
        width: 35px;
    }

    .issues-table .review.grey span {
        font-size: 1em;
    }

    .ratingCell, .issues-table .rating {
        width: 65px;
    }

    .sign-in td:first-child
    #user-reviews .bottom-sort li a {
        font-size: .7em;
        padding: 8px;
    }

    .weekly-reviews h2 span {
        display: block;
    }

    .weekly-reviews h2 a {
        margin: 0 !important;
    }

    .event-issue-display .event-issue-display-description {
        display: block;
        width: auto;
        margin-top: 10px;
        margin-left: 0;
    }

    .event-issue-display-description p {
        display: none;
    }

    .desktop-only {
        display: none !important;
    }

    .mobile-only {
        display: block !important;
    }

    .mobile-only-row {
        display: table-row;
        background: #f2f2f2;
    }

    .publishers {
        margin-bottom: 30px;
    }

    .reviews-list .back-to-top {
        color: #094568;
        float: right;
        font-weight: bold;
    }
}