.pro-product-content_grid a{
        text-decoration: none;
    }
    .APAstar-icon {
    width: 24px;
    height: 24px;
  }

  .APAstar-icon use {
    transition: fill 0.3s ease;
  }

  .APAstar-animate {
    animation: APApopIn 0.3s ease;
  }

  @keyframes APApopIn {
    0% { transform: scale(0.8); opacity: 0.3; }
    100% { transform: scale(1); opacity: 1; }
  }

  .APAstar-box {
    display: inline-flex;
    gap: 2px;
    align-items: center;
    margin-top: 4px;
  }

    .poc-categories-brand-page .sel-sortby.fil-sec i{
        right: 0px !important;
}
#select_sortby{
        padding: 16px 20px 16px 16px;
}
ol.breadcrumbs {
    padding: 0px 15px;
    text-align: left;
}
@media only screen and (min-width: 551px) {
    ol.breadcrumbs {
        display: block;
    }
}

.apa-product-grid {
    height: 100%;
}
.category-product-mobile-view {
    padding: 0px;
}
  #Header > a { padding-bottom: 28px; }
 .APAcontainer{height: auto;}


 .APAcontainer.container-custom {
    max-width: 1440px !important;
    padding: 0px;
}


@media only screen and (max-width: 1024px) {
 .res_wdt_prd.content .inner:after {
      font-family: FontAwesome;
      content: "\f054";
      color: #a6a6a6!important;
      margin-top: 10px;
      visibility: visible;
      font-size: 12px;
      font-weight: 400;
      margin-left: 5px;
      position: absolute;
      right: 0px;
      top: 25%;
  }
}
@media only screen and (max-width: 576px) {

}
@media screen and (min-device-width: 576px) and (max-device-width: 768px) {
  .category-grid-section ul li {
    width: 200px !important;
}
}
@media screen and (min-device-width: 991px) and (max-device-width: 1024px) {
  .category-grid-section ul li {
    width: 200px !important;
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) {
  .category-grid-section ul li {
    width: 200px !important;
}
}
@media screen and (min-device-width: 576px) and (max-device-width: 1023px) {
.filter-body  .APAcol-md-6 , .filter-body  .APAcol-sm-6  {
         -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
}

}

.cagetory-heading {
  font-family: 'Eurostile LT Std Demi' !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 24px;
  text-align: left;
  color: #222222 !important;
}
.category_below_header {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 24px;
    padding-left: 25px;
    margin: 0px !important;
}
.sidebarBlock-heading {
    font-family: 'Myriad Pro Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #222222;
    line-height: 24px;
    padding-left: 25px;
}
.category-grid-section ul li {
    width: 260px;
    margin: 10px;
    margin-left: 15px;
    border-radius: 0.97766px;
}
.navList:before, .navList:after {
  display: none !important;
}
.navList-action {
  font-size: 20px !important;
}
.image-bg {
   position: relative;
   height: 232px;
}
.image-bg img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.image-bg::before {
    position: absolute;
    content: '';
    background-color: rgba(19, 153, 124, 0.3);
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.product-main {
  position: relative;
}
.product-name p {
    color: white;
    text-align: center;
    word-break: break-word;
    font-size: 14px !important;
    margin: 0px;
    font-style: normal;
    font-weight: 600 !important;
    padding: 8px !important;
    text-transform: uppercase;
    border: 1px solid #fff;
    background: transparent !important;
    display: block !important;
    min-height: unset !important;
}

.sidebarBlock.category-grid-section {
    margin: 0 !important;
    margin-bottom: 50px !important;
    padding-bottom: 50px !important;
}

a.product-link {
    text-decoration: none;
}

.product-name p a {
  color: #fff !important;
}

.showing-heading {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  color: #222222 !important;
  line-height: 24px !important;
  padding-top: 20px;
}
.sort-label {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 16px !important;
  color: #222222 !important;
  line-height: 24px !important;
  min-width:60px;
}
#select_sortby {
  padding: 16px;
  background: #FFFFFF;
  border: 1px solid #C5C5C5;
  border-radius: 2px;
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px;
  color: #707070 !important;
}
.sorts-flex {
  display: flex;
  justify-content: end;
  gap: 20px;
}
.sorts-child {
  margin-bottom: 0px !important;
}
.pagination {
    border: 1px solid #D4D4D4;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
button.arrow-icon-left {
    padding: 6px 12px;
    background: #FFFFFF;
    border-right: 1px solid #D4D4D4;
    height: 100%;
}
 button.arrow-icon-right {
    padding: 6px 12px;
    background: #FFFFFF;
    border-left: 1px solid #D4D4D4;
    height: 100%;
}
.pagination span {
  padding: 6px 12px;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  color: #696969
}
.pagination .fa-angle-left , .pagination .fa-angle-right {
    width: 20px;
    height: 20px;
    color: #696969;
}
.filter-footer  #fil-range {
    display: flex;
    justify-content: center;
}
@media (max-width: 539px) {
  .desktop-view-filter {
    display: none;
  }
  .moile-view-pagination {
    display: none;
  }
  .filter-header {
    padding-top: 0px !important;
  }
  .showing-heading {
    width: 50%;
    padding-top: 10px;
    margin-bottom: 0px;
  }
  .mobile-view-filter {
    width: 50%;
    padding: 0px;
  }
  .mobile-view-filter .filter-toggle {
    border: unset !important;
    margin: 0px;
  }
  .mobile-view-filter .filter-toggle span{
    text-align: end !important;
    font-family: 'Eurostile LT Std Demi';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #222222;
    padding-top: 17px;
  }
  .mobile-view-filter .filter-toggle span::after{
    display: none;
  }
  #fil-range, .fil-sec {
    font-size: 13px !important;
  }
}
@media (min-width: 540px) {
    .category-grid-section ul.navList {
        display: flex;
        flex-wrap: wrap;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }
 
   
}

@media (max-width: 540px) {
        .category-product-mobile-view {
        width: 50%;
    }
    .sidebarBlock.category-grid-section {
    margin: 0 !important;
    margin-bottom: unset !important;
    padding-bottom: unset !important;
    }
    .poc-category-banner{
        padding: 20px 20px !important;
    }
    .category-grid-section ul li {
      margin-left: 0px !important;
    }
    .category-grid-section ul.navList {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding: 10px 0;
        margin: 0;
        list-style-type: none;
    }
    .carousel-dots .dot.active {
        background-color: #fff !important;
        border: 1px solid #fff !important;
        border-radius: 100px !important;
        width: 16px !important;
        height: 16px !important;
        border-radius: 100%;
    }
    .carousel-dots .dot {
        display: inline-block;
        margin: 0 2px !important;
        background-color: unset !important;
        border-radius: 100%;
        border: 1px solid #fff;
        width: 16px !important;
        height: 16px !important;
    }
    .category-grid-section ul.navList li.navList-item {
        flex: 0 0 49%;
        box-sizing: border-box;
        padding: 0 0px;
        scroll-snap-align: start;
    }
    .category-grid-section ul.navList::-webkit-scrollbar {
        display: none; 
    }
    .carousel-dots {
        text-align: center;
        padding-top: 10px;
    }
 
    .carousel-dots .dot {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 0 5px;
        background-color: #ddd;
        border-radius: 50%;
    }
 
.carousel-dots .dot.active {
        background-color: #333;
    }
}
.responsive-text::before
{
  content:"View Product";
}
@media (max-width: 767px) {
  .responsive-text::before
{
  content:"View";
}
}

.poc-category-banner {
    padding: 0px 90px;
    background: #54565B;
    padding-top: 50px;
    padding-bottom: 20px;
}
h1.page-heading.cagetory-heading {
    font-size: 34px !important;
    text-transform: uppercase;
    margin-bottom: 20px !important;
    color: #fff !important;
    text-align: center;
}



.category-product-mobile-view.APAcol-lg-4.APAcol-md-6.APAcol-sm-6 {
    padding: 0px;
}
.sorts-flex .fil-sec.sel-sortby.sorts-child {
    width: 200px;
}
.poc-categories-brand-page .fil-sec i {
    top: 40px !important;
}

.poc-categories-brand-page .desktop-narrow-results.ng-scope {
    padding: 22px 0px;
}

.poc-categories-brand-page #accordion .panel .panel-heading {
    margin-bottom: 0px !important;
    border: none !important;
    border-top: 1px solid #EAEAEA !important;
    border-bottom: none;
    border-left: none !important;
    background: #fff !important;
    padding: 0px;
    min-height: 60px;
}
.poc-categories-brand-page .sort-label {
    font-size: 14px !important;
}
.poc-categories-brand-page .pagination button {
    width: 44px;
    height: 52px;
    padding: 0px !important;
}
.poc-categories-brand-page .pagination button i {
    position: relative !important;
    top: -2px !important;
    right: unset !important;
}
.poc-categories-brand-page .card_sale_price, .APAProductsContainer .card_sale_price {
    font-weight: 600 !important;
    font-size: 32px !important;
    line-height: 40px;
    text-transform: uppercase;
    color: #222222 !important;
}
.poc-categories-brand-page .apa-product-grid .add-to-cart, .poc-categories-brand-page .apa-product-grid .see-details {
    background-color: #252627;
    border-radius: 2px;
    padding: 12px;
    font-family: 'Roboto';
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #FFFFFF !important;
    margin-bottom: 20px;
}
.poc-categories-brand-page #accordion .panel {
    border-radius: 4px !important;
    margin-bottom: 0px !important;
    border: none !important;
}

@media (max-width: 539px) {
    .poc-categories-brand-page .mobile-view-filter .filter-toggle span {
        font-size: 13px !important;
    }
    .poc-categories-brand-page .mobile-view-filter .filter-toggle span:before {
        right: 73px;
    }
    .poc-categories-brand-page .fil-sec i {
    top: 20px !important;
    }
    .poc-categories-brand-page .filter-header #fil-range {
        padding-right: 20px !important;
    }
}

#apa-upper-embed{
    justify-content: center !important; 
}