.top-header {
    background: $greylight;
    font-size: 14px;
    border-bottom: 1px solid $borderColor;
    a {
        color: $textColor;
        text-decoration: none;
        &:hover {
            color: $brandColor;
        }
    }
    .social-profile{
        float:right;   
    }
    .current_page_item a {
        color: $brandColor;
    }
    .top-menu {
        float:left;
        li:after {
            content: '|';
            margin-left: 14px;
            color: #cfd3d7;
        }
        ul li:last-child:after {
            display: none;
        }
        li {
            padding:14px 15px 15px 0;
        }
    }

    .contact-info {
        float:right;
        color: $blackColor;
        b {
            margin-left: 5px;
            color: $greyDark;
            font-weight: 400;
        }
        li{
            margin:0 25px;            
            padding: 14px 0 15px;
        }
        .phone-wrapper{
            margin: 0 0 0 25px;
        }
    }
}
@media (max-width: 1229px){
    .top-header {
        .contact-info {
            float: none;
            clear: both;
            ul li ,.phone-wrapper{ 
                margin: 0 25px 0 0;                
            }
        }
    }
}
@media (max-width: 767px) {
    .top-header {
        text-align:center;
        .top-menu,
        .social-profile{
            float: none;
        }
        .social-profile.type1 a {
            margin: 0 4px 9px;
        }
        .contact-info{
            li {
                float: none;
            }
            ul li ,.phone-wrapper{ 
                margin: 0; 
                padding-top:0;               
            }
        }
        .top-menu{            
            display: table;
            margin: 0 auto;
        }
    }
    .main-header .social-profile {        
        margin:0;
    }
}