@media (max-width: 1280px) {
    .lab_video_text_overlay {
      margin-top: 90px;
    }
    .breadcrumb {
      padding-top: 66px;
    }
    .videoImg img {

      top: 50%;  /* position the top  edge of the element at the middle of the parent */
      left: 50%; /* position the left edge of the element at the middle of the parent */
  
      transform: translate(-50%, -50%);
  
  }
  .videoImg:hover img {

    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
  }
  
  @media (max-width: 1001px) {
    .step .hCardBody {

      width: 70%;
  }
    .navMenuDrop .dropdown-menu{
      position: relative;
      width: 100%;
    }
    .step {
      height: auto; 
  
  }
  .sticky-up {
    top: 0px !important;

  }
    .sidebar-item {
      position: relative;
    margin-bottom: 20px;
  }
    
  .sticky {

    position: relative;

}

  
      .aboutImg img{
width: 100%;
      }
    .breadcrumb {
      padding-top:100px;
    }
    .swiper-slide {
      height: 650px;
    }

    .lab_video_text_overlay {
      margin-top: 140px;
    }
    .silderDetail {
      line-height: 24px;
      font-size: 1rem;
    }
    .mainDesItem {
      padding: 0px 15px;
    }
    .mobileBorderTop {
      padding-top: 20px;
      border-top: 1px solid #cdcdcd;
    }
  }

  @media (max-width: 991px) {

    .filter {
        flex-direction: column;
    }


    .apcat {
      width: 49%;
    }
    .leftmenuDetail li {

      display: inline-block;
  
    }
  }

  @media (max-width: 768px) {
    .step .hCardImg i {
      font-size: 3rem;
  }

    .noteItem {
     height: auto; 

  }
.productItem:nth-child(2) {
  -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important;

}

    
    .spWrapper {
      padding: 80px 0px 80px 0px;
  }
    .videoWrap {

      padding-top: 60px;
  }
    .videoDetailFirst, .videoItemFirst {
     margin-top: 0px;
     margin-bottom: 0px;
  }
   .nav.display {
      
        height: 100%;
        overflow-y:scroll ;
      
    }
    .subWrapper {
      margin: 0px 10%;
    }
    .video{

      width: 100%;
  }
      
  .ci {
   
  flex-wrap: wrap;
    
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  }
  
    .aboutImg {
      margin-top: 20px;
    }
    .silderDetail {
      font-size: 0.9rem;
    }
    .breadcrumbWrapper {
      margin: 20px 0px;
    }
    .silderTitle {
      font-size: 2rem;
   
  }

  }
  
  @media (max-width: 500px) {
    .lab_video_text_overlay {
      margin-top: 100px;
    }
    .aboutDes {
      width: 100%;
    }
  
    .mobileLeft {
      margin-left: 0px !important;
    }
  
    .mainWrapper {
      padding: 20px;
    }
    .flexSmColumn {
      -ms-flex-direction: column !important;
      flex-direction: column !important;
    }
  }