@media only screen and (max-width: 767px) {

    .pre-item-left p {
        font-size: 13px;
    }
    .hero-content h2 {
        font-size: 32px;
    }
    .hero-content {
        top: 54%;
        left:0;
    }
    .contact-banner img{
        height:150px;
    }
    .hero-banner img {
        height: 300px;
    }
    .section-title h2 {
        font-size: 26px;
       
      }
      .pre-item-left a{
          font-size:10px;
      }
      .about-banner img{
          height:150px;
      }
      .goals-card{
        width: 350px;
        margin: auto;
      }

      .footer-area{
        height: auto;
      }

      .hero-content .title{
        font-size: 30px;
      }

      .hero-content p {
      font-size: 13px;
}
.cata-card{
  margin: auto;
}

.social-icon {
    display: flex;
    margin-top: -22px;
}
.about-info h2 {
  font-size: 32px;
}
.product-infos {
    top: 20%;
}
.product-infos h2{
  font-size: 18px;

}
.product-infornation h4 {
  font-size: 12px;
}

.product-infornation p {
  font-size: 10px;
}
.product-info {
  padding: 20px;
}
.product-info h2{
  font-size: 30px;
}

.product-info{
  width: 98%;
  margin-left: 0;
}
.category{
  
  font-size: 20px;
}
.category span{
  font-size:20px;
}
.table-head {
  display: none;
}

.mobile-label {
  display: block;
  margin-bottom: 5px;
}

.product-row > div {
  margin-bottom: 12px;
  text-align: left !important;
}
.product-banner img{
  height: 150px;
}
.quote-btn{
  margin-top: 10px;
}
}
@media only screen and (max-width: 375px){

  .product-infos {
    top: 24%;
}
}