/** #section-header-hero **/
@media screen and (max-width: 99999px) {
    #section-header-hero {
        background-position: center bottom;
    }

    #section-header-hero .header-nav-spacer {
        padding: 0px !important;
        padding-top: 106px !important;
    }

    #section-header-hero .header-hero-spacer {
        min-height: 40vh;
    }

    @media (min-width: 1921px) {
    }

    @media (max-width: 1920px) {
    }

    @media (max-width: 1599.98px) {
    }

    /* XXL devices (<1400px) */
    @media (max-width: 1399.98px) {}

    /* Extra Large devices (<1200px) */
    @media (max-width: 1199.98px) {}

    /* Large devices (<992px) */
    @media (max-width: 991.98px) {
        #section-header-hero .header-hero-spacer {
            min-height: 210px;
        }
    }   

    /* Medium devices (<768px) */
    @media (max-width: 767.98px) {
        #section-header-hero .header-hero-spacer {
            min-height: 140px;
        }
    }

    /* Small devices (<576px) */
    @media (max-width: 575.98px) {
        #section-header-hero .header-hero-spacer {
            min-height: 35px;
        }
    }
}

/** #section-product-grid-head **/
@media screen and (max-width: 99999px) {
    #section-product-grid-head {
        transform: translateY(-50%);
        opacity: 0;
        /* Hide initially */
        transition: opacity 0.3s ease-in-out;
        /* Smooth fade-in effect */
    }

    #section-product-grid-head .w-fill {
        width: calc((100% - 220px) / 3);
    }

    #section-product-grid-head .w-220px {
        width: 220px;
    }

    #section-product-grid-head .d-flex {
        border-radius: 16px 16px 0px 0px;
    }

    #section-product-grid-head .bp-heading {
        font-family: Poppins SemiBold;
    }

    #section-product-grid {}

    #section-product-grid .product-grid .bp-sub-heading-black {
        font-family: Poppins SemiBold;
    }

    #section-product-grid .product-grid .product-size {
        font-family: Poppins SemiBold;
    }

    #section-product-grid .product-grid .product-price {
        font-family: Poppins;
    }

    #section-product-grid .product-grid>div>div>div.product-image {
        transition: box-shadow 0.3s ease-in-out;
    }

    #section-product-grid .product-grid>div>div:hover>div.product-image {
        box-shadow: 0 0px 15px rgba(0, 0, 0, 0.1);
        transition: box-shadow 0.3s ease-in-out;
    }

    @media (min-width: 1921px) {
    }

    @media (max-width: 1920px) {
    }

    @media (max-width: 1599.98px) {
    }

    /* XXL devices (<1400px) */
    @media (max-width: 1399.98px) {}

    /* Extra Large devices (<1200px) */
    @media (max-width: 1199.98px) {}

    /* Large devices (<992px) */
    @media (max-width: 991.98px) {
        
        #section-product-grid-head .w-fill {
            width: calc((100% - 220px) / 2);
        }
    }

    /* Medium devices (<768px) */
    @media (max-width: 767.98px) {
        #section-product-grid-head .w-fill {
            width: calc((100%) / 2);
        }
    }

    /* Small devices (<576px) */
    @media (max-width: 575.98px) {
    }
}

/** #section-blogs **/
@media screen and (max-width: 99999px) {
    #section-blogs {
        background-color: #FAFAFA;
    }

    .posts-slider-wrapper {}

    .posts-slider-wrapper .posts-slider {
        overflow: hidden;
    }

    .posts-slider-wrapper .posts-slider-item {}

    .posts-slider-wrapper .posts-slider-item h4 {
        font-family: Poppins SemiBold;
    }

    #section-blogs .posts-slider {
        visibility: hidden;
    }

    #section-blogs .posts-slider.slick-initialized {
        visibility: visible;
    }

}

/** #section-social **/
@media screen and (max-width: 99999px) {

    #section-social .social-thumb>div {
        position: relative;
    }

    #section-social .social-thumb .icon-overlay {
        position: absolute;
        top: 12px;
        bottom: 12px;
        left: 12px;
        right: 12px;
    }

    #section-social .social-thumb .icon-overlay {
        font-size: 34px;
        background-color: #FBFBFB80;
        backdrop-filter: blur(2px);
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
    }

    #section-social .social-thumb:hover .icon-overlay {
        opacity: 1;
        transition: opacity 0.3s ease-in-out;
    }
}