@media(max-width:1200px) {
    .hero-wrapper .slider-btn {
        display: none;
    }
}


@media(max-width:992px) {
    .topbar-social-list ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 15px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .topbar-info-content {
        text-align: center;
    }


    .heroSlider,
    .hero-slide {
        height: 630px;
    }

    .hero-content h1 {
        font-size: 52px;
    }



}


@media(max-width:768px){
    .top-selling-item-content h3 a {
    color: inherit;
    font-size: 15px;
}
}


@media(max-width:475px) {
    .navbar-brand img {
        max-width: 135px;
        height: 60px;
    }

    .header-action-details ul li a img {
        max-width: 15px;
    }

    .hero-content h1 {
        font-size: 34px;
    }
}