#main-product-categories { padding: 60px 0 }

section.block-gallery.layout-3  .grid-container { display: block;}
section.block-gallery.layout-3 .grid-container .col-same-height {padding: 7px}
#main-product-categories .container { width: 100vw !important; padding-left: 0px ; padding-right: 0px;}
section#main-product-categories.block-gallery .bg-image img {width: 100%; height: 100%;    position: relative;    object-fit: cover; left: 0; margin-left: 0;}
section#main-product-categories.block-gallery .bg-image { display: block;}

#main-product-categories .slick-list { padding: 0 7% 0 0 !important; margin: 0 0 0 7% !important;  }

#main-product-categories .slider-controls {display: flex;     text-align: center;    width: 100%;    justify-content: center;    align-items: center;    gap: 20px;}
#main-product-categories .slider-controls  .slick-arrow { position: relative;  text-indent: -9999px;     display: block;    cursor: pointer;    background-color: #ffffffaa;    top: 50%;    margin-top: -10px;    padding: 0;    border: none;    outline: none;    border-radius: 20px; } 
#main-product-categories .slider-controls  .slick-dots { position: relative; bottom: 10px; }
#main-product-categories .slider-controls  .slick-arrow.slide-m-prev  {   background-position: -101px 8px;     left: 0; }
#main-product-categories .slider-controls  .slick-arrow.slide-m-next {    background-position: -128px 8px;     right: 0; }
#main-product-categories .slick-arrow {        height: 31px;        width: 31px;        margin-top: -15px;    }
@media (min-width: 1024px) {
    section.block-gallery.layout-3 .grid-container .col-same-height {padding: 20px}
    #main-product-categories .slick-arrow {        height: 31px;        width: 31px;        margin-top: -15px;    }
}


@media (min-width: 768px) {
    #main-product-categories .slick-list { padding: 0 15% 0 0 !important; margin: 0 0 0 15% !important;  }
}
#main-product-categories .slider-controls  .slick-dots li button {background: #fff;    height: 15px;    width: 15px;    border: 2px solid #dedede99;}
#main-product-categories .slider-controls  .slick-dots li.slick-active  button {background: #F9ED03; border-color: #000; }
#main-product-categories .slider-controls  .slick-dots li button:after {    content: "";    position: absolute;    left: 0px;    top: 0px;    right: 0px;    bottom: 0px;    border: 0px solid #000;}