@media (max-width: 820px) {
            .video-card {
                flex: 0 0 calc(50% - 10px); /* 2 per row on tablets */
            }
        }

        @media (max-width: 768px) {
            .cards-grid {
                grid-template-columns: 1fr;
            }
            .card {
                flex: 0 0 100%;
            }
            .banner-title-bg {
                width: 100%;
            }
            .banner-details {
                width: 100%;
            }
            .banner-images {
                position: static;
                width: 100%;
                flex-direction: column;
                margin-top: 15px;
            }
            .video-header {
                flex-direction: column;
            }
            .download-btn {
                width: 100%;
                justify-content: center;
            }
            .image-grid {
                grid-template-columns: 1fr;
            }
            .nav-links {
                display: none;
            }
        }

        @media (max-width: 600px) {
            .node-label {
                font-size: 9px;
                padding: 1px 3px;
            }
            .banner-title-bg h1 {
                font-size: 20px;
            }
            .slide-frame { height: 280px; }
            .thumb { width: 55px; height: 55px; }
        }

        @media (max-width: 550px) {
            .video-card {
                flex: 0 0 100%;
            }
            .archive-header {
                flex-direction: column;
                align-items: flex-start;
            }
        }

        @media (max-width: 650px) {
            .doc-table th, .doc-table td {
                padding: 8px 10px;
                font-size: 11px;
            }
        }