.add-widget{
    position: fixed;
    z-index: 999999;
  }

.add-widget.widget-facebook {
    right: 170px;
    bottom: 20px;
}
.add-widget.widget-zalo {
    right: 120px;
  bottom: 20px;
}

.add-widget.widget-contact {
    right: 70px;
  bottom: 20px;
}

.add-widget.widget-driver {
    right: 20px;
  bottom: 20px;
}

.widget-circle{
    background-color:#5eba6f;
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;    

  }

  .add-widget.widget-facebook .widget-circle .icon{
    background-image: url('/themes/webscloud/img/icon-messenger-1289632j1.jpg');
    position: absolute;
    left: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
  }

  .add-widget.widget-zalo .widget-circle .icon{
    background-image: url('/themes/webscloud/img/icon-zalo-1289633j1.jpg');
    position: absolute;
    left: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
  }
  .add-widget.widget-contact .widget-circle .icon{
    background-image: url('/themes/webscloud/img/icon-whatsapp.png');
    position: absolute;
    left: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
  }

  .add-widget.widget-driver .widget-circle .icon{
    background-image: url('/themes/webscloud/img/wechat.png');
    position: absolute;
    left: 7px;
    top: 7px;
    width: 30px;
    height: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
  }

@media (min-width: 768px){
    .add-widget.widget-facebook {
      right: 20px;
      left: auto;
      bottom: 330px;
    }
    .add-widget.widget-zalo{
        right: 20px;
        left: auto;
      bottom: 280px;
  }
  .add-widget.widget-contact {
    right: 20px;
    left: auto;
    bottom: 230px;
  }
  .add-widget.widget-driver {
    right: 20px;
    left: auto;
    bottom: 180px;
  }
    }