.line-of-images.logos2 .line-wrap,
.line-of-images.logos .line-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.line-of-images.logos2 .line-item,
.line-of-images.logos .line-item {
text-align: center;
padding: 25px 0;
max-width: 20%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.line-of-images.logos2.three .line-item,
.line-of-images.logos.three .line-item {
max-width: 33.33%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 33.33%;
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
.line-of-images.logos2 a,
.line-of-images.logos a {
display: block;
width: 100%;
opacity: 0.5;
-webkit-transition: opacity 0.35s ease;
-o-transition: opacity 0.35s ease;
transition: opacity 0.35s ease;
}
.line-of-images.logos2 a:hover,
.line-of-images.logos a:hover {
opacity: 1;
}
.line-of-images.logos2 img,
.line-of-images.logos img {
max-width: -webkit-calc(100% - 25px);
max-width: calc(100% - 25px);
}
@media only screen and (max-width: 767px) {
.line-of-images.logos2 .line-wrap,
.line-of-images.logos .line-wrap {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.line-of-images.logos2.three .line-item,
.line-of-images.logos.three .line-item {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.line-of-images.logos2 .line-item,
.line-of-images.logos .line-item {
max-width: 50%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
}
@media only screen and (max-width: 370px) {
.line-of-images.logos.three .line-item {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.line-of-images.logos .line-item {
max-width: 100%;
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.line-of-images.logos img {
max-width: 100%;
}
}
.line-of-images.logos2 a {
padding: 0 10px;
opacity: 1;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition: filter 450ms ease;
-moz-transition: filter 450ms ease;
-ms-transition: filter 450ms ease;
-o-transition: filter 450ms ease;
transition: filter 450ms ease;
}
.line-of-images.logos2 a:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
@media only screen and (max-width: 767px) {
.line-of-images.logos2 .line-item {
padding: 5px 0;
}
}