/*============================================================================================
   Start Product Section CSS
==============================================================================================*/
.product-section.style-1 .products.grid-type {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, calc(100% / 6));
    grid-auto-rows: auto;
}
.product-section.style-1 .products.grid-type .lg-item {
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    text-align: center;
}
.product-section.style-1 .products.grid-type .lg-item .ratings-container {
    justify-content: center;
}

.product-section.style-1 .products.grid-type .sm-item {
    -ms-grid-column-span: 1;
    grid-column-end: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .product-section.style-1 .products.grid-type {
        grid-template-columns: repeat(auto-fill, calc(100% / 4));
    }
}



@media (max-width: 991px) {
    .product-section.style-1 .products.grid-type {
        grid-template-columns: repeat(auto-fill, calc(100% / 2));
    }
    .product-section.style-1 .products.grid-type .lg-item {
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }
    .product-section.style-1 .products.grid-type .sm-item:nth-child(2),
    .product-section.style-1 .products.grid-type .sm-item:nth-child(3),
    .product-section.style-1 .products.grid-type .sm-item {
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }
}

@media (max-width: 767px) {
    .product-section.style-1 .products.grid-type {
        grid-template-columns: repeat(auto-fill, calc(100% / 2));
    }
    .product-section.style-1 .products.grid-type .lg-item {
        -ms-grid-column-span: 2;
        grid-column-end: span 2;
    }
    .product-section.style-1 .products.grid-type .sm-item:nth-child(2),
    .product-section.style-1 .products.grid-type .sm-item:nth-child(3),
    .product-section.style-1 .products.grid-type .sm-item {
        -ms-grid-column-span: 1;
        grid-column-end: span 1;
    }




}

/*============================================================================================
   End Product Section CSS
==============================================================================================*/