:root {
  --main-RedColor: #c4161c;
}


@media (max-width: 1599px) {
    .header-logo-wrap{
    width: 17% !important;
}
}
@media (max-width: 1199px) {
    .header-logo-wrap{
    width: 20% !important;
}
}

/* Base */
.btn-floating:hover img {
    margin-bottom: -3px;
  }
  
  .btn-floating {
    position: fixed;
    /*right: 25px;*/
    overflow: hidden;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 0;
    z-index: 9999;
    color: white;
    transition: 0.2s;
  }
  
  .btn-floating:hover {
    width: auto;
    padding: 0 20px;
    cursor: pointer;
  }
  
  .btn-floating span {
    font-size: 16px;
    margin-left: 5px;
    transition: 0.2s;
    line-height: 0px;
    display: none;
  }
  
  .btn-floating:hover span {
    display: inline-block;
  }
  
  /* Phone */
  .btn-floating.phone {
    bottom: 22%;
    background-color: #4583dc;
    left: 17px;
  }
  
  .btn-floating.phone:hover {
    background-color: #4583dc;
  }
  
  /* WhatsApp */
  .btn-floating.whatsapp {
    background-color: #34af23;
    bottom: 10%;
    left: 18px;
  }
  
  .btn-floating.whatsapp:hover {
    background-color: #1f7a12;
  }
  
  
  
  /* menu bar style */
  
  .main-nav > ul > li.menuActive > a {
      color: var(--main-RedColor);
  }
  
  .main-nav > ul > li.menuActive > a span:before{
      background-color: var(--main-RedColor);
      visibility:visible;
      width: 100%;
      opacity: 1;
  }
  
  li.button-close.menu-open a{
      color: #c0c0c0 !important;
  }