/* M FOld */
.m-fold-marquee-inner{
  display: block;
  height: 200%;
  width:100%;
  margin:20px 0;
  position: absolute;
  padding: 0 20px;
}
.m-fold-marquee-inner.to-left{
  animation: m-fold-marqueeTop 28s linear infinite;
}
.m-fold-marquee-inner.to-right{
  animation: m-fold-marqueeBottom 28s linear infinite;
}

@keyframes m-fold-marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -280%;
  }
}
@keyframes m-fold-marqueeBottom{
  0% { 
    top: -280%; 
  }
  100% {
   top: 0; 
  }
}

@media screen and (max-width: 768px) {
    .m-fold-marquee-inner {
        display: block;
        height: 100%;
        width: 200%;
        margin: 15px 0;
    }
    .m-fold-marquee-inner span {
        display: flex;
    }

    .m-fold-marquee-inner.to-left{
      animation: m-fold-marqueeTop 28s linear infinite;
    }
    .m-fold-marquee-inner.to-right{
      animation: m-fold-marqueeBottom 28s linear infinite;
    }
    @keyframes m-fold-marqueeTop{
      0% {
        left: 0;
      }
      100% {
        left: -280%;
      }
    }
    @keyframes m-fold-marqueeBottom{
      0% { 
        left: -280%; 
      }
      100% {
       left: 0; 
      }
    }
}


/* Table Napkins */

.table-nap-marquee-inner{
  display: block;
  height: 200%;
  width:100%;
  margin:20px 0;
  position: absolute;
  padding: 0 20px;
}
.table-nap-marquee-inner.to-left{
  animation: table-nap-marqueeTop 15s linear infinite;
}
.table-nap-marquee-inner.to-right{
  animation: table-nap-marqueeBottom 15s linear infinite;
}

@keyframes table-nap-marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -150%;
  }
}
@keyframes table-nap-marqueeBottom{
  0% { 
    top: -150%; 
  }
  100% {
   top: 0; 
  }
}

@media screen and (max-width: 768px) {
    .table-nap-marquee-inner {
        display: block;
        height: 100%;
        width: 200%;
        margin: 15px 0;
    }
    .table-nap-marquee-inner span {
        display: flex;
    }

    .table-nap-marquee-inner.to-left{
      animation: table-nap-marqueeTop 15s linear infinite;
    }
    .table-nap-marquee-inner.to-right{
      animation: table-nap-marqueeBottom 15s linear infinite;
    }
    @keyframes table-nap-marqueeTop{
      0% {
        left: 0;
      }
      100% {
        left: -150%;
      }
    }
    @keyframes table-nap-marqueeBottom{
      0% { 
        left: -150%; 
      }
      100% {
       left: 0; 
      }
    }
}


/* Kosher GoldMark Freshwipes */

.gold-mark-marquee-inner{
  display: block;
  height: 200%;
  width:100%;
  margin:20px 0;
  position: absolute;
  padding: 0 20px;
}
.gold-mark-marquee-inner.to-left{
  animation: gold-mark-marqueeTop 15s linear infinite;
}
.gold-mark-marquee-inner.to-right{
  animation: gold-mark-marqueeBottom 15s linear infinite;
}

@keyframes gold-mark-marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -80%;
  }
}
@keyframes gold-mark-marqueeBottom{
  0% { 
    top: -80%; 
  }
  100% {
   top: 0; 
  }
}

@media screen and (max-width: 768px) {
    .gold-mark-marquee-inner {
        display: block;
        height: 100%;
        width: 200%;
        margin: 15px 0;
    }
    .gold-mark-marquee-inner span {
        display: flex;
    }

    .gold-mark-marquee-inner.to-left{
      animation: gold-mark-marqueeTop 15s linear infinite;
    }
    .gold-mark-marquee-inner.to-right{
      animation: gold-mark-marqueeBottom 15s linear infinite;
    }
    @keyframes gold-mark-marqueeTop{
      0% {
        left: 0;
      }
      100% {
        left: -80%;
      }
    }
    @keyframes gold-mark-marqueeBottom{
      0% { 
        left: -80%; 
      }
      100% {
       left: 0; 
      }
    }
}


/* Fresh Wipes */


.fresh-wipes-marquee-inner{
  display: block;
  height: 200%;
  width:100%;
  margin:20px 0;
  position: absolute;
  padding: 0 20px;
}
.fresh-wipes-marquee-inner.to-left{
  animation: fresh-wipes-marquee-inner-marqueeTop 35s linear infinite;
}
.fresh-wipes-marquee-inner.to-right{
  animation: fresh-wipes-marquee-inner-marqueeBottom 35s linear infinite;
}

@keyframes fresh-wipes-marquee-inner-marqueeTop{
  0% {
    top: 0;
  }
  100% {
    top: -350%;
  }
}
@keyframes fresh-wipes-marquee-inner-marqueeBottom{
  0% { 
    top: -350%; 
  }
  100% {
   top: 0; 
  }
}

@media screen and (max-width: 768px) {
    .fresh-wipes-marquee-inner {
        display: block;
        height: 100%;
        width: 200%;
        margin: 15px 0;
    }
    .fresh-wipes-marquee-inner span {
        display: flex;
    }

    .fresh-wipes-marquee-inner.to-left{
      animation: fresh-wipes-marquee-inner-marqueeTop 35s linear infinite;
    }
    .fresh-wipes-marquee-inner.to-right{
      animation: fresh-wipes-marquee-inner-marqueeBottom 35s linear infinite;
    }
    @keyframes fresh-wipes-marquee-inner-marqueeTop{
      0% {
        left: 0;
      }
      100% {
        left: -350%;
      }
    }
    @keyframes fresh-wipes-marquee-inner-marqueeBottom{
      0% { 
        left: -350%; 
      }
      100% {
       left: 0; 
      }
    }
}