/*** Pagina video singolo ***/
    
    .monitor-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 50px;
        transition: .3s;
    }
    
    .video-monitor {
        width: 100%;
        height: 100%;
    }
    
    .video-container {
        width: 90%;
        height: 260px;
    }
    
    .video-title {
        font-size: 40px;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #000000;
        text-align: left;
    }
    
    .video-content>* {
        font-size: 18px;
        line-height: 1.8rem;
    }
    
    .video-info-container {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        width: 100%;
    }
    
    .videos-category-list {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    
    .video-info-container {
        padding: 0 17%;
    }
    
    .videos-category-list {
        padding: 0 17%;
    }
    
    .videos-category-title {
        text-align: center;
        font-family: 'Roboto Serif', serif;
        font-size: 36px;
    }
    /*** Pagina video singolo ***/
    
    .dark-mode-switch {
        position: absolute;
        left: 5%;
        top: 20%;
    }
    
    .checkbox {
        opacity: 0;
        position: absolute;
    }
    
    .checkbox-label {
        background-color: #111;
        width: 50px;
        height: 26px;
        border-radius: 50px;
        position: relative;
        padding: 5px;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .fa-moon {
        color: #f1c40f;
    }
    
    .fa-sun {
        color: #f39c12;
    }
    
    .checkbox-label .ball {
        background-color: #fff;
        width: 22px;
        height: 22px;
        position: absolute;
        left: 2px;
        top: 2px;
        border-radius: 50%;
        transition: transform 0.2s linear;
    }
    
    .checkbox:checked+.checkbox-label .ball {
        transform: translateX(24px);
    }
    
    .dark {
        background-color: #292C35;
        transition: .3s;
    }
    
    .video-title.dark,
    .videos-category-title.dark,
    .video-category-item-two-title.dark {
        color: #FFFFFF;
        transition: .3s;
    }
    
    .video-content.dark>* {
        color: #ffffffce;
        transition: .3s;
    }
    /* Phone */
    
    @media (max-width: 576px) {
        .video-category-section {
            margin: 6% 6%;
        }
        .video-category-item-one>img {
            width: 100%;
        }
        .video-category-item-two {
            width: 100%;
        }
        .featured-videos-container-thumbs {
            justify-content: center;
        }
        .video-category-item-one {
            flex-direction: column;
        }
        .video-category-container-one {
            flex-direction: column;
        }
        /* Pagina vedi di più per categoria */
        .video-info-container,
        .videos-category-list {
            padding: 0% 6%;
        }
        .video-title {
            font-size: 30px;
        }
        .dark-mode-switch {
            position: relative;
            margin-bottom: 40px;
        }
        .checkbox-label {
            width: 80px;
            height: 36px;
            border-radius: 50px;
            position: relative;
            padding: 5px;
        }
        .checkbox-label .ball {
            width: 32px;
            height: 32px;
            position: absolute;
            left: 2px;
            top: 2px;
            border-radius: 50%;
            transition: transform 0.2s linear;
        }
        .checkbox:checked+.checkbox-label .ball {
            transform: translateX(44px);
        }
        .fa-moon {
            color: #f1c40f;
            font-size: 16px
        }
        .fa-sun {
            color: #f39c12;
            font-size: 16px
        }
    }
    
    @media (min-width: 620px) {
        .video-container {
            width: 90%;
            height: 315px;
        }
    }
    
    @media (min-width: 992px) {
        .video-container {
            width: 70%;
            height: 380px;
        }
    }
    
    @media (min-width: 1200px) {
        .video-container {
            width: 66%;
            height: 460px;
        }
    }
    
    @media (min-width: 1400px) {
        .video-container {
            width: 66%;
            height: 550px;
        }
    }
    
    @media (min-width: 1600px) {
        .video-container {
            width: 66%;
            height: 620px;
        }
    }
    
    @media (min-width: 1800px) {
        .video-container {
            width: 66%;
            height: 750px;
        }
    }