@media (min-width: 1200px){
    i{
        font-style: normal;
    }
    b.edit{
        float: right;
        margin-right: 1px;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
        line-height: 50px;
        color: #556450;
    }
    /*.personal{
        display: none;
    }*/
    i.glyphicon-pencil{
        color: #333;
        font-size: 10px;
        padding-right: 5px;
        color: #556450;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    i{
        font-style: normal;
    }
    b.edit{
        float: right;
        margin-right: 1px;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
        line-height: 50px;
        color: #556450;
    }
    /*.personal{
        display: none;
    }*/
    i.glyphicon-pencil{
        color: #333;
        font-size: 10px;
        padding-right: 5px;
        color: #556450;
    }
}
@media (max-width: 991px) and (min-width: 768px){
    i{
        font-style: normal;
    }
    b.edit{
        float: right;
        margin-right: 1px;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
        line-height: 40px;
        color: #556450;
    }
    /*.personal{
        display: none;
    }*/
    i.glyphicon-pencil{
        color: #333;
        font-size: 10px;
        padding-right: 5px;
        color: #556450;
    }
}
@media (max-width: 767px){
    i{
        font-style: normal;
    }
    b.edit{
        float: right;
        margin-right: 1px;
        font-size: 14px;
        font-weight: normal;
        cursor: pointer;
        line-height: 40px;
        color: #556450;
    }
    /*.personal{
        display: none;
    }*/
    i.glyphicon-pencil{
        color: #333;
        font-size: 10px;
        padding-right: 5px;
        color: #556450;
    }
}