.tirex-clients:before,
.tirex-clients:after {
content: '';
display: table;
}
.tirex-clients:after {
clear: both;
}
.tirex-clients .client {
width: 25%;
height: 220px;
float: left;
text-align: center;
position: relative;
}
.tirex-clients .client:after {
content: '';
display: block;
position: absolute;
top: 10%;
right: 1px;
width: 1px;
height: 80%;
background-color: #eee;
}
.tirex-clients .client:nth-child(4n):after {
display: none;
}
.tirex-clients .client img {
-webkit-transition: .4s;
transition: .4s;
}
.tirex-clients .client img:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.tirex-clients .client.bottom-line:before {
display: block;
content: '';
position: absolute;
bottom: 0;
left: 10%;
width: 80%;
height: 1px;
background-color: #eee;
}
@media (max-width: 600px) {
.tirex-clients .client {
width: 100%;
float: none;
}
.tirex-clients .client:after {
display: none;
}
.tirex-clients .client:before {
display: block;
content: '';
position: absolute;
bottom: 0;
left: 10%;
width: 80%;
height: 1px;
background-color: #eee;
}
.tirex-clients .client:last-child:before {
display: none;
}
}