.widget-whatsapp {
    position: fixed;
    bottom: 85px;
    right: 29px;
    z-index: 99;
  }
  .widget-whatsapp__button {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    background: #00864d url("../../whatsapp/wachat_2.png") center no-repeat;
    background-size: cover;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
  }
  .widget-whatsapp__button i {
    pointer-events: none;
    font-size: 18px;
    color: #ddd;
    padding: 17px 19px;
    display: none;
    user-select: none;
  }
  .widget-whatsapp__button.is-show {
    background-image: none;
  }
  .widget-whatsapp__button.is-show i {
    display: block;
  }
  .widget-whatsapp__chatbox {
    display: block;
    width: 375px;
    height: 156px;
    border-radius: 5px;
    box-shadow: 0 4px 23px 0 rgba(0, 0, 0, 0.09);
    background: #fff;
    position: absolute;
    bottom: 68px;
    right: -2px;
    text-decoration: none;
    outline: none;
    transform: scale(0.7);
    margin-right: -55px;
    margin-bottom: -20px;
    text-decoration: none;
    /* visibility: hidden; */
    opacity: 0;
    transition: all 0.2s linear;
  }
  .widget-whatsapp__chatbox__head {
    border-radius: 5px 5px 0 0;
    background: #00864d;  
  }
  .widget-whatsapp__chatbox__head p {
    color: #fff;
    padding: 10px 0 10px 15px;
    margin: 0;
  }
  .widget-whatsapp__chatbox__title {
    overflow: hidden;
  }
  .widget-whatsapp__chatbox__title strong {
    color: #fff;
    display: block;
    float: left;
    padding: 10px 0 0 95px;
    font-size: 16px;
  }
  .widget-whatsapp__chatbox__title span {
    color: #fff;
    float: right;
    font-size: 13px;
    padding: 12px 12px 0 0;
  }
  .widget-whatsapp__chatbox__title span::before {
    content: " ";
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    margin-top: 5px;
    margin-left: -15px;
    background: #56ab5d;
  }
  .widget-whatsapp__chatbox__profilepicture {
    display: block;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: absolute;
    margin-top: -15px;
    left: 15px;
  }
  .widget-whatsapp__chatbox__message {
    font-size: 14px;
    padding: 10px 0 0 15px;
    letter-spacing: 0.05em;
    margin: 0;
    color:#333;
    text-decoration: none;
  }
  .widget-whatsapp__chatbox__contact {
    padding: 0 0 0 95px;
    font-size: 13px;
  }
  .widget-whatsapp__chatbox__contact span {
    margin-right: 5px;
    color:#fff;
  }
  .widget-whatsapp__chatbox.is-show {
    transform: scale(0.7);
    margin-right: -55px;
    margin-bottom: -23px;
    /* visibility: visible; */
    text-decoration: none;
    opacity: 1;
  }
  .widget-whatsapp__notif {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    text-align: center;
    font-size: 8px;
    background-color:#ff7f3a;
    color: white;
    line-height: 15px;
    top: -5px;
    right: -5px;
  }
  .widget-whatsapp__notif.is-show {
    display: block;
  }

  
/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {
  

}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

  
}

/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

  
}

/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

  
}

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px) {
  

  
}

/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 400px) {
  .widget-whatsapp__chatbox {
    display: block;
    width: 289px;
    height: 162px;
    bottom: 68px;
    width: 345px;
  }
  .widget-whatsapp__chatbox__title span {
    font-size: 0px;
  }

  .widget-whatsapp__chatbox.is-show {
    transform: scale(0.7);
    margin-right: -50px;
    margin-bottom: -29px;
  }
  
}