/* desktop devices  */
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
    /* ============================================================================
                                Extra Part Start
  ============================================================================ */
    /* ============================================================================
                                Extra Part End
  ============================================================================ */
}

/* desktop devices  */
@media only screen and (min-width: 1366px) and (max-width: 1599px) {
    /* ============================================================================
                                Extra Part Start
  ============================================================================ */
    /* ============================================================================
                                Extra Part End
  ============================================================================ */
    #signup {
        flex-direction: column;
    }
}

/* laptop devices   */
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
    /* ============================================================================
                                Extra Part Start
  ============================================================================ */

    .kit-container {
        display: flex;
        gap: 40px;
        padding: 80px 0;
        align-items: center;
        flex-wrap: nowrap;
    }

    .kit-image-wrapper {
        width: 50%;
        height: auto;
        overflow: hidden;
        border-radius: 8px;
        flex-shrink: 0;
    }

    /* =====================================================
    =================Product details======================================================
    ====================================================================================== */
    .product-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-bottom: 40px;
    }

    .product-image img {
        width: 100%;
        height: auto;
    }

    .product-title {
        font-size: 30px;
        font-weight: 600;
    }

    .product-price {
        font-size: 24px;
        margin-top: 14px;
    }

    .product-description {
        color: #9d9d9d;
        font-weight: 300;
        padding: 14px 0;
        font-size: 16px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 10px;
        width: 150px;
    }

    .product-qty-btn {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        font-size: 16px;
    }

    .product-add-btn {
        font-size: 16px;
        padding: 14px;
    }

    /* ============================================================================
                                Extra Part End
  ============================================================================ */
    #signup {
        flex-direction: column;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* ============================================================================
                                Extra Part Start
  ============================================================================ */
    p,
    span {
        line-height: 26px;
    }

    .sup-title,
    .doc-title,
    .news-title {
        font-size: 2.25rem;
    }

    .shop-description,
    .sup-subtitle,
    .doc-subtext,
    .news-description {
        font-size: 1.15rem;
        line-height: 1.4;
        padding: 8px 0px;
    }

    .kit-container {
        display: flex;
        gap: 40px;
        padding: 80px 0;
        align-items: center;
        flex-wrap: nowrap;
    }

    .kit-image-wrapper {
        width: 50%;
        height: auto;
        overflow: hidden;
        border-radius: 8px;
        flex-shrink: 0;
    }

    .kit-title {
        font-size: 2.1rem;
    }

    .kit-description {
        font-size: 1.16rem;
        padding-top: 1rem;
    }

    .kit-price {
        font-size: 2.25rem;
        padding: 22px 0;
    }

    .kit-features {
        gap: 12px;
    }

    .kit-feature-text {
        font-size: 1.14rem;
    }

    .kit-quantity-box {
        padding: 14px;
    }

    .kit-add-to-cart {
        padding: 14px 24px;
    }

    /* ================ product detais ==================================
    =============================================================== */

    .product-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-bottom: 40px;
    }

    .product-image img {
        width: 100%;
        height: auto;
    }

    .product-title {
        font-size: 30px;
        font-weight: 600;
    }

    .product-price {
        font-size: 24px;
        margin-top: 10px;
    }

    .product-description {
        color: #9d9d9d;
        font-weight: 300;
        padding: 12px 0;
        font-size: 16px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 8px;
        width: 140px;
    }

    .product-qty-btn {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-size: 14px;
    }

    .product-add-btn {
        font-size: 14px;
        padding: 12px;
    }

    #signup {
        flex-direction: column;
    }

    /* ============================================================================
                                Extra Part End
  ============================================================================ */
}

/* Tab devices   */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    p,
    span {
        line-height: 24px;
    }

    .sup-title,
    .doc-title,
    .news-title {
        font-size: 2.1rem;
    }

    .shop-description,
    .sup-subtitle,
    .doc-subtext,
    .news-description {
        font-size: 1.1rem;
        line-height: 1.4;
        padding: 8px 0px;
    }

    .shop-section {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .shop-container {
        padding: 0 2rem;
    }

    .shop-heading {
        font-size: 2.3rem;
        line-height: 1.2;
    }

    .shop-description {
        font-size: 1.2rem;
    }

    .kit-container {
        padding: 60px 0;
    }

    .kit-image-wrapper {
        width: 400px;
        height: auto;
        overflow: hidden;
    }

    .kit-container {
        display: flex;
        flex-direction: row;
        gap: 24px;
        padding: 60px 0;
        align-items: start;
        flex-wrap: nowrap;
    }

    .kit-title,
    .kit-price {
        font-size: 1.6rem;
    }

    .kit-description {
        font-size: 1.01rem;
        color: #6c6c6c;
        padding-top: 0.6rem;
    }

    .kit-features {
        gap: 8px;
        padding-bottom: 16px;
    }

    .kit-feature-text {
        font-size: 1rem;
    }

    .kit-quantity-section {
        margin-top: 12px;
    }

    .kit-quantity-box {
        width: 140px;
        padding: 12px;
    }

    .kit-add-to-cart {
        font-size: 1rem;
        flex-grow: 0;
    }

    .sup-page-bg {
        padding: 60px 0;
    }

    .sup-product-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .sup-card-img-wrapper {
        height: 100%;
    }

    .sup-card-title,
    .doc-card-name {
        font-size: 1.3rem;
    }

    .sup-card-desc,
    .doc-card-role {
        font-size: 1.04rem;
    }

    .sup-card-btn {
        font-size: 1rem;
    }

    .doc-header {
        gap: 8px;
    }

    .doc-card-img-wrapper {
        height: 280px;
    }

    .doc-card-role {
        padding: 8px 0 20px;
    }

    .news-section {
        padding: 64px 0;
    }

    .news-form {
        height: 48px;
        margin-top: 32px;
    }

    .news-title {
        padding-bottom: 0px;
    }

    /* ===========================================================================================
    =========== Product details pag ============================================================
    ============================================================================== */

    .product-content {
        grid-template-columns: repeat(2, 1fr);
        gap: 32px;
        margin-bottom: 40px;
    }

    .product-image img {
        width: 100%;
        height: auto;
    }

    .product-title {
        font-size: 28px;
        font-weight: 600;
    }

    .product-price {
        font-size: 22px;
        margin-top: 10px;
    }

    .product-description {
        color: #9d9d9d;
        font-weight: 300;
        padding: 12px 0;
        font-size: 14px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 8px;
        width: 140px;
    }

    .product-qty-btn {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-size: 14px;
    }

    .product-add-btn {
        font-size: 14px;
        padding: 12px;
    }

    .product-details {
        margin-top: 30px;
    }

    .product-details-title {
        font-size: 24px;
        margin-bottom: 6px;
    }

    .product-details-text {
        font-size: 16px;
        padding: 8px 0;
    }

    /* =====================================================================================================================
   ======================Checkout Page =================================================================================
   ========================================================================================================= */
    .checkout-form-section {
        padding: 0px 0;
    }

    .checkout-form-section {
        & .checkout-form

{
    .checkout-form-title

{
    font-size: 30px;
    margin-bottom: 24px;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-inner

{
    gap: 24px;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .checkout-form-box

{
    padding: 16px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .form-section-title

{
    font-size: 20px;
    margin-bottom: 28px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-label

{
    font-size: 16px;
    line-height: 8px;
}

}
}
}
}
}

.checkout-form-section .h3,
.checkout-form-section h3 {
    font-size: calc(1.1rem + 0.6vw);
}


.blog_title_wrapper {
    max-width: 100% !important;
}

#signup {
    flex-direction: column;
}

/* ============================================================================
                                Extra Part Start
  ============================================================================ */
/* ============================================================================
                                Extra Part End
  ============================================================================ */
}

/* Tab lower only  */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    /* common */

    p,
    span {
        font-size: 16px;
        line-height: 24px;
    }

    .kit-title {
        font-size: 1.7rem;
    }

    .sup-title,
    .doc-title,
    .news-title {
        font-size: 2rem;
    }

    .kit-description {
        font-size: 1.12rem;
        color: #6c6c6c;
        padding-top: 0.8rem;
    }

    /* extra */
    .shop-section {
        background-color: #f0fafb;
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .shop-container {
        padding: 0 1.3rem;
    }

    .shop-heading {
        font-size: 38px;
        line-height: 1.3;
    }

    .shop-description,
    .sup-subtitle,
    .doc-subtext,
    .news-description {
        font-size: 1.08rem;
        line-height: 1.4;
        padding: 8px 0px;
    }

    .kit-container {
        gap: 28px;
        padding: 56px 0;
    }

    .kit-image-wrapper {
        width: 100%;
        height: 380px;
    }

    .kit-price {
        font-size: 1.5rem;
        padding: 20px 0;
    }

    .kit-features {
        gap: 8px;
        padding-bottom: 24px;
    }

    .kit-feature-text {
        font-size: 1.06rem;
    }

    .kit-quantity-section {
        margin-top: 16px;
    }

    .kit-quantity-box {
        width: 160px;
        padding: 12px 16px;
    }

    .kit-add-to-cart {
        font-size: 1.1rem;
        padding: 14px 24px;
    }

    .sup-page-bg {
        padding: 64px 0;
    }

    .sup-header {
        margin-bottom: 32px;
    }

    .sup-product-grid,
    .doc-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .sup-card-img-wrapper {
        height: 100%;
    }

    .sup-card-body {
        padding: 12px;
        flex-grow: 1;
        display: flex;
        gap: 8px;
        flex-direction: column;
        justify-content: space-between;
    }

    .sup-card-title,
    .doc-card-name {
        font-size: 1.3rem;
    }

    .sup-card-desc,
    .doc-card-role {
        font-size: 0.9rem;
        padding: 4px;
    }

    .sup-card-price {
        font-size: 1.1rem;
    }

    .sup-card-btn {
        font-size: 0.9rem;
        padding: 8px 10px;
    }

    .sup-pagination {
        margin-top: 60px;
    }

    .doc-section {
        padding: 56px 0;
    }

    .doc-header {
        gap: 4px;
    }

    .doc-view-btn {
        font-size: 1rem;
    }

    .doc-card-img-wrapper {
        height: auto;
        overflow: hidden;
    }

    .doc-card-body {
        padding: 12px;
    }

    .doc-book-btn {
        padding: 8px;
        font-size: 0.9rem;
    }

    .news-section {
        padding: 56px 0;
    }

    .news-form {
        gap: 16px;
        height: 48px;
        margin-top: 24px;
        width: 100%;
    }

    .news-title {
        padding-bottom: 0px;
    }

    /* ============================================================================
                                Extra Part Start
  ============================================================================ */
    /* ============================================================================
     
    /* =================================================================================================
     product details page
     =================================================================================================== */

    .product-title {
        font-size: 26px;
    }

    .product-price {
        font-size: 22px;
        margin-top: 10px;
    }

    .product-wrapper {
        margin: 50px auto;
    }

    .product-content {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 0px;
    }

    .product-image img {
        width: 100%;
        height: 300px;
    }

    .product-description {
        font-weight: 300;
        padding: 12px 0;
        font-size: 16px;
        line-height: 23px;
    }

    .product-quantity-group {
        gap: 20px;
        margin-top: 16px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 12px;
        width: 150px;
    }

    .product-qty-btn {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        font-size: 16px;
    }

    .product-add-btn {
        font-size: 16px;
        padding: 14px;
    }

    .product-details {
        margin-top: 30px;
    }

    .product-details-title {
        font-size: 24px;
        margin-bottom: 8px;
    }

    .product-details-text {
        font-size: 16px;
        padding: 8px 0;
    }

    /* ==================================================================================================
    ==========================Checkout Page =================================================================
    ============================================================================================ */
    .checkout-form-section .h3,
    .checkout-form-section h3 {
        font-size: calc(1.2rem + 0.6vw);
    }

    .checkout-form-section {
        padding: 24px 0;
    }

    .checkout-form-section {
        .checkout-form

{
    padding: 12px;
}

}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-title

{
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 28px;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-inner

{
    flex-direction: column;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .checkout-form-box

{
    width: 100%;
    padding: 24px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .form-section-title

{
    font-size: 20px;
    margin-bottom: 32px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-label

{
    font-size: 18px;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-input

{
    padding: 12px 16px;
    font-size: 16px;
    line-height: 24px;
}

}
}
}
}
}


#featured_blog {
    padding: 60px 0 !important;
}

.featured_blog_content {
    gap: 20px !important;
    flex-direction: column !important;
}

.featured_blog_title {
    font-size: 22px !important;
    line-height: 140% !important;
}

.featured_blog_description {
    font-size: 14px !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}

.read_article_btn {
    font-size: 14px !important;
}

.latest_blog_heading {
    font-size: 20px !important;
    line-height: 150% !important;
}

.latest_blog_description {
    font-size: 14px !important;
    line-height: 150% !important;
    max-width: 90% !important;
}

.latest_blog_content {
    grid-template-columns: repeat(1, 1fr) !important;
    margin-bottom: 0px !important;
}


.blog_title_wrapper {
    max-width: 100% !important;
}

.blog_title {
    font-size: 20px !important;
    margin-bottom: 20px;
}

#blog_details_heading::after {
    height: 20% !important;
}


#signup {
    flex-direction: column;
}

/* =======================Extra Part End============================================================================*/
}

/* Mobile devices   */
@media only screen and (min-width: 375px) and (max-width: 575px) {
    /* ============================================================================
                                Extra Part Start
  ============================================================================ */

    /* common styles */
    p,
    span {
        font-size: 16px;
        line-height: 21px;
    }

    .shop-section,
    .doc-section,
    .news-section {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .sup-card-body,
    .doc-card-body {
        padding: 16px;
    }

    .sup-title,
    .doc-title,
    .news-title {
        font-size: 28px;
    }

    .kit-description,
    .sup-subtitle,
    .doc-subtext,
    .news-description {
        font-size: 1.1rem;
        padding-top: 0.5rem;
    }

    /* extra styles */

    .shop-heading {
        font-size: 32px;
    }

    .shop-description {
        font-size: 1.123rem;
        line-height: 1.4;
        padding: 0px 32px;
    }

    .kit-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 56px 0;
        align-items: center;
        flex-wrap: wrap;
    }

    .kit-image-wrapper {
        width: 100%;
        height: 360px;
    }

    .kit-title {
        font-size: 1.5rem;
    }

    .kit-price {
        font-size: 1.5rem;
        padding: 16px 0;
    }

    .kit-features {
        gap: 8px;
        padding-bottom: 16px;
    }

    .kit-feature-text,
    #kit-quantity-value {
        font-size: 1rem;
    }

    .kit-quantity-controls {
        gap: 10px;
    }

    .kit-quantity-box {
        width: 120px;
        padding: 8px;
    }

    .kit-btn-minus,
    .kit-btn-plus {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }

    .kit-add-to-cart {
        font-size: 1rem;
        padding: 12px;
    }

    .sup-page-bg {
        padding: 60px 0;
    }

    .sup-product-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .sup-card-img-wrapper {
        height: 280px;
    }

    .sup-card-title,
    .doc-card-name {
        font-size: 1.4rem;
    }

    .sup-card-desc,
    .doc-card-role {
        font-size: 1.04rem;
        padding: 12px 0 12px;
    }

    .sup-card-price {
        font-size: 1.3rem;
    }

    .sup-card-btn,
    .doc-book-btn {
        font-size: 0.9rem;
        padding: 10px 16px;
    }

    .sup-pagination {
        margin-top: 40px;
    }

    .sup-page-btn {
        padding: 8px 16px;
        font-size: 1rem;
    }

    .doc-header {
        gap: 4px;
    }

    .doc-view-btn {
        font-size: 0.9rem;
        padding: 8px 16px;
        margin-top: 12px;
        gap: 6px;
    }

    .doc-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 32px;
    }

    .doc-card-img-wrapper {
        height: 240px;
    }

    .news-form {
        flex-direction: row;
        height: auto;
        margin-top: 24px;
        width: 100%;
    }

    .news-input {
        height: 100%;
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .news-button {
        font-size: 0.9rem;
        padding: 8px 28px;
        border-radius: 6px;
        height: 100%;
    }

    /* =================================================================================================
     product details page
     =================================================================================================== */

    .product-title {
        font-size: 24px;
    }

    .product-price {
        font-size: 20px;
        margin-top: 8px;
    }

    .product-wrapper {
        margin: 48px auto;
    }

    .product-content {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 0px;
    }

    .product-image img {
        width: 100%;
        height: 280px;
    }

    .product-description {
        font-weight: 300;
        padding: 12px 0;
        font-size: 15px;
        line-height: 21px;
    }

    .product-quantity-group {
        gap: 16px;
        margin-top: 16px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 8px;
        width: 140px;
    }

    .product-qty-btn {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-size: 14px;
    }

    .product-add-btn {
        font-size: 14px;
        padding: 12px;
    }

    .product-details {
        margin-top: 30px;
    }

    .product-details-title {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .product-details-text {
        font-size: 14px;
        padding: 8px 0;
    }

    /* ==================================================================================================
    ==========================Checkout Page =================================================================
    ============================================================================================ */
    .checkout-form-section .h3,
    .checkout-form-section h3 {
        font-size: calc(1.2rem + 0.6vw);
    }

    .checkout-form-section {
        padding: 16px 0;
    }

    .checkout-form-section {
        .checkout-form

{
    padding: 0;
    border-radius: 16px;
    background: #fbfbfb;
}

}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-title

{
    color: #212b36;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-inner

{
    flex-direction: column;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .checkout-form-box

{
    width: 100%;
    padding: 20px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .form-section-title

{
    font-size: 20px;
    margin-bottom: 32px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-label

{
    font-size: 16px;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-input

{
    padding: 12px 16px;
    font-size: 14px;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section .h3,
.checkout-form-section h3 {
    font-size: calc(1rem + 0.6vw);
}

#featured_blog {
    padding: 60px 0 !important;
}

.featured_blog_content {
    gap: 20px !important;
    flex-direction: column !important;
}

.featured_blog_title {
    font-size: 22px !important;
    line-height: 140% !important;
}

.featured_blog_description {
    font-size: 14px !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}

.read_article_btn {
    font-size: 14px !important;
}

.latest_blog_heading {
    font-size: 20px !important;
    line-height: 150% !important;
}

.latest_blog_description {
    font-size: 14px !important;
    line-height: 150% !important;
    max-width: 90% !important;
}

.latest_blog_content {
    grid-template-columns: repeat(1, 1fr) !important;
    margin-bottom: 0px !important;
}

.blog_title_wrapper {
    max-width: 100% !important;
}

.blog_title {
    font-size: 20px !important;
    margin-bottom: 20px;
}

#blog_details_heading::after {
    height: 20% !important;
}


#signup {
    flex-direction: column;
}

.input-wrapper-row {
    flex-direction: column;
}

.login {
    padding: 50px 0 50px;
}

.signup-form-right {
    display: none;
}

.language_chnage_text {
    display: none !important;
}

}

/* ============================================================================
                                Extra Part End
  ============================================================================ */

/* Extra Small Mobile devices   */
@media only screen and (max-width: 374px) {
    /* common styles */
    p,
    span {
        font-size: 16px;
        line-height: 21px;
    }

    .shop-section,
    .doc-section,
    .news-section {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .sup-card-body,
    .doc-card-body {
        padding: 12px;
    }

    .sup-title,
    .doc-title,
    .news-title {
        font-size: 24px;
    }

    .kit-description,
    .sup-subtitle,
    .doc-subtext,
    .news-description {
        font-size: 1rem;
        padding-top: 0.5rem;
    }

    /* extra styles */

    .shop-heading,
    .microbiota-heading {
        font-size: 18px !important;
        line-height: 150% !important;
    }

    .shop-description {
        font-size: 12px;
        line-height: 1.3;
    }

    .kit-container {
        display: flex;
        flex-direction: column;
        gap: 32px;
        padding: 40px 0;
        align-items: center;
        flex-wrap: wrap;
    }

    .kit-image-wrapper {
        width: 100%;
        height: 100%;
    }

    .kit-title {
        font-size: 1.4rem;
    }

    .kit-price {
        font-size: 1.5rem;
        padding: 16px 0;
    }

    .kit-features {
        gap: 8px;
        padding-bottom: 16px;
    }

    .kit-feature-text,
    #kit-quantity-value {
        font-size: 1rem;
    }

    .kit-quantity-controls {
        gap: 10px;
    }

    .kit-quantity-box {
        width: 120px;
        padding: 8px;
    }

    .kit-btn-minus,
    .kit-btn-plus {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }

    .kit-add-to-cart {
        font-size: 1rem;
        padding: 12px;
    }

    .sup-page-bg {
        padding: 40px 0;
    }

    .sup-product-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .sup-card-img-wrapper {
        height: 100%;
    }

    .sup-card-title,
    .doc-card-name {
        font-size: 1.2rem;
    }

    .sup-card-desc,
    .doc-card-role {
        font-size: 0.9rem;
        padding: 10px 0 10px;
    }

    .sup-card-price {
        font-size: 1.1rem;
    }

    .sup-card-btn,
    .doc-book-btn {
        font-size: 0.9rem;
        padding: 8px 16px;
    }

    .sup-pagination {
        margin-top: 40px;
    }

    .sup-page-btn {
        padding: 6px 12px;
        font-size: 0.8rem;
    }

    .doc-header {
        gap: 4px;
    }

    .doc-view-btn {
        font-size: 0.9rem;
        padding: 8px 16px;
        margin-top: 12px;
        gap: 6px;
    }

    .doc-grid {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-top: 32px;
    }

    .doc-card-img-wrapper {
        height: 240px;
    }

    .news-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 12px;
        height: auto;
        margin-top: 24px;
        width: 100%;
    }

    .news-input {
        height: 100%;
        padding: 10px 20px;
        font-size: 0.9rem;
    }

    .news-button {
        font-size: 0.9rem;
        padding: 8px 28px;
        border-radius: 6px;
        height: 100%;
    }

    /* =================================================================================================
     product details page
     =================================================================================================== */

    .product-title {
        font-size: 24px;
    }

    .product-price {
        font-size: 20px;
        margin-top: 8px;
    }

    .product-wrapper {
        margin: 48px auto;
    }

    .product-content {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-bottom: 0px;
    }

    .product-image img {
        width: 100%;
        height: auto;
    }

    .product-description {
        font-weight: 300;
        padding: 12px 0;
        font-size: 14px;
        line-height: 21px;
    }

    .product-quantity-group {
        gap: 16px;
        margin-top: 16px;
    }

    .product-quantity-control {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border: 1.5px solid #dbdbdb;
        padding: 8px;
        width: 140px;
    }

    .product-qty-btn {
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-size: 14px;
    }

    .product-add-btn {
        font-size: 14px;
        padding: 12px;
    }

    .product-details {
        margin-top: 28px;
    }

    .product-details-title {
        font-size: 22px;
        margin-bottom: 6px;
    }

    .product-details-text {
        font-size: 14px;
        padding: 8px 0;
    }

    /* ===========================================================================================================
    =========================Checkout Page ==============================================================
    ================================================================================================== */

    .checkout-form-section .h3,
    .checkout-form-section h3 {
        font-size: calc(1.2rem + 0.6vw);
    }

    .checkout-form-section {
        padding: 16px 0;
    }

    .checkout-form-section {
        .checkout-form

{
    padding: 0;
    border-radius: 16px;
    background: #fbfbfb;
}

}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-title

{
    color: #212b36;
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    margin-bottom: 24px;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    .checkout-form-inner

{
    flex-direction: column;
}

}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .checkout-form-box

{
    width: 100%;
    padding: 16px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .form-section-title

{
    font-size: 20px;
    margin-bottom: 32px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-label

{
    font-size: 16px;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .checkout-form-form

{
    & .checkout-form-group

{
    .checkout-form-input

{
    padding: 8px 16px;
    font-size: 14px;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    .order-summary

{
    gap: 16px;
}

}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .order-summary

{
    & .order-item

{
    .checkout-order-summary-item-heading

{
    color: #212b36;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    & .checkout-form-inner

{
    & .order-summary

{
    & .order-item

{
    span

{
    color: #9d9d9d;
    font-size: 16px;
}

}
}
}
}
}

.checkout-form-section {
    & .checkout-form

{
    .checkout-buttons

{
    margin-top: 28px;
}

}
}

.checkout-form-section .checkout-form .btn {
    padding: 8px 16px;
    font-size: 14px;
}


#microbiota-hero {
    padding: 50px 0;
}
.microbiota-description {
    font-size: 12px !important;
    line-height: 150% !important;
}

/* ============================================================================
                                Extra Part Start
  ============================================================================ */
/* ============================================================================
                                Extra Part End
  ============================================================================ */


#featured_blog {
    padding: 60px 0 !important;
}
.featured_blog_content {
    gap: 20px !important;
    flex-direction: column !important;
}
.featured_blog_title {
    font-size: 22px !important;
    line-height: 140% !important;
}
.featured_blog_description {
    font-size: 14px !important;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
}
.read_article_btn {
    font-size: 14px !important;
}

.latest_blog_heading {
    font-size: 20px !important;
    line-height: 150% !important;
}
.latest_blog_description {
    font-size: 14px !important;
    line-height: 150% !important;
    max-width: 90% !important;
}
.latest_blog_content {
    grid-template-columns: repeat(1, 1fr) !important;
    margin-bottom: 0px !important;
}



.blog_title_wrapper {
    max-width: 100% !important;
}
.blog_title {
    font-size: 20px !important;
    margin-bottom: 20px;
}
#blog_details_heading::after
     {
    height: 20% !important;
}

#signup {
    flex-direction: column;
}
.input-wrapper-row{
    flex-direction: column;
}
.login {
    padding: 50px 0 50px;
}
.signup-form-right{
    display: none;
}
.language_chnage_text{
    display: none !important;
}

/*==========================================================================*/

#subscription_card {
    padding: 60px 0;
}

.subscription-title {
    font-size: 24px;
}

.subscription-subtitle {
    font-size: 14px;
    margin-top: 20px;
}

.subscription-plans {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 30px;
}

.plan-name {
    font-size: 20px;
}

.subscription-plan {
    gap: 20px;
}

.plan-amount {
    font-size: 24px;
}

.plan-discount {
    font-size: 10px;
}

.plan-button {
    padding: 7.556px 20.333px;
    font-size: 18px;
}

/*==========================================================================*/
}


/* ============================================================================
                        Subscription Part Start
  ============================================================================ */
/* ============================================================================
                        Subscription Part End
  ============================================================================ */