<style>
        .ftr-bar{
            display: flex;
            width: 100%;
            position:fixed;
            bottom:0;
            z-index:999;
           
        }

        .ftr-bar-btn{
            flex-basis: 25%;
            background-color: #ccc; 
            display:flex;
            justify-content:center;
            align-items:center;
            color:#ffffff !important;
            font-weight:600;
            padding:8px 0px;
        }

        .book-btn{
       
        background-color: #ffba00;
        }
        .wp-btn{
         
         background-color:#4CAF50;

        }
        .call-btn{
            
            background-color: #031b24;
        }
        
        .cn-btn{
            background-color: #050562;
        }
        
         .cn-btn a{
              color: #fefefe;
        }
        
        .book-btn a{
         color: #fefefe;
         text-decoration: none;
        }
        .direction-btn{
             background-color: #4099FF;
        }
        
        .direction-btn a{
             color: #fefefe;
            text-decoration: none;
        }
        
        .wp-btn a{
            color: #fefefe;
            text-decoration: none;
        }
        .call-btn a{
            color: #fefefe;
            text-decoration: none;
        }

        .ftr-bar{
            display: none;
        }
        
        
        
.whatsapp-float {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 999;
}
.whatsapp-float img {
   width: 50px;
   height: 50px;
}
.call-icon{
    position: fixed;
    bottom: 20px;
    left: 10px;
    z-index: 999;
}
.call-icon img{
    width: 50px;
    height: 50px;
 } 
        
      @media only screen and (max-width: 768px) {

        .ftr-bar{
            display: flex;
            
        }
        
        .whatsapp-float,
            .call-icon{
                display:none;
                
            }
            
            #social-fixed{
                 display:none;
            }
        
            }
            

    </style>


    <div class="ftr-bar">
         <div class="ftr-bar-btn direction-btn">
            <a  href="<?php echo $wspath?>" ><i class="fa fa-home"> </i> Home</a>
        </div>
        <div class="ftr-bar-btn book-btn">
            <a href="<?php echo $wspath?>product-listing.php"><i class="fa fa-shopping-cart"></i> Services</a>
        </div>
        
        <div class="ftr-bar-btn wp-btn">
             <a  href="https://wa.me/+918126668235" target="_blank"><i class="fa fa-whatsapp"></i> Whatsapp</a>
        </div>
        <div class="ftr-bar-btn cn-btn">
             <a href="tel:+919560323454"><i class="fa fa-phone"></i> Contact </a>
        </div>
    </div>
    
    
    
     <div class="whatsapp-float">
         <a href="https://wa.me/+918126668235" target="_blank">
         <img src="assets/img/wp-ic.png" width="50px" class="whatsapp-float-btn">
         </a>
            
    </div>
       
        <div class="call-icon">
             <a href="tel:+91 9560323454"> 
                 <img src="assets/img/call-ic.png" width="50px" class="whatsapp-float-btn">
                 </a>
        </div>