.mani_phone {
    float: left; 
}
.mani_phone .phone > a {
    width: 45px;
    height: 46px;
    text-align: center;
    font-size: 20px;
    color: #4b566b;
    position: relative;
    line-height: 52px !important;
    float: left;
    display: inline-block;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
}
.mani_phone .phone > a .lnr {
    font-size: 21px;
    line-height: 35px;
    display: block;
}
.mani_phone .phone > a .bi {
    font-size: 18px;
    line-height: 16px;
    display: block;
    margin-top: 4px;
}
.mani_phone .phone > a .text {
    display: block;
    font-size: 13px;
    text-align: center;
    line-height: normal !important;
    color: rgba(75, 86, 107, 1) !important;
}
.mani_phone .phone > a .navbar-tool-tooltip {
    display: block;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .2s ease-in-out,top .2s ease-in-out;
    padding: .0625rem .375rem;
    border-radius: .1875rem;
    background-color: #2b3445;
    color: #fff;
    font-size: .6875rem;
    white-space: nowrap;
    opacity: 0;
    line-height: normal;
}
.mani_phone .phone > a:hover .navbar-tool-tooltip {
    top: -.6rem;
    opacity: .9;
}
.mani_phone .mobile ,
.mani_phone .desktop {
    float: left;
    margin-right: 10px;
}
.mani_phone .mobile{
    display: none;
}
@media (max-width:780px) { 
    .mani_phone .phone > a {
        font-size: 13px;
        display: block;
        text-align: center;
        line-height: normal !important;
        color: rgba(75, 86, 107, 1) !important; 
        width: 45px; 
    }
    .mani_phone .phone > a .lnr {
        display: block;
        font-size: 17px;
        width: 22px;
        height: 22px;
        text-align: center;
        margin: 1px auto 0;
        line-height: normal;
    }
    .mani_phone .phone .navbar-tool-tooltip {
        display: none;
    }

    .mani_phone .mobile{
        display: block;
    }
    .mani_phone .desktop{
        display: none;
    }	
}