/* iPad or Custom Screens */
@media screen and (max-width: 1200px) {

    h2 {
        font-size: 1.5rem;
    }

    .thoxt-row {
        padding-right: 10px;
    }

    .row-thot {
        margin-bottom: 10px;
    }

    .thoxt-row-meta-desc {
        font-size: 1.01em;
        border-radius: 0;
    }

    .article-title {
        font-size: 0.9em;
    }

    .scroll-next {
        right: 25px;
    }

    .views-time {
        font-size: .8em;
    }

    .row-cover-container:hover {
        transform: none;
    }

    .row-cover-container:hover .thoxt-row-meta-desc {
        display: none;
    }
}

/* Mobile Screens */
@media only screen and (max-width: 600px) {

    body {
        -ms-overflow-style: none;
        /* IE and Edge */
        scrollbar-width: none;
    }

    h1,
    h2 {
        padding-left: 5px;
    }

    h2 {
        font-size: 1.3rem;
    }

    ::-webkit-scrollbar {
        display: none;
    }

    .thoxt-rows-div {
        width: 100vw;
        margin-top: 20px;
    }

    .thoxt-row {
        margin-right: 0px;
        margin-bottom: 20px;
        padding-right: 0px;
    }

    .see-all-link {
        font-size: .85em;
    }

    .thoxt-row-content {
        flex-direction: column;
    }

    .slide-row-content {
        flex-wrap: wrap;
        overflow-x: hidden;
        max-width: 100vw;
        touch-action: pan-y;
    }

    .thoxt-row-article-outer,
    .row-thot {
        width: 100vw;
        max-width: 100vw;
        margin-right: 0;
        margin-bottom: 17px;
    }

    .row-cover-rect {
        height: 40vh;
        border-radius: 0;
    }

    .news-row-content .thoxt-row-article-outer {
        padding: 7px 0;
    }

    .news-row-content .thoxt-row-article {
        display: flex;
        flex-wrap: nowrap;
    }

    .row-cover-container {
        width: 100vw;
        max-width: 100vw;
        height: 100%;
        aspect-ratio: unset;
        background-color: transparent;
        border-radius: 0;
    }

    .news-row-content .row-cover-container {
        width: 40vw;
        min-width: unset;
        min-height: 100%;
        border-radius: 10px;
    }

    .thoxt-row:hover .scroll-button-div {
        opacity: 0;
    }

    .cover-image {
        width: 100%;
        height: 100%;
        margin: 0;
        object-fit: cover;
        cursor: pointer;
        border-radius: 0
    }

    .article-meta {
        margin-left: 10px;
    }

    .news-row-content .article-meta {
        width: 100%;
    }

    .news-row-content .article-progress-bar {
        display: none;
    }

    .news-row-content .row-article-video-icon {
        width: 50px;
        height: 50px;
    }

    .row-thot-body {
        padding: 5px;
    }

    .truncate-thot {
        width: 99vw;
        padding-bottom: 0;
    }

    .new-article-badge {
        border-radius: 0 0 15px 0;
    }

    .title-image {
        flex-direction: row;
    }

    .cluster-details {
        margin-right: 10px;
    }

    .story {
        width: 100vw;
        height: 100vh;
        margin-top: 0;
        max-height: 100vh;
        padding: 0;
        border-radius: 0;
    }

    .external-story-image {
        width: 100vw;
        border-radius: 0;
    }

    .cluster-items-slider {
        overflow-x: auto;
    }

}