/* ####################################################
    :: Template Name: Essence - Fashion Ecommerce Template
    :: Author: Colorlib
    :: Author URL: https://colorlib.com
    :: Description: Essence is smart & elegant fashion e-commerce Template. It's suitable for all e-commerce business platform.
    :: Version: 1.0.0
    :: Created: April 27, 2018
    :: Last Updated: May 2, 2018
    #################################################### */

    /* ---------------------------------------
    ##### - PLACE YOUR CUSTOM CSS HERE - #####
    --------------------------------------- */
    .masonry-gallery {
        display: flex;
        flex-wrap: wrap;
      }
      
      .single-products-catagory {
        width: 33.333%; /* Adjust the width and spacing as needed */
        box-sizing: border-box; /* Include padding and border in the width calculation */
        overflow: hidden; /* Ensure no overflow issues with images */
        height: auto; /* Set a fixed height */
      }
      
      .single-products-catagory img {
        width: 100%;
        height: 343.66px;
        object-fit: cover; /* Maintain aspect ratio and cover the entire container */
      }
      @media only screen and (max-width: 600px){
        .single-products-catagory {
            width: 100%; 
          }
      }
      .select{
        border: 1px solid #3a8bcd;
        padding: 5px;
        border-radius: 5px;
        margin: 0 10px;
      }
      .widget .catagories-menu li button {
        text-transform: capitalize;
        font-size: 16px;
        padding: 15px 0 15px 20px;
        display: block;
        font-weight: 400;
        color: #959595;
        transition: all 500ms ease 0s;
        text-decoration: none;
        outline: 0 solid transparent;
        border: none;
        background-color: transparent;
      }
      .widget .catagories-menu li.active button {
        color: #fbb710;
      }
      .amado-nav ul li a.active::after{
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        width: 30px!important;
        height: 3px!important; 
        position: absolute!important;
        top: 50%!important;
        margin-top: -1.5px!important;
        left: -75px!important;
        background-color: #fbb710!important; 
        z-index: 10!important;
        content: ''!important;
      }
    .justify-content-end {
      justify-content: space-between !important;
  }
  .mobile-nav .navbar-nav {
    background-color: #fff;
    padding: 10px;
    font-size: 1rem;
  }
  .mobile-nav .nav-link {
    font-size: 16px;
  }
  tbody {
    font-size: 12px;
  }
  tbody btn{
    font-size: 12px;
  }