#social { position: fixed; z-index: 999; left: var(--left, inherit); right: var(--right, inherit); bottom: var(--bottom, inherit); display: none; } 
#social .btn-frame { position: relative; margin: 30px 0px; } 
#social .btn-frame i { background-color: var(--background); } 
#social .btn-frame img { border-radius: 50%; } 
#social .btn-frame .kenit-alo-circle { border: 2px solid var(--background); border-color: var(--background); } 
#social .btn-frame .kenit-alo-circle-fill { background-color: var(--background); } 

/* TODO: Toolbar */
.toolbar { background: var(--background); width: 100%; padding: 10px; bottom: 0px; position: fixed; z-index: 500; height: auto; left: 0px; max-height: 65px; display: none; } 
.toolbar ul { list-style: none; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; margin: 0px; } 
.toolbar ul li { text-align: center; width: 25%; } 
.toolbar ul li a { display: block; width: 100%; cursor: pointer; } 
.toolbar ul li a img { height: 20px; width: 20px; -webkit-animation: tada 1.2s infinite; -moz-animation: tada 1.2s infinite; -o-animation: tada 1.2s infinite; animation: tada 1.2s infinite; } 
.toolbar ul li a span { color: var(--color); font-size: 10px; } 

/* TODO: Default */
.chat-nav {position: fixed;right: 20px;background: #fff;border-radius: 0.8rem;width: auto;z-index: 150;bottom: 111px;padding: 5px 0;border: 1px solid #f2f2f2;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;} 
.chat-nav ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: center;} 
.chat-nav ul li { list-style: none!important; } 
.chat-nav ul>li a {border: none;padding: 5px 3px;display: block;text-align: center;font-size: 10px;line-height: 15px;color: #515151;font-weight: normal;max-width: 100px;max-height: max-content;text-decoration: none;transition: all .2s ease;} 
.chat-nav ul>li .chat_animation { display: none } 
.chat-nav ul>li a i.ticon-heart {background: url(../images/icon-map.png) no-repeat;background-size: contain;width: 35px;height: 35px;display: block;margin-bottom: 3px;} 
.chat-nav ul>li a i.ticon-zalo-circle2 { background: url(../images/widget_icon_zalo.svg) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.chat-nav ul>li a i.ticon-zalo-circle3 {background: url(../images/facebook_messenger.png) no-repeat;background-size: contain;width: 36px;height: 36px;display: block;} 
.chat-nav ul>li a i.ticon-angle-up { background: url(../images/icon-angl…) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.chat-nav ul>li a i {width: 35px;height: 35px;display: block;margin: auto;transition: all .2s ease;margin-bottom: 5px;} 
.chat-nav ul>li a.chat_animation svg { margin: -13px 0 -20px; } 
.chat-nav ul>li a i.ticon-messenger { background: url(../images/widget_icon_messenger.svg) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.chat-nav ul>li a i.ticon-chat-sms { background: url(../images/icon-sms.jpeg) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; } 
.chat-nav ul>li a .call-mobile-style { background: url(../images/widget_icon_click_to_call.svg) no-repeat; background-size: contain; width: 36px; height: 36px; display: block; margin: auto; } 
.chat-nav ul>li a:hover i{
    transform: scale(1.05);transition: all .2s ease;
}
@media only screen and (max-width: 600px){
    .chat-nav ul{
        
display: flex;
        
flex-direction: row;
        
flex-wrap: nowrap;
        
justify-content: space-between;
        
align-items: center;
    }
 .chat-nav li .call-mobile { position: relative; } 
.chat-nav li .call-mobile-style { box-shadow: none; position: absolute; top: -16px; left: 50%; transform: translate(-50%, 0); width: 50px !important; height: 50px !important; border-radius: 100%; line-height: 15px; border: 2px solid white; } 
.chat-nav li .call-mobile .btn_phone_txt { position: relative; top: 35px; font-size: 10px; font-weight: bold; text-transform: none; } 
.chat-nav ul>li a i {width: 100%;margin-bottom: 0;} 
.chat-nav li .chat_animation { display: block !important } 
.chat-nav ul>li a { padding: 0; margin: 0 auto } 
.chat-nav { background: white; width: 100%; border-radius: 0; color: #fff; height: 60px; line-height: 50px; position: fixed; bottom: 0; left: 0; z-index: 999; padding: 5px; margin: 0; box-shadow: 0 4px 10px 0 #000; } 
.chat-nav li {float: left;width: auto;list-style: none;height: 50px;} 
.phone-mobile { display: block !important } 
 }