@media screen and (min-width: 767px) {
    /* Home Page CSS */
    .w-66 {
        max-width: 66%;
    }
    .product-card {
        margin-bottom: 2rem;
    }
    /* End Home Page CSS */
}
@media screen and (max-width: 576px) {
    /* Home Page CSS */
    #Gslider .carousel-item {
        height: 100%;
    }
    .carousel-caption {
        left: 0%;
        right: 0%;
    }
    #Gslider .carousel-inner .carousel-img {
        height: 100%;
    }
    #Gslider .carousel-inner .carousel-caption {
        /* bottom: 10%; */
        text-align: start;
    }
    #Gslider .carousel-inner .carousel-caption .carousel-title {
        font-size: 4rem;
        line-height: 4.25rem;
    }
    #Gslider .carousel-inner .carousel-caption p {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }
    #Gslider .carousel-inner .carousel-caption .carousel-button {
        padding-top: 3rem;
        gap: 0.75rem; /* Adds space between items inside */
        display: block;
    }
    #Gslider .carousel-inner .carousel-caption .carousel-button a {
        margin-bottom: 1rem;
        width: 100%;
        text-align: center;
    }
    .home-main-product-area {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
    .main-heading-text-area {
        margin-bottom: 2rem;
    }
    .product-title a {
        font-size: 0.875rem;
        line-height: 1.25rem;
        height: calc(2 * 1.25rem);
    }
    .main-product-area {
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
    .main-product-area .col-6 {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }
    .feature-category-area {
        padding-top: 4rem;
        padding-bottom: 3rem;
    }
    .feature-heading {
        font-size: 2.25rem;
        font-weight: 600;
        line-height: 2.75rem;
        padding-bottom: 3rem;
    }
    .index-about {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .index-about .about-img {
        margin-top: 1rem;
    }
    .index-about .about-img .btn-mustard {
        margin-top: 1rem;
        width: 100%;
        text-align: center;
    }
    .blog-area {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .blog-area .blogs p {
        margin-bottom: 3rem;
    }
    .related-blogs .btn-mustard {
        width: 100%;
    }
    .join-family {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .join-family .content-area {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .join-family .btn-mustard {
        width: 100%;
    }
    .join-family .slogan {
        font-family: Petrona;
        font-size: 1.875rem;
    }
    /* End Home Page CSS */
    /* Product Detail Page CSS */
    .product-detail-area {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }
    /* End Product Detail Page CSS */
    /* Login/sign up page */
    .shop.login {
        padding-top: 1.5rem;
        padding-bottom: 2rem;
    }
    /* End Login/Sign up Page */
    /* Cart Page */
    .shopping-cart .cart-product .product-desc-qty {
        margin-left: 2px;
    }
    .shopping-cart .qty .input-group {
        width: 135px;
        display: inline-block;
    }
    /* End Cart Page */
    /* Blog Page */
    .blog-subscribe {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .blog-subscribe h2 {
        font-size: 2.25rem;
        font-weight: 600;
        line-height: 2.75rem;
    }
    .blog-subscribe p {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.75rem;
        color: rgba(71, 84, 103, 1);
        margin-bottom: 2rem;
    }
    .blog-subscribe .btn-mustard {
        width: 100%;
    }
    .blogs .shop-single-blog .content .title {
        font-size: 1.25rem;
        line-height: 1.75rem;
        height: calc(2 * 1.75rem);
    }

    .blogs .shop-single-blog .content p {
        font-size: 0.875rem;
        line-height: 1.25rem;
        height: 1.25rem;
    }
    .blog-single .blog-single-main .blog-title {
        font-size: 2.25rem;
        font-weight: 600;
        line-height: 2.75rem;
        margin-top: 2.5rem;
        margin-bottom: 1rem;
    }
    .blog-single .blog-single-main p {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.75rem;
    }
    .blog-single .blog-single-main .blog-img-heading {
        padding-bottom: 2rem;
    }
    .blog-single .blog-single-main .blog-detail {
        border-top: 1px solid rgba(228, 231, 236, 1);
        padding-top: 2rem;
        padding-bottom: 3.5rem;
    }
    /* End Blog Page */
    .sort-by-select {
        width: 100% !important;
    }

    .sort-by-select option {
        width: 100% !important;
    }
    .success-page .success-page-content {
        padding-left: 1rem;
        padding-right: 1rem;
        text-align: center;
    }
    .product-gallery .carousel-inner {
        overflow: visible;
    }
    .product-gallery .carousel-control-next-icon,
    .carousel-control-prev-icon {
        padding: 0.75rem;
    }
    .profile-page .nav-link {
        font-size: 0.75rem !important;
    }
    .header.shop .nav li a {
        color: rgba(16, 24, 40, 1);
    }
    .shopping-cart .cart-img {
        height: 216px;
    }
    .delete {
        font-family: Inter;
        font-size: 1rem;
        font-weight: 600;
        line-height: 1.5rem;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: rgba(71, 84, 103, 1);
    }

    .contact-us .form-main,
    .contact-us .single-head {
        padding: 6px;
        box-shadow: none;
    }
    .product-detail-join-family-area {
        margin-top: 0px;
    }
}