/* Make the image fully responsive */

    .gallery-container {
        width: 90%;
      /*  height: 600px;*/
        margin: 0 auto;
    }

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

    .thumbnail-indicators {
        margin-top: 20px;
    }

    .thumbnail-indicators img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .img-tab {
        width: 10%;
        margin: 1.25% 1.25%;
        height: 65px;
        overflow: hidden;
    }

    .gallery-arrow {
        background-color: #fff;
        color: #000;
        padding: 10px;
        font-size: 24px;
    }

    .gallery-arrow:hover {
        background-color: #23514b;
        color: #fff;
    }

    .arrow-left {
        position: absolute;
        left: 0;
    }

    .arrow-right {
        position: absolute;
        right: 0;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 0;
        opacity: 1;
        cursor: pointer;
    }

    .thumbnail-active {
        border: 3px solid #23514b;
    }

    .img-tab:hover {
        border: 3px solid #23514b;
    }

    @media only screen and (max-width: 991px) {
        .thumbnail-indicators {
            display: none;
        }
    }