.flashcards .carousel-inner {max-height: 245px;}
.flashcards .carousel-inner .carousel-item {max-height: 245px;}
.flashcards .carousel-inner .carousel-caption {top: 30px;}
.flashcards .carousel-inner .carousel-caption .title {font-size: 5rem;color: #ffffff;}

.flashcards-detail .carousel .carousel-inner img {
    width: 100%;
}

.flashcards .banner-inner {
    position: relative;
}
    .flashcards .banner-inner img {max-height: 250px;}
    .flashcards .banner-inner .banner-caption {
        position: absolute;
        width: 100%;
        top: 8px;
    }
        .flashcards .banner-inner .banner-caption .title {
            margin-top: 25px;
            font-size: 4rem;
            color: #ffffff;
        }

.card-img-top {
    height: 162px;
}

.flashcard-title {margin-top: 20px;}

.sidebar-item img {height: 65px;}

.scroll-y-none {overflow-y: hidden!important;}

/* Large devices (desktops, less than 1200px) */
@media (min-width: 1200px) {
    .related-posts .blog-thumb {
        height: 125px;
    }
}

@media (min-width: 1200px) and (max-width: 1499px) {
    .related-posts .blog-thumb {
        height: 102px;
    }
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .related-posts .blog-thumb {
        height: 135px;
    }
}

.related-posts .blog-single .card-text {
    overflow: hidden;
    height: 50px;
    font-size: 13px;
}

.video-wrap {
    height: 400px;
}
.gameonline-wrap {
    height: 80vh;
}

.home-slide .carousel-inner .carousel-item img {height: auto;}

.cus-media {
    position: absolute;
    top: 25px;
    z-index: 10001;
    right: 101px;
    display: flex;
}
.audio {
    position: relative;
    cursor: pointer;
    margin: auto;
    width: 50px;
}
.custom-switch {
    position: relative;
    cursor: pointer;
    margin: auto;
    width: 100px;
}
    .custom-switch label {
        word-wrap: break-word;
        color: #FFFFFF;
    }
        .custom-switch label input[type=checkbox], .custom-switch label span {
            vertical-align: middle;
        }
        .custom-switch label span{
            margin-top: 2px;
        }

    /* XXl Device :1500px. */
    @media (min-width: 1500px) and (max-width: 1720px) {
        .cus-media {
            right: 95px;
        }
}
/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1499px) {
    .cus-media {
        right: 112px;
    }
}
/* MD Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .flashcards .carousel-inner .carousel-caption .title {
        font-size: 2.5rem;
    }
    .cus-media {
        right: 107px;
    }
}
/* SM Device :320px. */
@media (max-width: 767px) {
    .flashcards .carousel-inner .carousel-caption .title {
        font-size: 2.5rem;
    }
    .flashcards .banner-inner .banner-caption .title {
        margin-top: 25px;
        font-size: 2.5rem;
    }
    .cus-media {
        right: 110px;
    }
}

/*  */
.memberonly-posts {height:80vh;}
.memberonly-posts div:first-child {margin-top: 100px;}
.memberonly-posts img {
    height: 20vh;
}


.powerpoint iframe {width: 100% !important;}
.powerpoint .paypal-detail img {
    width: 150px;
}

.btnShareClassroom {
    align-items: center;
}
.btnShareClassroom svg {
    width: 2.5rem;
    height: 2.5rem;
}

/* buttoN download */
.btnDownload {
    display: inline-block;
    position: relative;
    padding: 10px 25px;
    background-color: #4CC713;
    color: white;
    font-family: sans-serif;
    text-decoration: none;
    font-size: 0.9em;
    text-align: center;
    text-indent: 15px;
}

    .btnDownload:hover {
        background-color: #333;
        color: white;
    }

    .btnDownload:before, .btnDownload:after {
        content: ' ';
        display: block;
        position: absolute;
        left: 15px;
        top: 52%;
    }
    /* Download box shape  */
    .btnDownload:before {
        width: 10px;
        height: 2px;
        border-style: solid;
        border-width: 0 2px 2px;
    }
    /* Download arrow shape */
    .btnDownload:after {
        width: 0;
        height: 0;
        margin-left: 1px;
        margin-top: -7px;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        border-color: transparent;
        border-top-color: inherit;
        animation: downloadArrow 2s linear infinite;
        animation-play-state: paused;
    }

    .btnDownload:hover:before {
        border-color: #4CC713;
    }

    .btnDownload:hover:after {
        border-top-color: #4CC713;
        animation-play-state: running;
    }