/* Custom Styles */
* {
    scroll-behavior: smooth;
}

section {
    padding: 0 !important;
}

#breadcrumb {
    padding-top: 3rem;
    padding-bottom: 0;
}

.breadcrumb-item.active {
    color: #B3B3B3;
}

.breadcrumb * {
    font-size: 14px !important;
}

.breadcrumb-item a {
    text-decoration: none;
}
/* End Breadcrumb */

/* Gallery */
#gallery {
    margin-top: 60px;
}

.gallery-item .card {
    border: none !important;
}

.gallery-item .card .card-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gallery-item .card:hover {
    box-shadow: none !important;
}

.gallery-item a {
    text-decoration: none;
}

.gallery-item img {
    height: 200px;
    object-fit: cover;
}

.gallery-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}

.gallery-item {
    width: 32% !important;
}

/* End Gallery */

/* Mobile */
@media (max-width: 768px) {
    #breadcrumb {
        display: none;
    }

    #gallery {
        margin-top: 60px;
    }

    .gallery-wrapper {
        width: 100%;
        /* flex-direction: column; */
        display: flex;
        flex-wrap: wrap;
        row-gap: 0;
        column-gap: 6%;
        /* height: 1400px !important; */
    }

    .gallery-item {
        width: 47% !important;
        height: auto !important;
    }

    .gallery-item img {
        height: 120px;
    }

    .banner-image {
        height: 200px !important;
        object-fit: cover
    }
}

/* Tablet */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #breadcrumb {
        display: none;
    }

    #gallery {
        margin-top: 60px;
    }

    .gallery-wrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 2%;
    }

    .gallery-item {
        width: 49% !important;
    }
}