.employee-profile {
    padding: 24px 0 0;
}

    .employee-profile .block-holder {
        overflow: hidden;
        margin: 0 0 8px;
    }

        .employee-profile .block-holder ul {
            list-style: disc;
            margin: 0 0 25px;
            padding: 0 0 0 25px;
            overflow: hidden;
        }

@media only screen and (max-width: 767px) {
    .employee-profile .block-holder ul {
        margin: 0 0 10px;
    }
}

.employee-profile .block-holder ul li {
    margin: 0 0 7px;
}

.employee-profile .block-holder p {
    margin: 0 0 7px;
}

.employee-profile .block-holder h2 {
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    margin: 0 0 7px;
}

.employee-profile .block {
    background: #e7edf1;
    float: left;
    width: 32.527%;
    padding: 26px 26px 0;
    font-size: 14px;
    line-height: 30px;
}

@media only screen and (max-width: 767px) {
    .employee-profile .block {
        float: none;
        width: auto;
        padding: 15px 10px;
    }
}

.employee-profile .experience {
    float: right;
    width: 65.941%;
    background: #b0c4cf;
    padding: 26px 35px;
}

@media only screen and (max-width: 767px) {
    .employee-profile .experience {
        float: none;
        width: auto;
        padding: 15px 10px;
    }
}

.employee-profile .experience .skills {
    overflow: hidden;
    margin: 0 0 0 -4px;
}

@media only screen and (max-width: 767px) {
    .employee-profile .experience .skills {
        margin: 0;
    }
}

.employee-profile .experience .skills ul {
    list-style: none;
    margin: 0 0 25px;
    padding: 0;
}

.employee-profile .experience .skills li {
    float: left;
    margin: 0 12px 10px 0;
}

.employee-profile .experience .skills a {
    background: #fff;
    color: #213444;
    font-size: 14px;
    line-height: 20px;
    display: block;
    padding: 0 10px 1px;
    font-style: italic;
}

    .employee-profile .experience .skills a:hover {
        background: #0077bf;
        color: #fff;
    }

.employee-profile .heading {
    overflow: hidden;
}

@media only screen and (max-width: 767px) {
    .employee-profile .heading {
        margin: 0 0 15px;
    }
}

.employee-profile h1 {
    float: left;
    width: 85%;    
    margin: 0 0 26px;
}



.employee-profile .heading span:before {
    content: " - ";
    position: relative;
}

    @media only screen and (max-width: 767px) {
        .employee-profile h1 {
            width: 100%;
            margin-bottom:10px;
        }
        .employee-profile .heading b {
            display:block;
        }
        .employee-profile .heading span {
            font-size:20px;
        }
        .employee-profile .heading span:before {
            display: none;
        }

    }

.employee-profile .back {
    float: right;    
    position: relative;
    line-height: 37px;
    margin-bottom:15px;
}


@media only screen and (max-width: 767px) {
    .employee-profile .back {
        float: left;
        clear: both;
        line-height: 20px;
    }

}

.employee-profile p {
    margin: 0 0 30px;
}

@media only screen and (max-width: 767px) {
    .employee-profile p {
        margin: 0 0 10px;
    }
}

.employee-profile i {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 4px;
}

.EmployeePage .color-box {
    padding-top:20px;
}