.float{
    display: none;
      position:fixed;
      width:60px;
      height:60px;
      bottom:20px;
      right:40px;
      background-color:#e6062b;
      color:#FFF;
    z-index: 1001;
      border-radius:50px;
      text-align:center;
    
      
  }
  .tele {
    position: relative;
    display: inline-block;
  }
  
  .tooltip-t{
    visibility: hidden;
    width: 150px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    right: 38px;
    bottom: -6px;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    margin-right: 5px;
    z-index: 1;
  }
  .tele:hover .tooltip-t {
    visibility: visible;
  }
  .my-float{
      font-size:24px !important;
      margin-top:18px;
  }
  
  
  .content-icon{
    font-size: 28px;
    padding: 0px 10px;
  }
  
  
  
  
  
  .content-phone{
    background: white;
    border-radius: 30px;
    padding: 2px 5px;
    color:black
    ;
  }
.contain-contact{
    display: flex;
    width: 30%;
    padding-right:32px;
    align-items: flex-end;
    justify-content: flex-end;
  }
  #header{
    display: flex;
    flex-direction: row;
  
  }
  .title-contact ,.content-tel{
    color: white;
    text-transform: none;
    font-weight: bold;
    font-size: 28px;
    padding: 3px 5px;
  }
  .content-autex-logo{
      width: 30%;
  }
  .contain-contact{
      width: 70%;
  }

  /* lg - Large Devices (Landscape Tablets & Mediam Desktop  )  */
@media (min-width: 1280px) and (max-width: 1919px){
   
  }
  
  /* md - Media Devices (Landscape Tablets & Mediam Desktop  )  */
  @media (min-width: 960px) and (max-width: 1279px){
 .content-autex-logo{
     padding: 0px 5px;
 }
  }
  
  /* sm - Small Devices (Portrait Tablets and Small desktop ) */
  @media (min-width: 600px) and (max-width: 959px){
    .contain-contact{
    display: none;

    }
    
  .float{
    display: block;
  }
    .content-autex-logo{
        width: 100%;
    }
  }
  
  /* xs - Extra Small Devices (Landscape phones & Portrait Tablets) */ 
  @media (max-width: 599px){
    .contain-contact{
        display: none;
    
        }
           
  .float{
    display: block;
  }
        .content-autex-logo{
            width: 100%;
        }
  }
  
 /* xxs - Extra Small Devices (Landscape phones & Portrait Tablets) */ 
  @media (max-width: 375px){
    .contain-contact{
        display: none;
    
        }
           
  .float{
    display: block;
  }
        .content-autex-logo{
            width: 100%;
        }
  }
  
  @media (max-width: 320px){
    .contain-contact{
        display: none;
    
        }
        .content-autex-logo{
            width: 100%;
        }
  }