/*General Codes*/
.carousel-video-inner {
    text-align: center;
}

.faIcon {
    color: #6a6a6a;
    font-size: 24px;
}

.carousel-item {
    background: #f7f7f7;
}

.ytvideoplayer {
    width: 100%;
}

.carousel-control-next,
.carousel-control-prev {
    /* background-color: #000; */
    opacity: 1;
}

.carousel-item {
    background: #000;
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
    opacity: 1;
}

.columnHeight {
    height: 650px;
    overflow: auto;
}

.indicator-box-container > .upper-container {
    padding: 15px;
}

.carousel-item.active {
    height: 360px;
}

/*Screen Conditions*/
@media only screen and (max-width: 992px) {
    .carousel-video-inner {
        text-align: center;
        height: 25rem;
    }

    .carousel-item.active {
        height: 25rem;
    }

    .carousel-item img {
        width: 100%;
        background-size: cover;
        -ms-background-size: cover;
        height: 25rem;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .carousel-video-inner {
        text-align: center;
        height: 20rem;
    }

    .carousel-item.active {
        height: 20rem;
    }

    .carousel-item img {
        width: 100%;
        background-size: cover;
        -ms-background-size: cover;
        height: 20rem;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {

    .carousel-item img {
        width: unset;
    }

    .carousel-video-inner {
        text-align: center;
        height: 15rem;
    }

    .carousel-item.active {
        height: 15rem
    }

    .carousel-item img {
        width: 100%;
        background-size: cover;
        -ms-background-size: cover;
        height: 15rem
    }
}