@media screen and (max-width: 640px){

  #whatsapp{

    z-index:999;

    position: fixed;

    bottom: 0;

    right: 15px;

    height: 60px;

  }

  #whatsapp-msg {

    background-color: #0dc143;

    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.50);

    z-index: 99999;

    padding: 12px;

    border-radius: 50%;

  }

  #whatsapp-msg a{

    width: 33px;

    height: 33px;

    display: block;

  }

  #whatsapp-msg .badge-whatsapp {

    font-family: Arial,Helvetica;

    position: absolute;

    top: -5px;

    right: -7px;

    background: #eb3e22;

    color: #FFF;

    padding: 0;

    border-radius: 50%;

    text-align: center;

    display: block;

    width: 20px;

    height: 20px;

    font-size: 13px;

    line-height: 22px;

  }

  #whatsapp-msg svg {

    height: 31px;

    width: 33px;

  }

  .zopim{

    display:none !important;

  }

}



.animated {

  animation-duration: 0.5s;

  animation-fill-mode: both;

}



.animated.infinite {

  animation-iteration-count: infinite;

}



.animated.hinge {

  animation-duration: 2s;

}



@keyframes slideInUp {

  from {

    transform: translate3d(0, 100%, 0);

    visibility: visible;

  }



  to {

    transform: translate3d(0, 0, 0);

  }

}



.slideInUp {

  animation-name: slideInUp;

}



@keyframes slideOutDown {

  from {

    transform: translate3d(0, 0, 0);

  }



  to {

    visibility: hidden;

    transform: translate3d(0, 100%, 0);

  }

}



.slideOutDown {

  animation-name: slideOutDown;

}



.hidden {

    display: none !important;

    visibility: hidden;

}