@media screen and (max-width: 768px) {
    .product-form .form form .btn {
        margin-top: 200px;
    }
    .policy {
        width:100%;
    }
}
@media screen and (max-width: 992px) {
    .recombinant-con-left .quote-go {
        width: 84px;
        height: 84px;
        text-align: center;
        line-height: 84px;
    }
}

@media screen and (max-width: 768px) {
    .recombinant-con-left p.title-des{
        display: none;
    }
    .logo {
      display: none;
    }
    .logo-phone {
      display: block;
    }
    .main-nav, .header-search {
      display: none;
    }
    .site-header {
      height: 45px;
    }
    .btns-phone {
      display: flex;
    }
    .btns-phone div {
      width: 24px;
      height: 24px;
      border: 1px solid #172A88;
      border-radius: 50%;
    }
    .btns-phone .search-btn-phone {
      margin-right: 10px;
      background: url('../img/sear-phone.svg') no-repeat center center;
    }
    .btns-phone .nav-btn-phone {
      background: url('../img/nav-phone.svg') no-repeat center center;
    }    
}

@media (max-width: 768.5px) {
  /**********Home page start**********/
  h1.hero-title {
    font-size: 18px;
  }
  section#section-hero p.hero-description {
    display: none;
  }
  .hero-actions {
    flex-direction: row;
    gap: 20px;
  }
  .hero-actions a#quote01.btn.btn-primary {
    width: 110px;
    height: 32px;
    font-size: 14px;
  }
  .hero-actions a#quote01.btn {
    padding: 0;
  }
  .hero-arrow-link {
    width: 32px;
    height: 32px;
  }
  .hero-arrow-link .arrow-icon {
    width: 20px;
    height: 20px;
  }
  #index-product-section .product-item {
    flex-direction: column;
  }
  #index-product-section .product-item:nth-child(2n-1) .product-item-img {
    margin-right: 0;
  }
  #index-product-section .product-item-img {
    width: 100%;
    order: 1;
    margin: 0 auto;
  }
  #index-product-section .product-item-link {
    width: 95%;
    order: 2;
    margin-top: 30px;
  }  
  #section-hero.hero-section {
    padding: 0;
  }
  #section-hero .hero-container {
    height: 100px;
  }  
  /**********Home page end**********/
      
  /**********Service start**********/
  .organoid-Immune-table table tbody td:first-child {
    word-break: break-word;
  }
  /**********Service end**********/  
}

@media (max-width: 576px) {
/**********Home page start**********/
#section-hero.hero-section {
  padding:60px 0;
  margin-top: -35px;
}
h1.hero-title {
  font-size: 18px;
  top: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
}
#section-hero  .hero-container .hero-content {
  max-width: 40%;
  left: 15px;
  top: 0;
  text-align: left;
}
.hero-image {
  width: 100%;
  height: 100%;
  background: url('../../images/banner1-mobile.png') no-repeat;
  background-position: center;
  background-size: cover;
}
#section-hero .hero-container {
    height: 138px;
}
section#index-product-section {
  margin-top: 0;
}
/**********Home page end**********/
/**********Home page end**********/

/**********Contact us page start**********/
.product-form .form form {
  flex-direction: column;
}
.product-form .form form span.col2 {
  width: 100%;
}
.product-form .form form .btn {
  margin-top: 0px;
  display: inline-block;
}
.product-form .form form div#contact-email-code-lable {
  display: none;
}
input#MainContent_Button1 {
    margin-top: 200px;
}
/**********Contact us page end**********/
}

@media (max-width: 385px) {
/**********Lists page start**********/
.product-lists-t-wrap li{
  width:345px;
  background-size: 100% 100%;
}
/**********Lists page end**********/

/**********Category page start**********/
ul.product-feature-t-wrap-list > li.product-feature-t-wrap-item{
  height: 100%;
}
/**********Category page end**********/
/**********Services page start**********/
section.service-list div.container div.service-list-wrap {
  display: flex;
  flex-direction: column;
}
section.service-list div.container div.service-list-wrap .service-list-img {
  order:1;
}
section.service-list div.container div.service-list-wrap .service-list-content {
  order: 2;
  margin-top: 15px;
}
/**********Services page end**********/
/**********Contact us page start**********/
section.banner-contactus .banner-con-center h1 {
  font-size: 18px;
}
section.banner-contactus div.banner-con-center p.title-des{
  font-size: 16px;
}
section.banner-contactus div.banner-con-center div#quote01{
  width: 110px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
}
section.banner-contactus div.banner-con-center div#quote01 a{
  width: 111px;
  height: 32px;
}
section.banner-contactus div.banner-con-center div#quote02{
  width: 32px;
  height: 32px;
  line-height: 30px;
}
/**********Contact us page end**********/
/**********Product list us page start**********/
section.banner-product-list div.banner-con-left div#quote01{
  width: 160px;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
}
section.banner-product-list div.banner-con-left div#quote01 a{
  width: 111px;
  height: 32px;
}
section.banner-product-list div.banner-con-left div#quote02{
  width: 64px;
  height: 64px;
  line-height: 64px;
}
section.banner-product-list div.banner-con-left div#quote02 img {
  width: 56%;
}
/**********Product list us page end**********/
/**********Category page start**********/
section.related-section ul.list-related-wrap{
  display: block;
}
section.related-section .list-related-wrap li{
  margin-bottom: 30px;
}
section.related-section .list-related-wrap li > p {
  margin-top: 0;
}
/**********Category page end**********/
/**********Single products start**********/
#online .form form {
  flex-direction: column;
}
#online .form form .col2 {
  width: 100%;
}
/**********Single products end**********/
/**********Mobile search bar start**********/
input#mobile-search-bar::placeholder {
  font-size: 14px;
}
/**********Mobile search bar end**********/
  /**********Product detail mobile start**********/
 .product-detail-banner{
  position: relative;
  top: -1.5rem;
 }
  /**********Product detail mobile end**********/
}

@media (max-width: 767.98px) {
  /**********Contact us page start**********/
  .future-list {
    display: none;
  }
  .future-list-phone {
    display: block;
  }
  .banner-con-center h1 {
      font-size: 28px;
  }
  .banner-con-center .title-des {
      font-size: 18px;
  }
  .contact-info-phone, .contact-info-email{
      width:100%;
  }
  .contact-info-email{
      margin-left:0;
  }
  .contact-info-email .info .word{
      font-size:15px;
  }
  .mission-word-phone, .vision-word-phone{
      height:156px;
      padding:15px 35px;
      color:#fff;
      background: url(../../images/mission-wrap-bac-phone.png) no-repeat;
  }
  .vision-word-phone{
      margin-top:20px;
  }
  .mission-word-phone h3, .vision-word-phone h3{
      font-size: 20px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 15px;
  }
  .mission-word-phone p, .vision-word-phone p{
      font-size:14px;
  }
  /**********Contact us page end**********/
  /**********Cta section desktop start**********/
   section.cta-section {
    display: none;
  }
  /**********Cta section desktop end**********/

  /**********Cta section mobile start**********/
  section.cta-section-phone {
    display: block;
    background: linear-gradient(to right, #F4FBFF,#F5F7FF, #D7E1FF);
    padding: 30px 0;
    margin-top: 50px;
  }
  .cta-text-phone {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 20px;
  }
  .cta-headline-phone {
    font-size: 18px;
    font-weight: 700;
    color: #172A88;
    line-height: 23px;
    margin-bottom: 24px;
  }
  /**********Cta section mobile start**********/ 
  /**********Product detail mobile start**********/
  .product-detail-banner {
    height: 185px;
    background: url('../img/product-detail-banner-phone1.jpg') no-repeat center/cover;
  }
  .detail-banner-wrap {
    margin-top: 0;
    width: 375px;
  }
  .tit-tip {
    margin-top: 10px;
  }
  .tit-tip > span {
    width: 6px;
    height: 6px;
    margin-top: 6px;
    margin-right: 5px;
  }
  .tit-tip > p {
    font-size: 11px;
  }
  .detail-banner-wrap h1 {
    width: 300px;
    height: 46px;
    font-size: 12px;
    margin-top: 4px;
  }
  .detail-banner-wrap .quote-wrap {
    position: absolute;
    display: block;
    margin-top: 0;
    right: 24%;
    top: 62px;
  }
  .detail-banner-wrap .quote-wrap .quote a{
    width:100%;
  }
  .detail-banner-wrap .quote-wrap .quote {
    width: 112px;
    height: 28px;
    line-height: 28px;
    font-size: 14px;
  }
  .detail-banner-wrap .quote-go {
    width: 28px;
    height: 28px;
    line-height: 23px;
  }
  .detail-banner-wrap .quote-go img {
    width: 70%;
  }
  .detail-banner-wrap .name-item {
    margin-top: 23px;
  }
  .detail-banner-wrap .name-item a {
    font-size: 11px;
  }
  /**********Product detail mobile end**********/  
}