.booking-nav {

    position: fixed;

    right: 17px;

    background: #fff;

    border-radius: 5px;

    width: auto;

    z-index: 150;

    bottom: 100px;

    padding: 10px 0;

    border: 1px solid #f2f2f2;

}



.booking-nav ul {

    list-style: none;

    padding: 0;

    margin: 0;

}



.booking-nav ul li {

    list-style: none !important;

}



.booking-nav ul li:not(:last-child) {

    margin-bottom: 10px;

}



.phone-mobile {

    display: none;

}



.booking-nav ul>li a {

    border: none;

    padding: 3px;

    display: block;

    border-radius: 5px;

    text-align: center;

    font-size: 10px;

    line-height: 15px;

    color: #515151;

    font-weight: 700;

    max-width: 72.19px;

    max-height: 54px;

    text-decoration: none;

}



.booking-nav ul>li a i {

    width: 33px;

    height: 33px;

    display: block;

    margin: auto;

}



.booking-nav ul>li .chat_animation {

    display: none;

}



.booking-nav li .chat_animation {

    display: block !important;

}






#dialog-zalo .modal-header,

#dialog-phone .modal-header {

    padding: 16px;

    border-bottom: solid 1px #eee;

}



#dialog-zalo .modal-header .modal-title,

#dialog-phone .modal-header .modal-title {

    margin-bottom: 0;

}



#dialog-zalo .modal-body,

#dialog-phone .modal-body {

    padding: 16px;



}



@media only screen and (max-width: 768px) {

    .booking-nav {

        background-color: transparent;

        border: none;

    }



    .booking-nav ul>li a {

        /* font-size: 0; */

        color:var(--color-2)

    }



    .booking-nav ul>li.mxh_instagram,

    .booking-nav ul>li.mxh_email {

        display: none;

    }



    .booking-nav ul>li.mxh_facebook i {

        animation: shake 0.6s ease-in-out infinite;

    }



    @keyframes shake {



        0%,

        100% {

            transform: rotate(0deg);

        }



        25% {

            transform: rotate(-5deg);

        }



        50% {

            transform: rotate(5deg);

        }



        75% {

            transform: rotate(-5deg);

        }

    }



    /* .booking-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;

    }

     .booking-nav ul{

        display: flex;

        justify-content: space-around





     } */

    /* .booking-nav li {

        float: left;

        width: 33%;

        list-style: none;

        height: 50px;

    }



    .booking-nav ul>li a {

        padding: 0;

        margin: 0 auto;

    } */







}