/* Mobile */
@media (max-width: 767px) {


    .product-specification-wrapper {

        max-height: 484px;
        overflow-y: auto;
    }





    .social-icons {
        display: flex;
        gap: 30px;
        align-items: center;
        margin-bottom: 25px;
    }

    .banner {
        grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    }



    .form-subtitle {
        font-size: 16px;

    }

    .support-buttons {
        right: 12px;
        bottom: 20px;
    }

    .support-buttons .btn {
        width: 46px;
        height: 46px;
        font-size: 20px;
    }

    h2 {
        font-size: 24px;


    }

    .form-title {
        font-size: 28px;

    }



    .side-banner img {
        height: 110px;

    }





    .nav-deals {
        display: inline-block;

    }







    .shop-link {

        padding: 9px 14px;

    }

      .btn-coupon, .gift-box {
        padding: 10px 10px;
        font-size: 14px;
        font-weight: 600;
    }



    .promo-card.large .promo-title {
        font-size: 32px;
    }

    #heroCarousel img {
        height: auto;
    }

    .market-logo img {
        max-height: 60px;
    }



    .center-nav {
        position: fixed;
        left: 0;
        width: 100%;
        background: #fff;
        display: none;
        z-index: 998;
        border-top: 1px solid #eee;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
    }


    .center-nav.show {
        display: block;
    }

    .center-nav .nav {
        flex-direction: column;


    }

    .center-nav .nav-link {
        width: 100%;
        padding: 15px;
        display: block;
        border-bottom: 1px solid #f2f2f2;
    }




}






@media (max-width: 991px) {
    .promo-card.large {
        min-height: 400px;
        margin-bottom: 20px;
    }

    .small-banner-container {
        flex-direction: row;
    }

    .promo-card.small {
        min-height: 250px;
    }
}


@media (min-width: 768px) {


    .d-md-flex .product-card {
        width: 100%;
    }




    .hero-content {
        padding: 19px;
    }


}