/* DIV SCROOLABLE-X WITHOUTH OVERFLO */
  .scroll-x-able{
    background-color: transparent;
    overflow: auto;
    white-space: nowrap;
  }

  .scroll-x-able-list{
    display: inline-block;
    text-align: center;
    padding: 5px;
    text-decoration: none;
    margin: 0px;
  }
  .scroll-x-able-list:hover{
    color: red;
  }

  .scroll-x-able-list.list-active{
    border-bottom: 5px solid white;
  }

  @media screen and (max-width: 600px){
    /*hide scroolbar for chroome, safari and opera*/
      .scroll-x-able::-webkit-scrollbar{
        display: none;
      }
      .scroll-x-able{
        -ms-overflow-style: none; /*IE & EDGE*/
        scrollbar-width: none; /*Firefox*/
      }
    /*hide scroolbar for chroome, safari and opera*/
  }