/* ================= RESPONSIVE ================= */
@media (max-width: 1024px) {
    #customer_login {

        flex-direction: column;
    }

    .ast-header-break-point .main-navigation ul .menu-item .menu-link {

        text-transform: capitalize;
    }

    .ast-mobile-header-content .main-header-menu {
        display: flex;
        flex-direction: column;
    }

    .ast-mobile-header-content .main-header-menu>li.page-item-181 {
        order: -1;
    }

    .footer-widget-area[data-section="sidebar-widgets-footer-widget-4"].footer-widget-area-inner {
        text-align: center;
    }



    [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {

        fill: #ffffff;
    }

    .ast-primary-header-bar {
        background: #ffffff;
    }

    .ast-mobile-header-wrap .ast-primary-header-bar,
    .ast-primary-header-bar .site-primary-header-wrap {
        min-height: 70px;
    }

    .home-product-slider {
        h2 {
            font-size: 26px;
        }

        .swiper-slide img {
            height: auto;
        }
    }

    .footer-links ul li a {
        display: block;
    }
}

/* Tablet */
@media (max-width: 991px) {
    #page .site-content {
        padding: 10px;
    }

    #about-page #hero-section {
        height: auto;
        padding: 80px 20px;
    }

    #about-page #hero-section h1 {
        font-size: 32px;
    }

    #about-page #hero-section p {
        font-size: 16px;
    }

    #about-page #company-info .container,
    #about-page #mission-vision .container {
        flex-direction: column;
        text-align: center;
    }

    #about-page .image img {
        max-width: 100%;
    }

    .main-header-menu li.menu-item-has-children.menu-item-open>.sub-menu {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .home_faq {
        .faq-grid {
            grid-template-columns: 1fr;
            gap: 40px;
        }

        .faq-home-img {
            height: 320px;
        }

        .faq-title {
            font-size: 30px;
            text-align: center;
        }

        .faq-footer-text {
            text-align: center;
        }
    }

    .ast-mobile-popup-drawer .menu-item-home {
        order: -1;
    }

  

    .ast-builder-menu-mobile .main-navigation .main-header-menu,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .menu-link,
    .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu {
        background-color: #efefef;
    }

    .hm-features {
        .hm-features__wrap {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    section.related.products ul {
        grid-template-columns: repeat(1, 1fr) !important;
    }
}

@media (max-width: 768px) {

    .product-categories {
        .categories-grid {
            display: flex;
            overflow-x: auto;

            h3 {
                font-size: 14px;
            }

            img {
                min-width: 110px;
                width: 110px;
                height: 110px;
            }
        }
    }





    .home-hero {
        .swiper-slide img {
            object-fit: cover;
            /* Full cover without distortion */
        }

        .swiper-slide {
            height: 600px;
        }
    }

    .section-template--16982175907949__ss_wave_2_6PMNPV {
        height: 100px;
    }

    #customer_login {
        grid-template-columns: 1fr;
    }

    #customer_login .u-column1,
    #customer_login .u-column2 {
        padding: 28px 24px;
    }

    .home-product-slider {
        .swiper {
            padding-bottom: 0px;
        }
    }

    .swiper-button-next,
    .swiper-button-prev {

        width: 30px !important;
        height: 30px !important;

    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 12px !important;
    }

    .benefits {
        padding: 0px;
    }

    .home-product-slider {
        .swiper-button-next {
            right: 10px; display: none!important;
        }

        .swiper-button-prev {
            left: 10px;
            display: none!important;
        }
    }

  

    .footer-links h4::after {

        right: 0px;
        margin: auto;
    }

    .home-product-slider {
        padding: 30px 20px;
    }

    .hm-features {
        .hm-feature h4 {
            font-size: 15px;
        }
    }

 

    .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: -3px;
        display: none;
    }



    .footer-social {
        justify-content: center;
        margin-bottom: 15px;
    }

    .ast-scroll-to-top-right {
        right: 20px;
        bottom: 20px;
    }

    .whatsapp-float {

        width: 45px;
        height: 45px;

        font-size: 19px;

    }

 

   
   

    .woocommerce-js h2 {
        font-size: 22px;
    }

    .home_faq {
        .faq-question {
            font-size: 15px;
            line-height: 22px;
        }
    }



    .ast-logo-title-inline .site-logo-img {

        width: 135px;
    }

    .footer-links {
        text-align: center;
        padding: 0px 15px;
    }

    .footer-social {
        justify-content: center;
    }

    .footer-links ul li a {
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .home-product-slider {
        h2 {
            font-size: 24px;
        }
    }
}

/* Mobile */
@media (max-width: 575px) {
    .home_faq {
        .faq-home-img {
            height: 260px;
        }

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

    .hm-features {
        padding: 25px 10px;

        .hm-features__wrap {
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .hm-feature {
            padding: 16px;

            i {
                font-size: 26px;
            }
        }
    }
}