.ekit-fancy-text-lists {
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 50px;
    width:280px;
    top: 12px;
  }
  @media screen and (max-width: 460px)
  {
  	.ekit-fancy-text-lists b {
        position: absolute;
        top: 0;
        left: 0;
        right:0;
        margin:auto;
        opacity: 0;    

      } 
  }
  .ekit-fancy-text-lists b {
    position: absolute;
    top: 0;
    left: 0;
 
    opacity: 0;    
     
  } 

.ekit-fancy-text-lists b.is-visible {
    top: 0;
    opacity: 1;    
    animation: slide-in 1s;
}

.ekit-fancy-text-lists b.is-hidden {
    
    animation: slide-out 1s
}


@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    60% {
        opacity: 1;
        -webkit-transform: translateY(20%);
        transform: translateY(20%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}


@keyframes slide-out {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    60% {
        opacity: 0;
        -webkit-transform: translateY(120%);
        transform: translateY(120%)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}