.certificates__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -10px;
}

.certificates__gallery {
    position: relative;
    margin: 0 -10px;
    height: 230px;
    overflow-x: scroll;
    width: 100%;
    scrollbar-width: none;
}

.certificates__gallery::-webkit-scrollbar {
    display: none;
}

.certificates__rails {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.certificates__item {
    cursor: pointer;
    margin: 10px;
    width: 178px;
    height: 180px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    overflow: hidden;
    background: rgba(245, 245, 245, 0.7);
    padding: 10px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.certificates__item:hover {
    -webkit-box-shadow: 0px 4px 4px 0px #999;
    box-shadow: 0px 4px 4px 0px #999;
}

.certificates__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

@media all and (max-width: 450px) {
    .certificates__wrap.opened .certificates__item {
        width: 38%;
        margin: 2%;
    }
}