.search-result {

    position: absolute;
    max-height: 600px;
    z-index: 998;
    background-color: #fff;
    width: 100%;
    overflow-y: scroll;
    left: 50%;
    transform: translate(-50%, 0);
}

.gray-back {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    z-index: 998;

}
/**
.search-result {
    left: 50%;
    transform: translate(-50%, 0);
}

.search-result {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px
}
**/
.search-result::after {
    content: "";
    display: table;
    clear: both
}

@media (min-width: 544px) {
    .search-result {
        max-width: 576px
    }
}

@media (min-width: 768px) {
    .search-result {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .search-result {
        max-width: 940px
    }
}

@media (min-width: 1200px) {
    .search-result {
        max-width: 1170px;
    }
}

h5 {
    padding: 15px 0!important;
}

.search-result img {
    border: 3px solid #eee;
}

.search-result .card-body .card-title {
    text-align: center;
}

.search-result hr {
    margin-top: 5px;
}