.clients{
    .text{
        p{
            font-family: 'Roboto', sans-serif;
            font-size: 2.4rem;
            color:#666666;
        }
    }
    .list-clients{
        margin:80px 0 180px 0;
        .col{
            @include flexbox();
            @include align-items(center);
            padding:0;
            height: 280px;
            border-bottom:1px solid $gray-light;
            border-right:1px solid $gray-light;
            figure{
                padding:0 50px;
                a{
                    &:hover{
                        img{
                            filter:none;
                        }
                    }
                }
                img{
                    @include transition();
                    filter: gray;
                    -webkit-filter: grayscale(100%);
                    -webkit-backface-visibility: hidden;
                }
            }
            &:nth-child(4n+4){
                border-right:0;
            }
        }
    }
}

@include breakpoint(768px){
    .clients{
        .list-clients{
            margin:30px 0;
            .col{
                height: auto;
                height: 150px;
                figure{
                    padding:30px;
                }
            }
        }
    }
}

@include breakpoint(767px){
    .clients{
        .list-clients{
            .col{
                height: auto;;
                &:nth-child(2n+2){
                    border-right:0;
                }
            }
        }
    }
}