/* clients element-three */
.clients.element-three {
    width: auto;
}
.clients.element-three .clients-item .holder:hover .pic .client-cover-img {
    /*-webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%);*/
    -webkit-transform: translateY(135%);
    -moz-transform: translateY(135%);
    transform: translateY(135%);
}
.clients.element-three .clients-item .holder .client-cover-img {
    position: relative;
    display: block;
    width: auto;
    margin: 0 auto;
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.clients.element-three .clients-item .holder img {
    display: block;
}
.clients.element-three .clients-item .holder:hover .pic .client-alt-img {
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.clients.element-three .clients-item .holder .client-alt-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    -moz-transition: -moz-transform 0.3s ease;
    transition: transform 0.3s ease;
}
.clients.element-three .clients-item,
.clients.element-three .client-item .holder {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.clients.element-three .clients-item .pic {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
/* LARGE DESKTOP PART */
/* DESKTOP PART */
/* TABLET LANDSCAPE PART */
/* TABLET PROTRAIT PART */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}
/* SMART PHONE LANDSCAPE PART */
@media screen and (min-width: 321px) and (max-width: 479px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}
/* SMART PHONE PROTRAIT PART */
@media screen and (max-width: 320px) {
    .clients.element-three:not(.owl-carousel) .clients-item {
        width: 100% !important;
    }
}