body.widget-snippet  .project-management {
    max-width: 800px;
    margin: 50px auto;
}
body.widget-snippet  .project-management .img-top {
padding: 30px;
}
.widget-snippet .project-management {
  padding-right: 60px;
}
.widget-snippet  .project-management .img-top {
  margin-bottom: 15px;
  display: block;
}
.widget-snippet  .project-management .img-top img {
    width: 100%;
    height: auto;
}
.widget-snippet .project-management .list ul{
margin: 0;
margin-bottom: 12px;
padding: 0;
list-style-type: none;
}
.widget-snippet .project-management .list ul li  {
position: relative;
margin: 0;
padding: 0 15px 9px 20px;
list-style-type: none;
color:#000000;
    font-size: 17px;
    text-align: left;
    line-height: 25px;
  max-width: 49%;
  width: 100%;
  display: inline-block;
}
.widget-snippet .project-management .list ul li::before {
    content: "\f105";
    position: absolute;
    left: 0;
    top: 0px;
    width: 13px;
    height: 10px;
    font: normal normal normal 30px/1 FontAwesome;
    font-size: 30px;
    color: #000000;
    font-size: 23px;
}
.widget-snippet .project-management h4 {
    font-size: 24px;
    color:  #000000;
    padding: 0 0 9px 0;
margin-top: 10px;
margin-bottom: 10px;
font-weight: normal;
font-family: 'HelveticaNeue';
}
.widget-snippet .project-management .col-md-12 {
}
.widget-snippet .inner-content-box {
  padding-bottom: 20px;
}

@media only screen and (max-width: 1230px) {
   .widget-snippet .project-management {
    padding-left: 15px;
    padding-right: 20px;
} 
}
@media only screen and (max-width: 767px) {
.widget-snippet .project-management {
    padding-right: 15px;
}
    @media only screen and (max-width: 500px) {
.widget-snippet .project-management .list ul li{
    max-width: 100%
}
    }