#category-container {
  min-height: 60vh;
}

.btn-block {
  display: block;
  width: 100%;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}

.panel-body {
  padding: 15px;
}

.panel {
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.modal-header h4 {
  color: white;
}

.modal-close {
  font-weight: 700;
  font-size: 22px;
  cursor: pointer;
  margin-right: 5px;
  padding: 5px;
}

.modal-close:hover {
  background-color: rgba(0, 0, 0, 0.4);
}

.merch_description_container {
  display: grid;
  background-color: #f6f6f6;
  margin-top: 50px;
  padding-left: 0;
  width: 100%;
}

.merch_description_container > div:first-child {
  padding-left: 0;
}

.merch_description {
  font-family: "OpenSans-R", "Open Sans", "sans-serif";
  padding: 0 10px;
  background-color: #f6f6f6;
}

.category-desc-col-3 {
  grid-column: 1 / span 3;
}

.category-desc-col-9 {
  grid-column: 4 / span 9;
}

.category-desc-col-12 {
  grid-column: 1 / span 12;
}

.visible-xs-block {
  display: none !important;
}

.owl-carousel {
  background: none;
}

.owl-carousel.owl-loaded {
  margin: 0;
}

.owl-carousel:not(.owl-loaded) {
  margin: 0;
  display: block;
}
.category_container .owl-carousel:not(.owl-loaded) .item:not(:first-child) {
  display: none;
}

.category-filter-sort-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.previous_pagination_container {
  margin-top: 15px;
  grid-column: 1 / -1;
}

.description-grid {
  display: grid;
  grid-template-columns: 20% 80%;
}

@media screen and (max-width: 768px) {
  .visible-xs-block {
    display: block !important;
  }

  .category-desc-col-3,
  .category-desc-col-9 {
    grid-column: 1 / span 12;
  }

  .category-filter-sort-container {
    flex-direction: column;
  }
}

/* Submenu new css start*/

.category-submenu-grid-container {
  display: grid;
  gap: 0;
  height: 45px;
  padding-left: 0;
  padding-right: 0;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.category-submenu-grid-item {
  height: 45px;
  text-transform: uppercase;
  text-align: center;
}

.category-submenu-navbar-categories {
  position: relative;
  cursor: pointer;
}

.category-submenu-navbar-header {
  color: white;
  font-size: 14px;
  height: 45px;
  margin: auto;
  width: 60%;
  padding: 10px;
  font-weight: bold;
}

.category-submenu-navbar-header > a {
  color: #fff !important;
  cursor: pointer;
}

.category-submenu-navbar-categories:hover .category-submenu-navbar-dropdown-menu {
  display: block;
}

.category-submenu-navbar-categories:hover .category-submenu-navbar-header + .category-submenu-arrow-div {
  display: block;
}

.category-submenu-navbar-dropdown-menu {
  border-top: none;
  display: none;
  width: 100%;
  border-radius: 4px;
  font-size: 13px;
  position: absolute;
  z-index: 1000;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  font-family: OpenSans-SB, "Open Sans", sans-serif;
  border: 1px solid #e5e5e5;
  background-clip: padding-box;
  float: left;
  cursor: auto;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
}

.category-submenu-navbar-dropdown-menu ul {
  list-style: none;
  float: left;
  padding-top: 10px;
  padding-left: 15px;
  text-transform: capitalize;
  margin-top: 0;
}

.category-submenu-navbar-dropdown-menu ul li {
  font-size: 14px;
  line-height: 20px !important;
  padding: 4px 0;
}

.category-submenu-navbar-dropdown-menu ul li a {
  color: #fff;
  font-size: 14px;
  line-height: 1.2em !important;
  text-decoration: none;
  font-family: OpenSans-R, "Open Sans", sans-serif;
  cursor: pointer;
  text-transform: uppercase;
}

#category-container {
  padding: 15px !important;
}

.submenu-dropdown-top-icon {
  position: absolute;
  top: 0;
  z-index: 3000;
  /*  margin-left: 14%;*/
  margin-top: -14px;
  font-size: 20px;
  color: white;
}

.category-submenu-arrow-div {
  position: relative;
  display: none;
}

/* Submenu new css end */

/* Submenu mobile css start */

.submenu-mobile-grid-container {
  display: grid;
  grid-template-columns: 20% 60%;
  padding: 0px 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.submenu-mobile-grid-item:first-child {
  padding-top: 2px;
}

.submenu-mobile-grid-item > .fa {
  color: white;
  font-size: 25px;
}

.accordian-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  color: #fff;
}

.accordian-panel hr {
  border: none;
  height: 1px;
  width: 96%;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  /* Set the hr color */
  color: rgba(255, 255, 255, 0.1); /* old IE */
  background-color: rgba(255, 255, 255, 0.1); /* Modern Browsers */
}

.submenu-list-panel-accordian,
.accordian-panel a {
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 17px;
  color: #58595b;
  transition: 0.4s;
  font-family: "OpenSans-SB", "Open Sans", "sans-serif";
  padding-left: 15px;
  padding-right: 15px;
  line-height: 2;
  padding-top: 4px;
  padding-bottom: 3px;
}

.accordian-panel > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-left: 15px;
  font-weight: bold;
}

.accordian-panel > ul > li > a {
  color: #fff;
  font-size: 15px;
  line-height: 2;
  font-weight: bold;
}

.accordian-panel a {
  color: #58595b;
  font-size: 15px;
  line-height: 2;
  padding-left: 13px;
}

.plus-minus {
  float: right;
}

.visible-xs-submenu {
  display: none !important;
}

@media screen and (max-width: 768px) {
  .visible-xs-submenu {
    display: block !important;
  }

  #category-container {
    padding: 0px !important;
  }
}

/* Submenu mobile css end */

.gender-btn {
  cursor: pointer;
  border-radius: 10px;
  color: #ec1a30;
  border: 1px solid #ec1a30;
  padding: 5px 0px;
  margin: 0px 5px;
  width: 100px;
  text-align: center;
  font-family: "OpenSans-EB", "Open Sans", "sans-serif";
  text-transform: uppercase;
  align-self: center;
}

.gender-btn.active-btn {
  background-color: #ec1a30;
  color: white;
}

@media screen and (max-width: 768px) {
  .gender-option-container {
    justify-content: center;
  }

  .hidden-xs-category {
    display: none;
  }

  .gender-btn {
    margin-bottom: 15px;
  }
}

.category-product-name {
  font-family: OpenSans-SB, "Open Sans", sans-serif;
  font-size: 14px;
  margin-top: 0px;
  color: black;
}

.category-product-name a {
  text-decoration: none;
  color: black;
}

.category_preloader {
  position: absolute;
  top: 0%;
  left: 1%;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
}

.inithide {
  display: none;
}

.category_preloader > span.fa.fa-spinner.fa-spin {
  color: #d4161e;
  font-size: 700% !important;
  position: fixed;
  left: 50%;
  top: 50%;
}

.color_filter,
.color_mfilter,
.ptype_mfilter,
.collection_mfilter,
.exclude_out_of_stock_mfilter {
  width: 25px;
  height: 25px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  -webkit-box-shadow: inset 0 0 2px #000;
  -moz-box-shadow: inset 0 0 2px #000;
  box-shadow: inset 0 0 2px #000;
}

.btn-info.active {
  color: white;
}

.colour-filter-name,
.ptype-filter-name {
  width: 95%;
}

@media screen and (max-width: 390px) {
  .colour-filter-name,
  .ptype-filter-name {
    width: 90%;
  }
}

@media screen and (min-width: 390px) and (max-width: 440px) {
  .colour-filter-name,
  .ptype-filter-name {
    width: 91%;
  }
}

@media screen and (min-width: 440px) and (max-width: 600px) {
  .colour-filter-name,
  .ptype-filter-name {
    width: 93%;
  }
}

.ptype_mfilter > span.fa.fa-check,
.collection_mfilter > span.fa.fa-check,
.exclude_out_of_stock_mfilter > span.fa .fa-check {
  position: absolute;
  line-height: 28px;
  color: #fff;
}

.color_filter > span.fa.fa-check,
.color_mfilter > span.fa.fa-check,
.ptype_mfilter > span.fa.fa-check,
.collection_mfilter > span.fa.fa-check,
.exclude_out_of_stock_mfilter > span.fa.fa-check {
  position: absolute;
  /*    top: -3%;*/
  left: 5%;
  font-size: 1.5em;
  line-height: 25px;
  color: #fff;
  text-shadow: 0 0 2px #000;
}

.size_filters > input[type="checkbox"],
.tag_filters > input[type="checkbox"],
.color_filter > input[type="checkbox"],
.collection_filter > input[type="checkbox"],
.ptype_filter > input[type="checkbox"],
.size_mfilters > input[type="checkbox"],
.tag_mfilters > input[type="checkbox"],
.color_mfilter > input[type="checkbox"],
.collection_mfilter > input[type="checkbox"],
.exclude_out_of_stock_mfilter > input[type="checkbox"],
.ptype_mfilter > input[type="checkbox"],
.msort_lbl > input[type="radio"] {
  display: none;
}

.mbuttons,
.m_filter_title {
  font-family: "OpenSans-R", "Open Sans", "sans-serif";
}
.mbuttons {
  border: 2px solid #ccc;
  padding: 10px;
  color: #363636;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}

.inithide-check {
  display: none !important;
}

.selected_m_filter {
  background-color: #d4161e;
  color: #fff;
  border-color: #d4161e;
}

#mainsec_of_filter_sort_bt {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  box-shadow: 0 0 10px rgb(0 0 0 / 40%);
  background: #f1f1f2;
}

#filter {
  float: left !important;
  width: 49.8%;
  border-radius: 0;
  border-width: 3px;
}

button[data-target="#refine"] {
  font-family: OpenSans-EB, "open sans", "sans-serif";
  font-weight: 700;
  text-transform: uppercase;
}

h1 {
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  h1 {
    text-align: center;
  }
}

@media screen and (max-width: 480px) {
  h1,
  h2 {
    font-size: 20px;
  }
}

.brand-container {
  page-break-inside: avoid;
  padding: 20px 15px 0;
}

.brand-container h3 {
  font-weight: normal;
  font-size: 16px;
  margin-top: 0;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.brand-container li {
  font-family: "Opensans-SB";
  list-style: none;
  padding-bottom: 4px;
  font-size: 14px;
}

.brands-container {
  column-count: 2;
}

@media screen and (min-width: 670px) {
  .brands-container {
    column-count: 3;
  }
}

@media screen and (min-width: 1024px) {
  .brands-container {
    column-count: 5;
  }
}

.mobile_brands_container {
  display: none;
}

@media screen and (max-width: 480px) {
  .brands-container {
    display: none;
  }
  .mobile_brands_container {
    display: block;
  }
  .mobile_brands_container h3 {
    font-size: 16px !important;
    border-top: solid #eee 1px;
    margin: 0px;
    padding: 9px;
    font-family: "OpenSans-H", "Open Sans", "sans-serif" !important;
  }
  .mobile_brands_container li {
    list-style: none;
    padding: 0px 2px 5px 15px;
    font-size: 16px;
  }
}

/*FILTER COLOUR BOXES START*/
.blueallshades,
.blue {
  background-color: #0000ff;
}

.greyallshades,
.grey {
  background-color: #808080;
}

.redallshades,
.red {
  background-color: #ff0000;
}

.greenallshades,
.green {
  background-color: #008000;
}

.black {
  background-color: #000;
}

.white {
  background-color: #fff;
}

.orange {
  background-color: #eb6123;
}

.yellow {
  background-color: #ffff00;
}

.red {
  background-color: #ff0000;
}

.heatherpurple {
  background-color: #a6aac7;
}

.heatherblue {
  background-color: #6b83a4;
}

.heathernavy {
  background-color: #333f48;
}

.heatherred {
  background-color: #b83a4b;
}

.heathermaroon {
  background-color: #672e45;
}

.heathergreen {
  background-color: #5caa7f;
}

.heathergrey {
  background-color: #9aa297;
}

.heatherblack {
  background-color: #24252a;
}

.heatherwhite {
  background-color: #aaa1a2;
}

.navyblue {
  background-color: #000080;
}

.skyblue {
  background-color: #6698ff;
}

.cement {
  background-color: #7f8274;
}

.militarygreen {
  background-color: #4b5320;
}

.lightgreen {
  background-color: #6eb95e;
}

.lavender {
  background-color: #e6e6fa;
}

.mintgreen {
  background-color: #98fb98;
}

.marshala {
  background-color: #b57170;
}

.steelgrey {
  background-color: #71797e;
}

.maroon {
  background-color: #800000;
}

.winered {
  background-color: #b11226;
}

.brown {
  background-color: #a52a2a;
}

.cream {
  background-color: #e7d7b3;
}

.pink {
  background-color: #e5c1c1;
}

.purple {
  background-color: #52528d;
}
/*FILTER COLOUR BOXES END*/

.search-message {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .search-message {
    padding: 0 15px;
  }
}