/*=============================
=            Skills            =
=============================*/

.skills h2 {
	margin: 0 0 30px 0;
}

.left-img {
	position: absolute;
  right: 51%;
  height: 150%;
  width: auto;
  top: 0;
}

.left-img2 {
  background: url('../img/aboutme2.jpg') center -91px;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
}

@media (max-width: 992px) {
  .left-img  {
   display: none;
  }

}

.skill {
	text-align: left;
}
.skill .bar {
    height: 25px;
    width: 0;
}
.skill .bar {
	background-color: #f45dba;
}
.skill .skillbar {
    height: 25px;
    background: #dfdfdf;
    margin: 0 0 10px 0;
}

.skill .skilltitle {
    color: #fff;
    top: 9px;
    left: 15px;
    position: absolute;
}

.skill h4 {
    margin-bottom: 5px;
}

.percent {
    float: right;
    color: white;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 5px;
    font-size: 13px;
}


/*-----  End of Skills  ------*/