/*
 * video section style
 */
.videoContainer {
    width: 60%;
    padding: 2em 0 0;
    margin: 0 auto;
    display: block;
}

.videoContainer .firsSwiper {
    height: 24em;
}

.videoContainer .firsSwiper iframe {
    width: 100%;
    height: 100%;
}

.videoContainer .thumbsSwiper {
    height: 6em;
    box-sizing: border-box;
    padding: 10px 0;
}

@media screen and (max-width: 768px) {
    .videoContainer {
        width: 70%;
    }

    .videoContainer .firsSwiper {
        height: 18em;
    }

    .videoContainer .thumbsSwiper {
        height: 5em;
    } 
}

@media screen and (max-width: 576px) {
    .videoContainer {
        width: 80%;
    }

    .videoContainer .firsSwiper {
        height: 11em;
    }

    .videoContainer .thumbsSwiper {
        height: 4em;
    }
}