.lob-vision-reality .lobvr-items {
  max-width: 1260px;
  margin: auto;
  padding: 16px;
}

.lob-vision-reality .lobvr-item {
  position: relative;
  padding: 20px 0px;
  transition: 0.4s;
  cursor: default;
}

.lob-vision-reality .lobvr-item:hover .lobvr-item-icon .hover {
  opacity: 1;
}

.lob-vision-reality .lobvr-item:hover .lobvr-item-icon .default {
  opacity: 0;
}

.lob-vision-reality .lobvr-item-icon {
  position: relative
}

.lob-vision-reality .lobvr-item-icon .default {
  margin: auto;
  opacity: 1;
  transition: 0.4s;
}

.lob-vision-reality .lobvr-item-icon .hover {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: 0.4s;

}
.lob-vision-reality .project-btn a.btn-primary {
  transition: all ease-in-out 0.4s;
}
.lob-vision-reality .project-btn a.btn-primary:hover {
  border-color: #47A23F;transition: all ease-in-out 0.4s;
}

@media (min-width:768px) {
  .lob-vision-reality .lobvr-item.border:before {
    content: "";
    position: absolute;
    top: 0;
    width: 17px;
    right: -32px;
    height: 262px;
    background: url('../images/line.svg') no-repeat center center;
    background-size: contain;
  }

  .lob-vision-reality .lobvr-items .lobvr-item {
    margin-bottom: 32px;
  }

}

@media (min-width:992px) {

  .lob-vision-reality .lobvr-items .lobvr-item {
    margin-bottom: 60px;
  }

}

@media (min-width:1200px) {
  .lob-vision-reality .lobvr-items .col-lg-2 {
    width: 20%;
    float: left;
  }

  .lob-vision-reality .lobvr-item.md-border:before {
    content: "";
    position: absolute;
    top: 0;
    margin-left: 16px;
    width: 100%;
    height: 100%;
    background: url('../images/line.svg') no-repeat center center;
    background-size: contain;
  }

  .lob-vision-reality .lobvr-items .lobvr-item {
    margin-bottom: 0px;
  }

}