.animcontainer {
  width: 100%;
  background-color: #ffffff;
  max-height: 170px;
  min-height: 46px;
  float: left;
  margin-bottom: 3px;
  margin-top: 5px;
}
.animation {
  width: 100%;
  padding: 0;
  float: left;
}
.ltanimimage, .animimage, .rtanimimage {
  width: 32%;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  float: left;
}
.animdiv {
  float: left;
  width: 1px !important;
}
.rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
  max-height: 129px;
}
/* ----------------- Media Query Break Points ----------------*/
/* ---- Mobile Tablets, Laptops, Televisions ----*/
@media screen and (max-width: 856px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 160px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 800px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 150px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 726px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 145px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 705px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 140px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 685px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 130px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 641px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 125px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 620px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 120px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 600px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 110px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 31%;
  }
}
@media screen and (max-width: 568px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 105px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 30%;
  }
}
@media screen and (max-width: 535px) {
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 100px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 30%;
  }
}
@media screen and (max-width: 500px) {
  .animcontainer {
    max-height: 310px;
  }
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 90px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 30%;
  }
}
@media screen and (max-width: 457px) {
  .animcontainer {
    max-height: 310px;
  }
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 88px;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 30%;
  }
}
@media screen and (max-width: 450px) {
  .animcontainer {
    max-height: 310px;
  }
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 100px;
  }
  .animdiv{
    display: none;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 100%;
  }
}
/* ---- Mobile Portrait ----*/
@media screen and (max-width: 414px) {
  .animcontainer {
    max-height: 310px;
  }
  .rtanimimage img, .ltanimimage img,.animimage img, .animdiv img {
    max-height: 100px;
  }
  .animdiv{
    display: none;
  }
  .ltanimimage, .animimage, .rtanimimage{
     width: 100%;
  }
}
@media screen and (max-width: 320px) {
  .animcontainer {
    display: none;
  }
}