.main-category {
  margin: 0 auto;
  padding: 0 40px;
  max-width: 2300px;
}

.main-category-top-cate-list {
  padding: 19px;
  font-size: 14px;
}

.main-category-top-cate-items:last-child {
  text-transform: uppercase;
}

/*.sort-bar-product {*/
/*  padding: 15px 0;*/
/*}*/

.main-category-body-left {
  position: sticky;
  top: 0;
  overflow: auto;
  -webkit-box-flex: 0;
  flex: 0 0 180px;
  padding-right: 15px;
}

.filter-ctn-mb,
.main-category-body-left-sidebar-header {
  display: none;
}

@media(max-width: 768px) {
  .filter-ctn-mb,
  .main-category-body-left-sidebar-header {
    display: block;
  }
  
  /*.main-category-top {*/
  /*  display: none;*/
  /*}*/
  
  .filter-ctn__nav-bar {
    border-bottom: 0.5px solid #e5e5e5;
    border-top: 0.5px solid #e5e5e5;
    margin: 0 -10px;
    position: relative;
    background: #fff;
    z-index: 11;
  }
  
  .filter-content-filter {
    font-size: 14px;
    padding: 12px;
    cursor: pointer;
  }
  
  .main-category-body-left-sidebar {
    width: 320px;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 20;
    background-color: rgba(255,255,255,0.95);
    transform: translateX(320px);
    transition: transform 0.5s;
    bottom: 0;
    overflow: auto;
  }
  
  .main-category-body-left-sidebar-header {
    position: relative;
    padding: 10px 0;
    border-bottom: 0.5px solid #e5e5e5;
    display: flex;
    justify-content: center;
  }
  
  .btn-close-left-sidebar {
    font-size: 24px;
    position: absolute;
    left: 0;
    width: 24px;
    height: 24px;
  }
  
  .main-category-body-left-sidebar-title {
    font-weight: 700;
  }
  
  .tvh--showOne.active {
    visibility: visible;
    opacity: 1;
    padding: 10px;
    z-index: 1;
  }
  
  .tvh--showOne {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 101%;
    background: #fff;
    left: 0;
    right: 0;
    padding: 10px;
  }
  
  .material-ripple {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    border-bottom: 0.5px solid #e5e5e5;
  }
  
  .filter-fixed {
    position: fixed; 
    top: 60px;
    z-index: 11;
    left: 0;
    right: 0;
    background: #fff;
    padding: 0 10px;
  }
  
  .filter-fixed .material-ripple {
    padding: 5px 10px;
  }
  
  #navbar {
    z-index: 11;
  }
  
  .filter-content-dropdown.active .fa-chevron-down {
    transform: rotate(-180deg);
    transition: all .5s ease;
  }
  
  .filter-content-dropdown .fa-chevron-down {
    transition: all .5s ease;
  }
  
  .check-fal .icon-check-fal {
    display: block;
  }
  
  .icon-check-fal {
    display: none;
  }
}




/*right*/
div#product-grid {
  display: grid;
  grid-template-columns: 16% 16% 16% 16% 16% 16%;
  column-gap: 12px;
}

.item-product-img {
  height: 370px;
}

@media(max-width: 1680px) {
  div#product-grid {
    grid-template-columns: 24% 24% 24% 24%; 
  }
}

@media(max-width: 1024px) {
  .main-category-body .col-xxl-9.col-xl-10.col-12 {
    padding: 0;
  }
  
  .item-product-img {
    height: 315px;
  }
  
  div#product-grid {
    grid-template-columns: 24% 24% 24% 24%; 
  }
}

@media(max-width: 768px) {
  div#product-grid {
    grid-template-columns: 32.5% 32.5% 32.5%;
    column-gap: 10px;
  }
  
  .item-product-img {
    height: 330px;
  }
}

@media(max-width: 550px) {
  div#product-grid {
    grid-template-columns: 48.5% 48.5%;
    column-gap: 10px;
  }
  
  .item-product-img {
    height: 268px;
  }
}

/*.item-product-img img {*/
/*  width: 100%;*/
/*  height: 100%;*/
/*  object-fit: cover;*/
/*  aspect-ratio: 4/5;*/
/*  display: block;*/
/*}*/

/*.item-product-img-first {*/
/*  transition: all .8s;*/
/*}*/

/*.item-product-img-last {*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  opacity: 0;*/
/*}*/

/*.item-product-img {*/
/*  position: relative;*/
/*}*/

/*.item-product-img:hover .item-product-img-first {*/
/*  opacity: 0;*/
/*  transition: all .8s;*/
/*}*/

/*.item-product-img:hover .item-product-img-last{*/
/*  opacity: 1;*/
/*  transition: all .8s;*/
/*}*/

.item-product-info {
  min-height:100px;
}

.item-product-name {
  padding-top: 8px;
}

.item-product-name a {
  color: #767676;
  font-size: 12px;
  width: 100%;
  /*display: block;*/
}

.item-product-name a:hover {
  color: #222;
}

.item-product-price {
  font-size: 14px;
}

.item-product__price {
  display: flex;
  justify-content: space-between;
}

.item-product-price_price { 
  font-weight: 700;
}

.item-product-price_max-price {
  font-size: 12px;
  font-weight: 500;
  color: #999;
}

.item-product-wishlist i {
  font-size: 14px;
}

.item-product-wishlist i:hover {
  font-size: 15px;
}

.btn-addToCart {
  height: 44px;
  line-height: 44px;
  font-size: 14px;
  position: absolute;
  bottom: 35px;
  background: #fff;
  padding: 0 15px;
  left: 0;
  right: 0;
  margin: auto;
  width: 150px;
  opacity: 0;
  visibility: hidden;
  cursor: pointer;
}

.main-category-body-right-item-product:hover .btn-addToCart {
  opacity: 1;
  visibility: visible;
}

@media(max-width: 768px) {
  .main-category {
    padding: 0 10px;
  }
  
  .main-category-body {
    padding: 0 10px;
  }
  
  .btn-addToCart {
    display: none;
  }
}

@media(max-width: 550px) {
  .main-category-body-left {
    padding: 0 10px;
  }
  
  .item-product-name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}

/*trai*/
.side-filter__item-header {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
}

.side-filter-items {
  padding: 15px 0;
}

.radio_item-content-ul,
.radio_item-content-li,
.ul_filter_price {
  display: inline-block;
  font-size: 13px;
  margin: 0;
}

.radio_item-content-ul input[type='radio'],
.radio_item-content-li input[type='radio'],
.dp-inline-block {
  width: 11px;
  height: 11px;
  outline: none;
  margin: 0;
}

.ul_filter_price label:focus,
.ul_filter_price label:hover,
.ul_filter_price label:active {
  color: #fa6338;
}

.radio_item-content-ul span,
.radio_item-content-li span,
.ul_filter_price span {
  margin-left: 5px;
  font-weight: normal;
  cursor: pointer;
}

.side-filter__item-content,
.items-children-cate {
  max-height: 0;
  overflow: hidden;
  transition: 500ms all;
}

.items-children-cate .nav-item {
  padding-left: 20px;
}

.side-filter__item-content.showActive {
  margin-top: 10px;
}

.showIcon .btn-dropdown:after {
    content: "\2B";
}

.btn-dropdown:after {
  content:"\2212";
}

.toggle-click_title {
  cursor: pointer;
}

.btnSeeMore {
  padding: 10px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  width: max-content;
  margin: 0 auto;
  cursor: pointer;
  display: flex;
  align-items: center;
  transition: all .3s;
}