@media (max-width: 976px){
    .head-left {
        display: none;
    }
    .bar {
            display: block;
            transform: translateX(10px);
        }
    .search {
        width: 100%;
    }

    .head img {
        transform: scale(1);
        margin: 0;
        position: relative;
        left: -20px;
    }

     .category-cards {
        display:none ;
    }

    .catSwiper {
        display: block;
    }

    .navigations {
        display: block;
    }

    .home-products {
    grid-template-columns: repeat(2,1fr);
    } 

    .HP-card .Pimage {
        height: 160px;
}

}