/* =====================================================
           Footer mobile compatibility fixes
 ===================================================== */
.pre-footer,
.pre-footer * {
    box-sizing: border-box;
}

.pre-footer .pre-footer-col {
    margin-bottom: 25px;
}

.footer-products h2 {
    margin-bottom: 20px;
}

.footer-product-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-left: 0;
    margin: 0;
}

    .footer-product-list li {
        float: none !important;
        display: block;
        margin: 0 !important;
    }

        .footer-product-list li a {
            display: block;
        }

    .footer-product-list img {
        display: block;
        width: 78px;
        height: 78px;
        object-fit: cover;
    }

@media (max-width: 767px) {
    .pre-footer {
        text-align: center;
    }

        .pre-footer .pre-footer-col {
            width: 100%;
            margin-bottom: 35px;
        }

        .pre-footer address {
            text-align: center;
            line-height: 1.7;
        }

    .pre-footer-subscribe-box {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto;
    }

        .pre-footer-subscribe-box .input-group {
            width: 100%;
        }

    .footer-products {
        width: 100%;
        text-align: center;
    }

    .footer-product-list {
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

        .footer-product-list img {
            width: 76px;
            height: 76px;
        }

    .footer {
        text-align: center;
    }

        .footer .padding-top-10,
        .footer .text-right {
            text-align: center !important;
        }

        .footer .social-footer {
            float: none !important;
            display: inline-block;
            text-align: center;
            margin: 15px auto;
            padding-left: 0;
        }

            .footer .social-footer li {
                display: inline-block;
                float: none;
            }

        .footer .powered {
            text-align: center;
            margin-top: 10px;
        }
}

@media (max-width: 480px) {
    .footer-product-list {
        gap: 8px;
    }

        .footer-product-list img {
            width: 70px;
            height: 70px;
        }

    .pre-footer-subscribe-box .input-group {
        display: block;
    }

    .pre-footer-subscribe-box .form-control {
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px !important;
    }

    .pre-footer-subscribe-box .input-group-btn {
        display: block;
        width: 100%;
    }

        .pre-footer-subscribe-box .input-group-btn .btn {
            width: 100%;
            border-radius: 4px !important;
        }
}