.home-mobile-leaderboard {
    padding: 60px 0 20px 0;
    margin: 0 auto;
    display: block;
}

@media screen and (max-width: 699px) {
    .home .container-ad-leaderboard {
        margin-left: 0;
        margin-right: 0;
    }
}

@media screen and (min-width: 700px) {
    .page-template-archive-post .container-ad-leaderboard {
        margin-left: 0;
        margin-right: 240px;
    }
}

@media screen and (min-width: 700px) and (max-width: 1023px) {
    .home .container-ad-leaderboard {
        margin-left: 0;
        margin-right: 240px;
    }
}

@media screen and (min-width: 1024px) and (max-width: 2045px) {
    .home .container-ad-leaderboard {
        margin-left: calc((100vw - 240px) / 2 + 30px);
        margin-right: 240px;
    }
}

@media screen and (min-width: 2045px) {
    .home .container-ad-leaderboard {
        margin-left: 985px;
        margin-right: 240px;
    }
    main#home .grid__item.container-home-grid-ad {
        width: calc(100% - 30px);
    }    
}

@media screen and (min-width: 699px) and (max-width: 1023px) {
    main#home .grid__item.container-home-grid-ad {
        width: calc(100% - 30px);
    }
}

/* @media screen and (min-width: 1199px) and (max-width: 1680px) { */
@media screen and (min-width: 1199px) {
    main#home .grid__item.container-home-grid-ad {
        width: calc(100% - 30px);
    }
}

.home-mobile-leaderboard_desktop, .home-mobile-leaderboard_md {
    display: none;
}

@media screen and (min-width: 600px) {
    /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
    .home .home-mobile-leaderboard_mobile, .page-template-archive-post .home-mobile-leaderboard_mobile {
        display: block;
    }

    .home .home-mobile-leaderboard_md, .page-template-archive-post .home-mobile-leaderboard_md {
        display: none;
    }

    .home .home-mobile-leaderboard_desktop, .page-template-archive-post .home-mobile-leaderboard_desktop {
        display: none;
    }
}
  
@media screen and (min-width: 750px) {
    .home-mobile-leaderboard_mobile {
      display: none;
    }

    .home-mobile-leaderboard_md {
      display: block;
      }
  
    .home-mobile-leaderboard_desktop {
      display: none;
    }

    /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
    .home .home-mobile-leaderboard_mobile, .page-template-archive-post .home-mobile-leaderboard_mobile {
        display: none;
    }

    .home .home-mobile-leaderboard_md, .page-template-archive-post .home-mobile-leaderboard_md {
        display: block;
    }

    .home .home-mobile-leaderboard_desktop, .page-template-archive-post .home-mobile-leaderboard_desktop {
        display: none;
    }
}

@media screen and (min-width: 1024px) {
    /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
    .home .home-mobile-leaderboard_mobile {
        display: block;
    }

    .home .home-mobile-leaderboard_md {
        display: none;
    }

    .home .home-mobile-leaderboard_desktop, .page-template-archive-post .home-mobile-leaderboard_desktop {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    .home-mobile-leaderboard_mobile {
      display: none;
    }

    .home-mobile-leaderboard_md {
      display: none;
      }
  
    .home-mobile-leaderboard_desktop {
      display: block;
    }

    /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
    .home .home-mobile-leaderboard_mobile {
        display: block;
    }

    .home .home-mobile-leaderboard_md {
        display: none;
    }

    .home .home-mobile-leaderboard_desktop {
        display: none;
    }
}

@media screen and (min-width: 1300px) {
    /* Exception for the homepage version of the leaderboard, as it is in a small column on screens < 2400px */
    .home .home-mobile-leaderboard_mobile {
        display: none;
    }

    .home .home-mobile-leaderboard_md {
        display: block;
    }

    .home .home-mobile-leaderboard_desktop {
        display: none;
    }
}

@media screen and (min-width: 2300px) {
    .home .home-mobile-leaderboard_mobile {
        display: none;
    }

    .home .home-mobile-leaderboard_md {
        display: none;
    }

    .home .home-mobile-leaderboard_desktop {
        display: block;
    }
}

@media screen and (min-width: 1250px) {
    .page-template-archive-post .home-mobile-leaderboard_mobile {
        display: none;
    }

    .page-template-archive-post .home-mobile-leaderboard_md {
        display: none;
    }

    .page-template-archive-post .home-mobile-leaderboard_desktop {
        display: block;
    }
}

.article-grid-between-rows-ad, .video-grid-between-rows-ad {
    padding-bottom: 62px;
}

/* 1280px is when we could actually show these, but with the article-grid-item-ad every 3rd, it causes display issues, so set to their larger width breakpoint of 1929px instead  */

@media screen and (max-width: 1280px) {
    .article-grid-between-rows-ad {
        display: none;
    }
}

@media screen and (min-width: 1280px) {
    .article-grid-between-rows-ad {
        display: block;
    }
}

/*
.article-grid-item-ad {
}

@media screen and (max-width: 1929px) {
    .article-grid-item-ad {
        display: none;
    }
}

@media screen and (min-width: 1930px) {
    .article-grid-item-ad {
        display: inline-block;
    }
}
*/

@media screen and (max-width: 1100px) {
    .video-grid-between-rows-ad {
        display: none;
    }
}

@media screen and (min-width: 1100px) {
    .video-grid-between-rows-ad {
        display: block;
    }
}