.products-animation {
    margin-top: 16px;
    position: absolute;
    width: 100%;

}
img.animation1 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move1 30s infinite;
    animation: move1 30s infinite;
    animation-delay: 1s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
img.animation2 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move1 30s infinite;
    animation: move1 30s infinite;
    animation-delay: 1.5s;
    overflow:hidden;
    z-index: 2;
    height:160px;
}
img.animation3 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move1 30s infinite;
    animation: move1 30s infinite;
    animation-delay: 2s;
    overflow:hidden;
    z-index: 3;
    height:160px;
}
img.animation4 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move2 30s infinite; /* Chrome, Safari, Opera */ 
    animation: move2 30s infinite;
    animation-delay: 0.5s;
    overflow:hidden;
    z-index: 4;
    height:160px;
}
img.animation5 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move2 30s infinite; /* Chrome, Safari, Opera */ 
    animation: move2 30s infinite;
    animation-delay: 1s;
    overflow:hidden;
    z-index: 5;
    height:160px;
}
img.animation6 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move3 30s infinite; /* Chrome, Safari, Opera */ 
    animation: move3 30s infinite;
    animation-delay: 0.5s;
    overflow:hidden;
    z-index: 6;
    height:160px;
}
img.animation7 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move4 30s infinite;
    animation: move4 30s infinite;
    animation-delay: 1s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
img.animation8 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move4 30s infinite;
    animation: move4 30s infinite;
    animation-delay: 1.5s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
img.animation9 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move4 30s infinite;
    animation: move4 30s infinite;
    animation-delay: 2s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
img.animation10 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move4 30s infinite;
    animation: move4 30s infinite;
    animation-delay: 2.5s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
img.animation11 {
    left:-1000px;
    position: absolute;
    -webkit-animation: move6 30s infinite;
    animation: move5 30s infinite;
    animation-delay: 1s;
    overflow:hidden;
    z-index: 1;
    height:160px;
}
/* Move */

@-webkit-keyframes move1 {
    0%   {left: -1000px;}
    5%   {left: 39%;}
    13%  {left: 39%;}
    13%  {left: 39%; opacity: 1}
    16%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@keyframes move1 {
    0%   {left: -1000px;}
    5%   {left: 39%;}
    13%  {left: 39%;}
    13%  {left: 39%; opacity: 1}
    16%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@-webkit-keyframes move2 {
    0%   {left: -1000px;}
    16%  {left: -1000px; opacity: 1}
    19%  {left: 40%;}
    27%  {left: 40%;}
    29%  {left: 40%; opacity: 1}
    32%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@keyframes move2 {
    0%   {left: -1000px;}
    16%  {left: -1000px; opacity: 1}
    19%  {left: 40%;}
    27%  {left: 40%;}
    29%  {left: 40%; opacity: 1}
    32%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}

@-webkit-keyframes move3 {
    0%   {left: -1000px;}
    32% {left: -1000px; opacity: 1}
    35% {left: 40%;}
    36% {left: 39%;}
    37% {left: 40%; opacity: 1}
    46% {left: 40%; opacity: 1}
    48% {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@keyframes move3 {
    0%   {left: -1000px;}
    32% {left: -1000px; opacity: 1}
    35% {left: 40%;}
    36% {left: 39%;}
    37% {left: 40%; opacity: 1}
    46% {left: 40%; opacity: 1}
    48% {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@-webkit-keyframes move4 {
    0%   {left: -1000px;}
    48% {left: -1000px; opacity: 1}
    50%   {left: 39%;}
    59%  {left: 39%;}
    61%  {left: 39%; opacity: 1}
    64%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@keyframes move4 {
    0%   {left: -1000px;}
    48% {left: -1000px; opacity: 1}
    50%   {left: 39%;}
    59%  {left: 39%;}
    61%  {left: 39%; opacity: 1}
    64%  {left: 100%; opacity: 0}
    100% {left: 100%; opacity: 0}
}
@-webkit-keyframes move5 {
    0%   {left: -1000px;}
    65% {left: -1000px; opacity: 1}
    67%   {left: 39%;}
    75%  {left: 39%;}
    77%  {left: 39%; opacity: 1}
    90%  {left: 39%; opacity: 1}
    92% {left:100%; opacity:0;}
    100%  {left: 100%; opacity: 0}
}
@keyframes move5 {
    0%   {left: -1000px;}
    65% {left: -1000px; opacity: 1}
    67%   {left: 39%;}
    75%  {left: 39%;}
    77%  {left: 39%; opacity: 1}
    90%  {left: 39%; opacity: 1}
    92% {left:100%; opacity:0;}
    100%  {left: 100%; opacity: 0}
}
@media screen and (max-height : 880px){
img.animation1,img.animation2,img.animation3,img.animation4,img.animation5,img.animation6,img.animation7,img.animation8,img.animation9, img.animation10, img.animation11, img.animation12 {height: 125px;}
.products-animation {
    margin-top: 5px;
    position: absolute;
    width: 100%;
}
}