.logo {
    max-height: 60%;
    float: left;
    width: 180px;
    padding: 18px 16px;
}

.header-info-list {
    float: right;
    padding: 0;
    padding-right: 0px;
    list-style: none;
    font-size: 15px;
    line-height: 80px;
    margin: 0;
    text-transform: capitalize;
    padding-right: 10px;
    display:inline-flex;
}

header a {
    font-weight: 400;
    line-height: 22px;
    font-family: 'Roboto','Trebuchet MS','Lucida Sans Unicode','Lucida Grande','Lucida Sans',Arial,sans-serif;
    text-decoration: none;
    outline: none;
    color: rgb(119,119,119);
    padding-left:10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    cursor: pointer;
    text-decoration: none !important;
}

    header a:hover {
        color: #f76013;
    }


@media (max-width:585px)
{
    .header-info-list{
        padding: 0;
    }
}