@media screen and (max-width:567px){
 #whatsBtn {
      right: 15px!important;
          bottom: 140px!important;
 }
 
   #scrollBtn {
       right: 15px!important; 
                   bottom: 200px !important;
   }
}
   /* ================== Scroll to Top Button ================== */
  #scrollBtn {
    display: block; /* Hidden by default */
    position: fixed;
    bottom: 210px;
    right: 25px;
    z-index: 9999;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #000;
    color: white;
    cursor: pointer;
  padding: 12px 20px;
    border-radius: 50%;
    transition: 0.3s;
  }
  #scrollBtn:hover {
    background-color: #555;
  }
   #whatsBtn {
  
    position: fixed;
    bottom: 155px;
    right: 25px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #fff;
    color: white;
    cursor: pointer;
    height: 50px;
    width: 50px;
    border: 1px solid green;
    border-radius: 50%;
    transition: 0.3s;
  }
  #whatsBtn:hover {
    background-color: green;
  }
  #iconis:hover{
      color: white!important;
  }