.about {
    background-image: url(../img/bg1.png);
     padding: 60px 0 60px 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position-y: bottom;
   background-attachment: fixed;
   }
   .about .title{
       color: #ffffff;
    
   }
   .product-wrap{
    display: block;
    content: "";
    position: absolute;

    border-top: 3px solid #bdc6ca;
    border-left: 3px solid #bdc6ca;
    z-index: 9994;
   }
   .about .container .row .col-lg-6 img,
   .about .container .row .col-lg-4 img{
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
   }
   .about .container .row .col-lg-6 .thumb:hover .img-fluid,
   .about .container .row .col-lg-4 .thumb:hover .img-fluid{
       opacity: 1;
   }
   .middle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.55);
    opacity: 0.5;
    overflow: hidden;
    width: 0;
    height: 100%;
    transition: .5s ease;
  }
 
  .about .container .row .col-lg-6 .thumb:hover .middle,
  .about .container .row .col-lg-4 .thumb:hover .middle {
    width: 100%;
    opacity: 1;
  }

  .text {
    color: #ffffff;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .about .container .row {
    padding-top: 60px;
  }

  /* media */
  @media (max-width: 768px) {
      .about .container .row .col-md-12{
          margin-top: 40px;
      }
      .about .container .row{
          padding-top: 0;
      }
}