.client-logo ul{
    gap: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.client-logo ul li figure img{
    opacity: 20%;
    transition: all 0.5s ease-in-out;
}
.client-logo ul li figure img:hover{
    opacity: 100%;
    transform: translateY(-8px);
}
@media only screen and (max-width: 1600px) {}
@media only screen and (max-width: 1440px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {
    .client-logo ul li figure img {
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .client-logo ul {
        flex-wrap: wrap;
    }
    .client-logo ul li {
        width: 30%;
        text-align: center;
    }
    .client-logo ul li figure img {
        width: auto;
    }
}
@media only screen and (max-width: 575px) {
    .client-logo ul {
        padding: 0 15px;
    }
    .client-logo ul li {
        width: 44%;
    }
}