div.webkit .scrollmenu::-webkit-scrollbar {
  width: 5px;
  height:2px;
  border-left: 1px solid green;
}
div.webkit .scrollmenu::-webkit-scrollbar-thumb { background: #f4720a; }

.bg-color{ background: #f4720a!important; }

.text-color{ color: #f4720a!important; }

.border-base{ border-color: #f4720a!important; }

.bhajan .table th:hover, .bhajan .table td:hover { background-color: #ffff00c4; }

.bhajan .table th, .bhajan .table td { padding: 0.75rem 0.25rem; }

.bhajan .table th p, .bhajan .table td p{ margin-bottom: 0px;} 

.bhajan .table th{font-size: 22px; }

.tab_style{font-size: 20px; color: red; }

a:hover{
text-decoration: none;
}

.top-padding{ margin-top:40px; }

.top-padding2{ margin-top:90px;
}
.table-strip>tbody>tr:nth-of-type(even){color:darkblue; background-color:#fc76641a;}

@media (max-width: 768px) {
  div.webkit .scrollmenu::-webkit-scrollbar {
        height:0px;
        border-left: 1px solid green;
    }
  div.webkit .scrollmenu::-webkit-scrollbar-thumb { background: #f4720a; }

  .top-padding{ margin-top:44px;}
  
}

@media (max-width: 376px) {
  .top-padding2{ margin-top:40px; }

  .tab_style{
    font-size: 18px;
    color: red;
  }
  .bhajan .table th, .bhajan .table td { padding: 0.5rem 0.15rem; }
 
}

/* -------------------------------------- mobile device -------------------------------------- */

/*scroll slider*/
 div.scrollmenu {
  overflow: auto;
  white-space: nowrap;
  scroll-behavior: smooth;
}

div.scrollmenu a {
  display: inline-block;
  text-align: center;
  padding:5px 5px;
  text-decoration: none;
  color:white;
}

div.scrollmenu a:hover {
  background-color: blue;
}

/*scroll slider end*/