::-webkit-scrollbar {
  width: 5px;
  height: 2px;
}
::-webkit-scrollbar-button{width:2px;height:2px;}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: transparent; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: transparent; 
}

 .bg-white {
    height: 170px;
    width: 170px;
    border-radius: 27px;
    padding: 32PX;
}

/* For Desktop View */
@media screen
  and (min-width: 1024px){
    .categories{
        display:block;
    }
    
    .userlogin
    {
        display:block;
    }
    
    .courses_menu
    {
        display:none;
    }
    
    .courses_menuwrapper
    {
        width:100%;
        margin-right:0px;
        margin-left: 0px; 
        margin-bottom:0px;
        border-top-right-radius: 15px; 
        border-top-left-radius:15px;
        
    }
}
 
 
/* For Tablet View */
@media screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px){
    
}
 
/* For Mobile Portrait View */
@media screen
  and (max-device-width: 480px)
  and (orientation: portrait){
    
}
 
/* For Mobile Landscape View */
@media screen
  and (max-device-width: 640px)
  and (orientation: landscape){
    
}
 
/* For Mobile Phones Portrait or Landscape View */
@media screen
  and (max-device-width: 640px){
    .categories{
        display:block;
        margin:10px;
        margin-top:-25px;
    }
    
    .userlogin
    {
        display:none;
    }
    
    .templatemo_menu
    {
        display:none;
    }
    
    .courses_menu
    {
        display:none;
    }
    
    .courses_menuwrapper
    {
        width:100%;
        margin-right:0px;
        margin-left: 0px; 
        margin-bottom:0px;
        border-top-right-radius: 0px; 
        border-top-left-radius:0px;
        padding-top:0px;
        
    }
    
    
    .bg-white {
    height: 140px;
    width: 140px;
    border-radius: 10px;
    padding: 15px;
    
   
}


.menu5
{
    padding-right:0px;
     padding-left:0px;
 
}
}
 
/* For iPhone 4 Portrait or Landscape View */
@media screen
  and (min-device-width: 320px)
  and (-webkit-min-device-pixel-ratio: 2){
    .categories{
        display:block;
    }
    
    .courses_menuwrapper
    {
        width:100%;
        margin-right:0px;
        margin-left: 0px; 
        margin-bottom:2px;
        border-top-right-radius: 0px; 
        border-top-left-radius:0px;
        padding-top:0px;
        
    }
}
 
/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
  and (device-width: 320px)
  and (-webkit-min-device-pixel-ratio: 2){
      
      .categories{
        display:block;
    }
    
}
 
/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px)
  and (min-device-width: 375px)
  and (-webkit-min-device-pixel-ratio: 3){
      
      .categories{
        display:block;
    }
    
}

.social .fbtn {
    width: 30px;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height:18px;
    float: left;
}
.social .fa{padding:5px 0px}
.facebook {
    background-color: #3b5998;
}
 
.gplus {
    background-color: #dd4b39;
}
 
.twitter {
    background-color: #55acee;
}
 
.stumbleupon {
    background-color: #eb4924;
}
 
.pinterest {
    background-color: #cc2127;
}
.whatsapp{
    background-color: green;
}
 
.linkedin {
    background-color: #0077b5;
}
 
.buffer {
    background-color: #323b43;
}

.share-button.sharer {
  height: 20px;
  /*padding: 100px;*/
}
.share-button.sharer .social.active.top {
  transform: scale(1) translateX(120px);
}
.share-button.sharer .social.active {
  opacity: 1;
  transition: all 0.4s ease 0s;
  visibility: visible;
}
.share-button.sharer .social.networks-5 {

}
.share-button.sharer .social.top {
  margin-top: -25px;
  transform-origin: 0 0 0;
}
.share-button.sharer .social {
  margin-left: -65px;
  opacity: 0;
  transition: all 0.4s ease 0s;
  visibility: hidden;
}
.sidepanel a:hover {
    color: black;
}