/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hidden::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE, Edge add Firefox */
.scrollbar-hidden {
-ms-overflow-style: none;
scrollbar-width: none; /* Firefox */
}/* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
display: none;
}
/* Hide scrollbar for IE and Edge */
.example {
-ms-overflow-style: none;
}::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}/*Auto hide scrollbar for PC only*/
@media (min-width:576px) {
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbars::-webkit-scrollbar {
/*display: none; to completely hide the scrollbar*/
-webkit-appearance: none;
width: 4px; /*scrollbar width for vertical one*/
height: 4px; /*scrollbar width for horizontal one*/
}
.hide-scrollbars::-webkit-scrollbar-thumb {
visibility: hidden;
border-radius: 2px;
background-color: rgba(0, 0, 0, .1);
-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .1);
}
.hide-scrollbars::-webkit-scrollbar-thumb:hover {
visibility: visible;
}
/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbars{
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
}