.info ul li{
 color:#90b61c !important;
}
.portfolio-a .mix-item-m.active-theme button.active, .portfolio-a .mix-item-m.active-theme button:hover {
color:white !important;
 background-color: #90b61c !important ;
 background: #90b61c !important ;
 border-right: 1px solid #90b61c;
}
.portfolio-a .mix-item-m button.active::after{
    background: #90b61c none repeat scroll 0 0 !important;
}
.item-inner img {
    
    padding-top: 15px;
}
div.tooltip{
  font-size: 20px;
}
.tooltip{
  position:absolute;
  z-index:1020;
  display:block;
  visibility:visible;
  
  font-size:11px;
  opacity:0;
  filter:alpha(opacity=0)
}
.tooltip.bottom {
  top:10%;
  left:50%;
  margin-top:-100px;
 
  
}

.portfolio-a img:hover{
  cursor: pointer;
  border-radius: 30px;
  color: black;
  transition: 0.3s;
  transform: scale(1.2);
  box-shadow: 20px 50px 100px rgba(0, 0, 0, 0.5);
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {

    .portfolio-a .portfolio-items .pf-item,
       .portfolio-a .portfolio-items.col-3 .pf-item {
      width: 80%;
    }
  
    .portfolio-a .pf-item .info a {
      margin-bottom: 5px;
      ;
    }
}
 /* Portfolio */
 .portfolio-a .mix-item-m {
    border: medium none;
    margin-bottom: 20px;
  }

  .portfolio-details .conetnt {
    padding-right: 15px;
  }

  .portfolio-a .portfolio-items .pf-item,
  .portfolio-a .portfolio-items.col-3 .pf-item {
    width: 100%;
  }

  .portfolio-a .mix-item-m.active-theme button {
    margin: 5px;
    float: none;
  }

  .portfolio-a .mix-item-m button.active::after {
    display: none;
  }

  .portfolio-a.default-padding {
    padding-bottom: 35px;
  }

  .portfolio-a .mix-item-m.active-theme button:last-child {
    margin-bottom: 0;
  }

  .portfolio-a .mix-item-m button {
    border: 1px solid #e7e7e7;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 3px 15px;
  }

  .portfolio-a .mix-item-m.active-theme button:last-child {
    border: 1px solid #e7e7e7;
  }

 

  .portfolio-a .mix-item-m.item-space {
    margin-bottom: 20px;
  }

  .portfolio-a.related-projects .prelated-project-items .pf-item .info {
    margin-top: 0;
  }

  .portfolio-details .info {
    padding-left: 15px;
    margin-top: 50px;
  }

  .portfolio-details .conetnt {
    overflow: hidden;
  }

  .portfolio-details .bottom-info .tags, .portfolio-details .bottom-info .share {
    float: left;
    width: 100%;
  }

  .portfolio-details .bottom-info .share {
    margin-top: 20px;
    text-align: left;
  }
   /* Portfolio */
   .portfolio-a .portfolio-items .pf-item {
    width: 50%;
  }

  .portfolio-details .conetnt {
    margin-bottom: 80px;
    overflow: hidden;
    padding-right: 15px;
  }
  /* Portfolio */
  .portfolio-a .mix-item-m {
    border: medium none;
  }

  .portfolio-a .portfolio-items .pf-item,
     .portfolio-a .portfolio-items.col-3 .pf-item {
    width: 80%;
  }

  .portfolio-a .mix-item-m.active-theme button {
    float: none;
    margin: 5px;
  }

  .portfolio-a .mix-item-m button.active::after {
    display: none;
  }

  .portfolio-a .mix-item-m.active-theme button:last-child {
    margin-bottom: 0;
  }

  .portfolio-a .mix-item-m button {
    border: 1px solid #e7e7e7;
    margin-bottom: 15px;
    margin-right: 5px;
    padding: 3px 15px;
  }

  .portfolio-a .mix-item-m.active-theme button:last-child {
    border: 1px solid #e7e7e7;
  }

  .pf-item{
    position: absolute!important;
    left: 12%!important;
    top:0%!important;
  }
  .pf-item{
    animation-duration: 0.5s; /* don't forget to set a duration! */
}