/* `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;
    }

    .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;
    }

    .rating-label {
        margin-bottom: 4px;
        font-size: 17px;
        margin-top: 8px;
    }

    .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: 32.5px;
    }
    .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;
    }
    .product-title {
        font-size: 23.5px;
    }
    .hero-section-text h1.mob-fs-33.omega-headline {
        font-size: 29.5px;
    }
    .product-review-omega h2.product-title {
        font-size: 27px !important;
    }
    .grade-text {
        font-size: 14px;
    }
}