.scroll-bar-x {
background: none !important;
overflow: auto;
white-space: nowrap;
scrollbar-color: green;
}
.scroll-item-x {
display: inline-block;
width: 25%;
white-space: wrap;
}
.scroll-item-x .img-responsive {
background: none !important;
}

@media (max-width: 600px) {
.scroll-item-x {
display: inline-block;
width: 50%;
padding-bottom: 20px;
}
.scroll-bar-x::-webkit-scrollbar {
width: 20px;
}
.scroll-bar-x::-webkit-scrollbar-track {
background: #444444; 
}
.scroll-bar-x::-webkit-scrollbar-thumb {
background: #8dc63f; 
}
.scroll-bar-x::-webkit-scrollbar-thumb:hover {
background: #8dc63f; 
}
}