<style>

@media only screen and (max-width: 600px) {
 .whatsapp{
     display:none !important;
 }
 .phone-call{
     display:none !important;
 }
}
    .whatsapp {
    width: 50px;
    height: 50px;
    right: 50px;
    bottom: 115px;
    background: #10b418;
    position: fixed;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 47px;
}
.whatsapp {
    right: 21px !important;
}
.phone-call {
    width: 50px;
    height: 50px;
    left: 20px;
    bottom: 115px;
    /*background: #ea622b;*/
    position: fixed;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
    border-radius: 50%;
    z-index: 99;
    display: inline-block;
    line-height: 65px;
}
.phone-call:before {
    position: absolute;
    content: " ";
    z-index: -1;
    top: -15px;
    right: -15px;
    /*background-color: #ED4B41;*/
    width: 80px;
    height: 80px;
    border-radius: 100%;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    opacity: 0.6;
    -webkit-animation: pulse 1s ease-out;
    animation: pulse 1.8s ease-out;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
</style>

    <div class="whatsapp">
        <a href="https://wa.me/<?php echo $datac['whatsapp'] ?>"><img src="<?php echo $wspath?>assets/img/whatsapp.png" width="50" alt=" " title=""> </a>
    
    </div>
    
    <div class="phone-call">
        <a href="tel:<?php echo $datac['phone'] ?>" > <img src="<?php echo $wspath?>assets/img/mobile.png" width="50" alt=" " title=""></a>
    
    </div>