@media screen and (min-width: 1025px) and (max-width: 1230px) {
    html {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .header-container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }

    .footer-container {
        max-width: 100% !important;
    }

    .footer-menu-one-container {
        display: none !important;
    }

    .footer-menus {
        display: grid;
        grid-template-columns: 200px 1fr 300px !important;
        gap: 0.5rem;
        max-width: 98% !important;
    }

    .wijken-footer-container {
        width: 100%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1025px) {
/* COMM */
    body { 
        margin-top: 6.5rem !important;
    }

    .od-ad-slot--mobile {
        display: none !important;
    }


/* HEADER */

    header.header-hidden {
        transform: translateY(-100%);
        opacity: 0;
        transition: transform 0.3s ease, opacity 0.1s ease 0.2s;
    }

    .header-container { 
        max-height: 90px !important;
    }
    
    .dark-light-container, .social-links {
        display: none !important;
    }

    .site-title {
        margin: 0;
        justify-self: center;
        align-self: center !important;
    }

    .site-header {
        display: grid;
        grid-template-columns: auto auto auto;
        gap: 0.5rem;
        padding: 0.5rem 1rem;
    }

    .hamburger {
        display: revert !important;
        background: none;
        border: none;
        cursor: pointer;
        width: 25%;
        pointer-events: auto;
        padding-left:0 !important;
    }

    .hamburger span {
        display: block;
        width: 25px;
        height: 3px;
        background-color: var(--color-main);
        margin: 5px 0;

    }

    .site-menu.open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: var(--bg-color);
        padding: 2rem 1rem;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.15);
        overflow-y: auto;
    }

    .site-menu .menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
    }

    .site-menu .menu li {
        display: block;
        border-bottom: 1px solid var(--off-white);
        padding: 0.75rem 0;
        font-weight: 600;
    }

    .site-menu .menu li a {
        text-decoration: none;
        color: var(--text-color-comm) !important;
        display: block;
    }

    .site-menu .sub-menu {
        display: none;
        position: static;
        background: none;
        padding: 0;
        border-radius: 0;
        padding-left: 1rem;
    }

    .site-menu .sub-menu.open {
        display: block;
    }

    .site-menu .sub-menu li {
        border-bottom: none;
        padding: 0.4rem 0;
        font-weight: 400;
    }

    .weergave-live-container {
        display: grid;
        grid-template-columns: auto auto;
        gap: 0.5rem;
        align-items: center;
        width: 100%;
    }

    .dark-light-container-mobile {
        text-align: center;
        font-size: 1rem;
    }

    .delft-title {
        font-size: 1rem;
        font-weight: 700;
        color: var(--text-color-comm);
        text-align: center;
    }

    .od-menu-play-btn {
        background-color: var(--bg-color);
        color: var(--text-color-comm);
        border-radius: 27px;
        padding: 6px 12px;
        margin-top: 10px;
        align-content: center;
        border-color: var(--color-main);
        width: 100%;
        height: 30px;
        display: flex;
    }
    .od-menu-play-btn span {
        line-height: 15px;
        margin-left: 5px;
    }
    .od-menu-play-btn svg {
        width: 15px;
        height: auto;
        margin-left: 5px;
        color: var(--color-main);
    }



    /* POSTS */
    .mobile-post-card, .related-post-item, .category-post-item, .author-post-item, .post-card-tags {
        display: grid !important;
        grid-template-columns: 23% 1fr !important;
        gap: 1rem;
    }

    .mobile-post-card img, .related-post-item img, .category-post-item img, .author-post-thumb img, .post-card-tags img {
        aspect-ratio: 4/3 !important;
        width: auto;
        height: 145px !important;
        border-radius: 6px;
    }

    /* ADS */
    .od-ad-slot--homepage-banner {
        padding-left: 0.6rem;
    }

    .od-ad-slot {
        border-radius: 6px;
    }

    .od-ad-slot--sidebar {
        display: none !important;
    }

    .advertentie-author {
        padding: 0 !important;
    }

    .advertentie-dossier {
        padding: 0 !important;
    }

    /* SINGLE POST PAGES */
    .single-wrap {
        display: grid;
        grid-template-rows: auto auto !important;
        grid-template-columns: 1fr !important;
        gap: 0.5rem;
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        max-width: 100% !important;
    }

    .related-post-item {
        margin-bottom: 0.5rem;
    }

    .related-post-title {
        font-size: 1.1rem !important;
    }

    .related-post-image img{
        object-fit: cover;
    }

    .laatste-nieuws-container {
        display: none !important;
    }

    /* FOOTER */

    .footer-menu-one-container {
        display: none !important;
    }

    .footer-menus {
        display: grid;
        grid-template-columns: 200px 1fr 300px !important;
        gap: 0.5rem;
        max-width: 98% !important;
    }

    .wijken-footer-container {
        width: 100%;
    }

    .share-button--copy {
        display: none !important;
    }

    .share-button-native {
        display: block !important;
    }

    .related-post-item img {
        width: 100% !important;
        height: auto;
    }

    /* CATEGORY PAGES */

    /* City pages */
    .category-sidebar {
        width: 100% !important;
    }
    .child-categories-list {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem;
    }

    .category-wrap {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .category-content-wrap {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }
    
    .category-post-item {
        margin-bottom: 0.5rem;
    }

    /* Wijknieuws pagina */
    .wijknieuws-container, .media-page {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* AUTHOR PAGES */
    .author-wrap {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .author-content {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 1rem;
    }

    .author-sidebar {
        display: none !important;
    }

    .author-post-item {
        margin-bottom: 0.5rem;
    }

    .author-post-thumb {
        aspect-ratio: 4/3 !important;
        width: auto;
    }

    .author-post-thumb img {
        object-fit: cover;
        height: 100% !important;
    }

    /* DOSSIERS */
    /* Dossiers pagina*/
    .dossiers-page  {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    /* Tag paginas */
    .dossier-head, .dossier-archive-wrap {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .dossier-archive-wrap {
        grid-template-columns: 1fr !important;
    }

    .post-card-image-wrap-tags {
        width: auto !important;
    }

    .post-dossiers-grid {
        display: grid;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem;
    }

    /* Verkiezingen pagina */
    .partijlijst-container {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0.5rem;
        max-width: 100% !important;
    }

    /* Media pagina */

    .radio-sidebar-media-container {
        position: relative !important;
        top: 0 !important;
        width: 100% !important;
    }

    .radio-sectie {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.5rem;
    }

    .videos-sectie {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.5rem;
    }

    .od-play-btn-front {
        width: 100%;
    }

    .od-gids-container {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
        padding-top: 0.5rem !important;
    }

    /* pages */
    .page, .radio-page {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .radio-page-container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0.5rem;
    }






















}