.photo-slider {
    padding: 20px 20px 50px 20px;
}

@media(max-width: 768px) {
    .photo-slider {
        padding: 20px 10px 50px 10px;
    }
}


.gallery-list .gallery-folder {
    margin-bottom: 50px;
}

.gallery-list .gallery-img {
    padding: 10px 0;
 
}

.gallery-list .photo-gallery-item {
    position: relative;
    overflow: hidden;
}

    .gallery-list .photo-gallery-item img {
        width: 100%;
        transform-origin: 50% 50%;
        transition: transform .25s, visibility .25s ease-in;
    }
.gallery-img:hover img {
    transform: scale(1.4);
}

    .gallery-list .photo-gallery-item .photo-gallery-item-hover {
        position: absolute;
        width: 100%;
        height: 100%;
/*        background-color: rgba(120, 120, 120, 0.5);
*/        display: none;
        top: 0;
        left: 0;
        text-align: center;
    }

    .gallery-list .photo-gallery-item:hover .photo-gallery-item-hover {
        display: block;
        cursor: pointer;
    }

    .gallery-list .photo-gallery-item .photo-gallery-item-hover i {
        color: #FFFFFF;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: block;
    }
@media(max-width: 768px) {
    .gallery-list .photo-gallery-item .photo-gallery-item-hover {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: inherit;
        display: none;
        top: 0;
        left: 0;
        text-align: center;
    }

    .gallery-list .photo-gallery-item:hover .photo-gallery-item-hover {
        display: block;      
    }

    .gallery-list .photo-gallery-item .photo-gallery-item-hover i {
        color: #FFFFFF;
        margin: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: none;
        display: block;
    }
}

    .photo-slider .photo-slider-toolbar {
        position: relative;
        height: 50px;
    }

        .photo-slider .photo-slider-toolbar .photo-slider-count {
            padding-left: 15px;
            color: #000000;
            font-weight: bold;
            font-size: 14px;
        }

        .photo-slider .photo-slider-toolbar .photo-slider-close {
            position: absolute;
            top: 10px;
            right: 20px;
            color: gray;
            font-weight: bold;
            font-size: 20px;
            cursor: pointer;
        }

    .photo-slider .lightSlider {
        text-align: center;
    }

        .photo-slider .lightSlider img.img-ls-responsive {
            margin: auto;
            max-height: 70vh;
            max-width: 100%;
        }

    .photo-slider-link {
        cursor: pointer;
    }

    .slider-wrapper {
        display: none;
    }

    .slider-wrapper-template {
        display: none;
    }

    .slider-wrapper .slider-content .photo-slider {
        padding-top: 0;
    }

    .course-video {
        margin: 0 20px 50px 20px;
    }

    .course-video-container {
        position: relative;
        width: 100%;
        padding-bottom: 56.25%;
        /* height: 0px;*/
    }
.course-video-container:hover {
  cursor: pointer;
}
        .course-video-container iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

        .course-video-container video {
            position: absolute;
            position: center;
            top: 0;
            left: 0%;
            width: 100%;
            height: 100%;
        }