@media screen and (min-width:576px) and (max-width:992px) {
    /* header section will be same  */
/* companies section will be same */

/* popular collections */
.card{
        width: calc(330px - 20px);
    }
 .cards{
        grid-template-columns: repeat(2,1fr);
        gap: 20px;
    }
    
     .collection h3{
      margin-right: 20px;
}
    .card:nth-child(9){
        grid-column: span 2;
    }


       /* featured product */
    .featured-products{
        flex-direction: row-reverse;
    }
    .featured-products-img{
        width: 90%;
    }
        .featured-products-title{
            width: 90%;
            text-align: center;
        }
    
}