/* `sm` applies to x-small devices (portrait phones, less than 391px) */
@media (max-width: 375px) {


  .hero-section-author-avtar img {
    width: 65px !important;
    height: 65px !important;
  }


  .hero-section-detail-wrap p {
    font-size: 14px !important;
  }

    .bottom-line h4 {
       font-size: 18px;
       margin-top: 20px;
       text-transform: uppercase;
     }
 
     .hero-section-text h1 {
       font-size: 32px;
     }
   
     .hero-section-text p {
       font-size: 16px !important;
       line-height: 20px;
     }
   
     .hero-section-author {
       padding: 15px 0px !important;
     }
   
     .hero-section-author-text p {
       font-size: 8.5px !important;
     }
   
     .blog-section {
       padding: 16px 20px;
       margin-top: 0px;
     }
   
     .blog-section .blog-section-text p {
       font-size: 15px;
     }
   
     .blog-section .blog-section-text h3 {
       font-size: 27px !important;
     }
   
     .custom-font-1 {
       font-size: 25px;
       font-weight: 700;
       margin-top: 30px;
       margin-bottom: 20px;
     }
   
     .custom-font-2 {
       font-size: 26px;
       font-weight: 800;
       margin-top: 30px;
       margin-bottom: 20px;
     }
   
     .custom-font-3 {
       font-size: 28px;
       font-weight: 700;
     }
   
     .custom-font-4 {
       font-size: 26px;
       font-weight: 800;
       margin-top: 30px;
     }
   
     .custom-font-5 {
       font-size: 27px;
       font-weight: 700;
       text-align: center;
     }
   
     .blog-section .blog-section-text ul li i {
       margin-right: 6px;
     }
   
     .blog-color-box {
       padding: 24px 20px;
     }
   
     .blog-section .blog-color-box p {
       font-size: 15px !important;
     }
   
     .blog-color-box h4 {
        font-size: 22.5px;
        line-height: 1.15;
    }
   
     .product-details {
       padding-left: 0px;
       padding-right: 0px;
     }
   
     .rating-label {
       margin-bottom: 10px;
       font-size: 17px;
       margin-top: 12px;
     }
   
     .progress-bar {
       height: 16px;
     }
   
     .rating-score {
       font-size: 13px;
     }
   
     .product-highlights ul li {
       font-size: 16px;
       line-height: 25px;
     }
   
     .raising-detail > div p {
       font-size: 14px;
     }
   
     .raising-section .raising-image-wrap div h2 {
       font-size: 23px;
       margin-bottom: 30px;
     }
   
     .product-title {
       font-size: 32px;
     }
   
     .blog-section .blog-section-text .blog-strong-font {
       font-size: 17.5px !important;
     }
     .home-main-title {
          font-size: 29px;
    }
    .raising-detail {
        padding: 24px 20px;
    }
    .raising-prop h2 {
        font-size: 16px;
        line-height: 24px;
        max-width: 235px;
    }
    .container {
        padding: 0 20px;
    }
    .ingredient-column li {
      font-size: 12.75px;
    }
      

   }