#AllBrandsPage1Style {
  min-height: 100% !important;
  margin: 0 auto auto !important;
  height: fit-content !important;
}
@media (max-width: 1025px) {
  #AllBrandsPage1Style {
    padding: 0 10px !important;
}
  }
#AllBrandsPage1Style .container {
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto !important;
    min-height: inherit !important;
    text-align: left;
    padding: 0 10px;
  }
:is(#AllBrandsPage1Style .container) ul.brand-index {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding-left: 0;
    }
:is(:is(#AllBrandsPage1Style .container) ul.brand-index)  > span {
        margin-right: 10px;
      }
:is(:is(#AllBrandsPage1Style .container) ul.brand-index) li {
        margin-right: 10px;
      }
:is(#AllBrandsPage1Style .container) .brand-group {
      border: 1px solid #d4d4d4cc;
      border-radius: 5px;
      width: 100%;
      height: fit-content;
      margin-bottom: 20px;
    }
:is(:is(#AllBrandsPage1Style .container) .brand-group) .brand-items {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 5px;
        padding: 0 5px;
        margin-left: 0 !important;
        margin-right: 0 !important;
      }
:is(:is(:is(#AllBrandsPage1Style .container) .brand-group) .brand-items) .brand-item-col {
          padding: 0 5px !important;
        }
:is(:is(#AllBrandsPage1Style .container) .brand-group) .brand-key {
        display: block;
        margin: 10px 0 10px 10px;
      }
:is(#AllBrandsPage1Style .container) .single-collections-box {
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      position: relative;
      text-align: center;
      margin-bottom: 12px;
    }
:is(:is(#AllBrandsPage1Style .container) .single-collections-box) .category {
        position: relative;
        left: 0;
        transition: all 0.3s;
        right: 0;
        bottom: 0;
        padding: 20px;
        padding-bottom: 12px;
        margin-left: 0;
        margin-right: 0;
      }
:is(:is(:is(#AllBrandsPage1Style .container) .single-collections-box) .category) h4 {
          text-transform: unset;
          margin-bottom: 7px;
          position: relative;
          z-index: 1;
        }
:is(:is(#AllBrandsPage1Style .container) .single-collections-box) .collection-image {
        aspect-ratio: 1/1;
        vertical-align: middle;
        align-items: center;
        border: none !important;
        width: 100% !important;
        height: auto !important;
        border-radius: 0 !important;
      }
:is(:is(:is(#AllBrandsPage1Style .container) .single-collections-box) .collection-image) #NextImageContainer {
          display: block !important;
        }
:is(:is(:is(#AllBrandsPage1Style .container) .single-collections-box) .collection-image) img {
          width: 100% !important;
          height: 100% !important;
          border-radius: 0 !important;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
        }
:is(:is(#AllBrandsPage1Style .container) .single-collections-box) a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 3;
      }
:is(:is(:is(#AllBrandsPage1Style .container) .single-collections-box):hover,:is(:is(#AllBrandsPage1Style .container) .single-collections-box):focus) img {
          transform: unset;
        }
:is(:is(:is(#AllBrandsPage1Style .container) .single-collections-box):hover,:is(:is(#AllBrandsPage1Style .container) .single-collections-box):focus) .category {
          bottom: 0;
        }