.fh5co-portfolio {
    background-color: #eeeded;
    background-repeat: no-repeat;
    padding: 100px 0;
    margin-top: 0
}

.fh5co-portfolio h2 {
    color: #000;
    margin-bottom: 20px
}

.fh5co-portfolio .card {
    margin-bottom: 0
}

.fh5co-portfolio .card.active, .fh5co-portfolio .card:hover {
    transform: none;
    box-shadow: none
}

/* .fh5co-portfolio .bottom-text {
    bottom: 15px
} */

.fh5co-portfolio .bx {
    float: left;
    padding: 7px
}

@media (max-width:1199px) {
    .fh5co-portfolio .bx-1, .fh5co-portfolio .bx-4 {
        width: 32.5%
    }
    .fh5co-portfolio .bx-2 {
        width: 41%
    }
    .fh5co-portfolio .bx-3 {
        width: 26.5%
    }
    .fh5co-portfolio .bx-middle {
        width: 67.5%
    }
    .fh5co-portfolio .bx-5, .fh5co-portfolio .bx-8 {
        width: 39%
    }
    .fh5co-portfolio .bx-6, .fh5co-portfolio .bx-7 {
        width: 61%
    }
}

@media (max-width:991px) {
    .fh5co-portfolio h5 {
        font-size: 16px!important
    }
}

@media (max-width:767px) {
    .fh5co-portfolio h5 {
        font-size: 14px!important
    }
}

@media (max-width:576px) {
    .fh5co-portfolio h5 {
        font-size: 16px!important
    }
    .fh5co-portfolio .bx {
        width: auto!important;
        display: inline-block;
        float: none;
        margin: 3px auto
    }
    .fh5co-portfolio .bx-middle {
        text-align: center!important
    }
    .fh5co-portfolio .bx-middle .heart {
        float: left!important
    }
}