.stk-ss {
  position: fixed;
  z-index: 999;

  border-radius: 8px;
  /* Desktop */
  padding: 15px 0px;
  border-radius: 40px;
  border: solid 1px #e0e0e0;

  /* Unselectable */
  -webkit-user-select: none; /* Chrome/Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+ */
  /* Rules below not implemented in browsers yet */
  -o-user-select: none;
  user-select: none;*/

}

.stk-ss-share-div {
  width: 44px!important;
  height: 44px!important;
}

.stk-ss-logo-div {
  border-radius: 4px;
  margin-left: 6px;
  margin-top: 6px;
  margin-right: 6px;
  margin-bottom: 6px;
  width: 48px;
  height: 48px;
}
.stk-ss-logo-div:hover {
  cursor: pointer;
  /*border-color: #f5f5f5;
  box-shadow: 0 0 10px #f5f5f5;*/
}
.stk-ss-logo-div img:hover {

}
.stk-ss-logo-div:active {
  opacity: 0.8;
}
.stk-ss-logo-div img {
  border-radius: 4px;
  width: 100%;
}
/* ------- Fit IMG to mobile design ------------------------------------------*/
@media screen and (max-width: 767px) {
  .stk-ss{
    padding-top: 0;
    padding-bottom: 0;
  }
  .stk-ss-share-div{
    display: none;
  }
}
@media only screen
  and (min-width: 250px)
  and (max-width: 479px) {
    .stk-ss {
      padding-left: 8px;
      padding-right: 8px;
    }
    .stk-ss-logo-div {
      margin-left: 8px;
      margin-top: 8px;
      margin-right: 8px;
      margin-bottom: 8px;
      width: 32px;
      height: 32px;
    }
  }
@media only screen
  and (min-width: 480px)
  and (max-width: 767px) {
    .stk-ss {
      padding-left: 12px;
      padding-right: 12px;
    }
    .stk-ss-logo-div {
      margin-left: 12px;
      margin-top: 12px;
      margin-right: 12px;
      margin-bottom: 12px;
      width: 34px;
      height: 34px;
    }
  }