.brand-logos {width:100%; overflow:hidden; height:65px; border-bottom:1px solid #CCC;}
.brand-logo {float:left;width:20%; text-align:center;}
.brand-logo img{width:auto; max-height:60px; margin:0 auto;}

.scrolling-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
  white-space: nowrap;

  background:#FFF;
  padding:2px;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-scrollbar:none;
  }

.scrolling-wrapper::-webkit-scrollbar{
   		 width: 0px;  /* Remove scrollbar space */
   		 background: transparent;  /* Optional: just make scrollbar invisible */
         height:60px;
}
.brand-logos-scrolling {margin:0; background:#FFF; border-bottom:1px solid #CCC; height:60px;}
.brand-logo-scrolling {
    display: inline-block;
    width:224px;
    height:60px;
    background:#FFF;
    margin:2px;
    text-align:center;

}
.brand-logo-scrolling img {max-height:60px;}

/* iphone and Mobile */
@media only screen and (max-width: 767px) and (min-width: 100px) {
.brand-logos {max-height:65px; overflow:hidden; border-top: solid 1px #CCC;}
.brand-logo {float: left; width: 50%; text-align: center; }

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

  background:#FFF;
  padding:2px;
  -webkit-overflow-scrolling: touch;
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  -webkit-scrollbar:none;
  }

.scrolling-wrapper::-webkit-scrollbar{
   		 width: 0px;  /* Remove scrollbar space */
   		 background: transparent;  /* Optional: just make scrollbar invisible */
         height:60px;
}
.brand-logos-scrolling {margin:0; padding:0 0 0 10px; background:#FFF; border-bottom:1px solid #CCC;border-top:1px solid #CCC;height:65px; overflow:hidden;}
.brand-logo-scrolling {
    display: inline-block;
    width:180px;
    height:60px;
    background:#FFF;
    margin:2px;
    text-align:center;
}

}


@media print {
  .brand-logos, .brand-logos-scrolling {display:none;visibility:hidden;}
}