#scrolling-wrapper {
    width:60%;
    height:130px;
    margin-left: auto;
    margin-right: auto;
    -webkit-overflow-scrolling: touch;
}
#modules {
    height:130px;
    padding:5px;
    white-space:nowrap;
	overflow-y:hidden;
	overflow-x:scroll;
	
}
.module {
    display:inline-block;
    /*width:50px;
    height:50px;*/
     line-height:50px;
    text-align:center;
    background:transparent;
}  

i#icon1 {font-size:48px; margin:10px; color:red;}
i#icon2 {font-size:48px; margin:10px; color:black;}
i#icon3 {font-size:48px; margin:10px; color:black;}
i#icon4 {font-size:48px; margin:10px; color:black;}
i#icon5 {font-size:48px; margin:10px; color:black;}
i#icon6 {font-size:48px; margin:10px; color:black;}
i#icon7 {font-size:48px; margin:10px; color:black;}
i#icon8 {font-size:48px; margin:10px; color:black;}

img#img1 {width: 65px; height: 65px; margin: auto;}
img#img2 {width: 65px; height: 65px; margin: auto;}
img#img3 {width: 65px; height: 65px; margin: auto;}
img#img4 {width: 65px; height: 65px; margin: auto;}
img#img5 {width: 65px; height: 65px; margin: auto;}
img#img6 {width: 65px; height: 65px; margin: auto;}
img#img7 {width: 65px; height: 65px; margin: auto;}
img#img8 {width: 65px; height: 65px; margin: auto;}

/*#container div.wrapper{
    display: table-column;

}*/
/*#container div.modules div.module div.icon-wrapper{
    border: none;
    display:none;
}*/
/*.module + .module {
    margin-left:5px
}*/
 /* @media only screen and (max-width: 480px) {
    #container::-webkit-scrollbar {
        display: none;
  }
      }*/
      /* body {
        font-family: arial;
        max-width: 996px;
        margin: 70px auto;
    }
    nav#menu-container {
        position:relative;
        width:60%;
        margin-left:auto;
        margin-right: auto;
        height: 130px;
    }
    #btn-nav-previous {
        text-align: center;
        color: white;
        cursor: pointer;
        font-size: 24px;
        position: absolute;
        left: 0px;
        padding: 9px 12px;
        background: #000;
        fill:#FFF;
    }
    #btn-nav-next {
        text-align: center;
        color: white;
        cursor: pointer;
        font-size: 24px;
        position: absolute;
        right: 0px;
        padding: 9px 12px;
        background:#000;
        fill:#FFF;
    }
    .menu-inner-box
    { 
        width: 100%;
        white-space: nowrap;
        margin: 0 auto;
        overflow: hidden;
        padding: 0px 54px;
        box-sizing: border-box;
    }
    .menu
    {  
        padding:0;
        margin: 0;
        list-style-type: none;
        display:block;
        text-align: center;
    }
    .menu-item
    {
        height:100%;
        padding: 0px 25px;
        color:#fff;
        display:inline;
        margin:0 auto;
        line-height:57px;
        text-decoration:none;
        text-align:center;
        white-space:no-wrap;
    }
    .menu-item:hover {
        text-decoration:underline;
    }
    
    @media only screen and (max-width: 480px) {
      #btn-nav-previous {
        display:none;
      }
      #btn-nav-next {
        display:none;
      }
        .menu-inner-box
        { 
            width:100%;
            overflow-x:auto;
        }
    }
    .category{
        display:inline-block;
    } */