.floating-sidebar {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 9999;
}

.floating-sidebar .social {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  text-align: center;
  margin: 5px 0;
  transition: 0.3s;
  font-size: 16px;
  text-decoration: none;
}

.floating-sidebar .fb { background: #3b5998; }
.floating-sidebar .diigo { background: #00bfff; }
.floating-sidebar .google { background: #dd4b39; }
.floating-sidebar .pinterest { background: #cb2027; }
.floating-sidebar .blogger { background: #f57d00; }
.floating-sidebar .linkedin { background: #007bb6; }
.floating-sidebar .heart { background: #e74c3c; }
.floating-sidebar .share { background: #333; }

.floating-sidebar .social:hover {
  padding-left: 10px;
  background: #000;
}



@media (max-width: 768px) {
  .floating-sidebar {
    visibility: hidden;
    opacity: 0;
  }
  
 
}