@media (min-width: 1025px) {
.float-contact {
    position: fixed;
    bottom: 70px;
    right: 40px;
    z-index: 99999;
    text-align: left;
}
.chat-face, .hotline, .zalo, .face {
    overflow: hidden;
    border: none !important;
    background: none !important;
}   
.chat-face a, .hotline a, .zalo a, .face a {
    display: block;
    margin-bottom: 6px;
}
.chat-face a:hover, .hotline a:hover, .zalo a:hover, .face a:hover {
    background: #137b00;
    color: #fff;
    text-decoration: none;
}
.chat-face a img, .hotline a img, .zalo a img, .face a img {
    display: block;
    margin: auto;
}
.chat-face a, .hotline a, .zalo a, .face a {
    color: #000;
    text-align: center;
    display: block;
    font-size: 10px;
}   
}

@media (max-width: 1024px) {
.float-contact {
    position: fixed;
    bottom: 0px;
    z-index: 99999;
    display: flex;
    background: linear-gradient(#ffffffd6,#29a7ce70);
    width: 100%;
    height: 35px;
}
.face, .chat-face, .zalo, .hotline {
    width: 25%;
    text-align: center;
    margin: auto;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.face a img, .chat-face a img, .zalo a img, .hotline a img {
    display: block;
    margin: 5px auto 5px;
}
.face a, .chat-face a, .zalo a, .hotline a {
    color: #fff;
    font-size: 10px;
}

}