@media only screen and (max-width: 1399px) {
      .banner-content::after {
    max-width: 800px;
    bottom: -84px;
  }
    .banner-content {
    padding-block: 78px;
  }
}
@media only screen and (max-width: 1366px) {


}

@media only screen and (max-width: 1199px) {
  .category-nav-menu {
    overflow-x: auto;
    overflow-y: hidden;
  }
  /* Banner Start */
  .banner-content-main::after {
    right: -190px;
  }
  .banner-content {
    padding-block: 68px;
  }
  .banner-content::after {
    max-width: 700px;
    bottom: -64px;
  }
  /* Banner End */
}

@media only screen and (max-width: 991px) {
  .banner-content-main::before {
    left: -396px;
  }
  .banner-content-main::after {
    right: -340px;
  }
  .banner-content {
    padding-block: 58px;
  }
  .banner-content::after {
    max-width: 600px;
  }
  .banner-content-main p {
    font-size: 16px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .py-30 {
    padding: 20px 0;
  }
  .section-header-container h2 {
    font-size: 16px;
    line-height: 22px;
  }
  .section-header-container .text-lg {
    font-size: 12px;
    line-height: 14px;
  }
  /* Listing Page Start */
  .brand-list-section .item-row {
    margin-bottom: -18px;
  }
  .brand-list-section .item-col {
    margin-bottom: 18px;
  }
  .banner-content {
    border-radius: 10px;
  }
    .banner-content::after {
    max-width: 500px;
    bottom: -74px;
  }
  /* Listing Page End */
}

@media only screen and (max-width: 575px) {
  .py-30 {
    padding: 16px 0;
  }
  /* Category Header Start */
  .section-header-container h2 {
    font-size: 14px;
    line-height: 21px;
  }
  .dept-category-header .category-nav-menu .nav-link {
    font-size: 10px;
    line-height: 12px;
    padding: 10px 0;
  }

  /* Category Header End */

  /* Banner Start */
  .banner-content {
    padding-block: 48px;
  }
  .banner-content::after {
    max-width: 400px;
  }
  .banner-content-main p {
    font-size: 14px;
    line-height: 21px;
  }
  /* Banner End */

  .text-lg {
    font-size: 14px;
    line-height: 18px;
  }

  .category-img-container {
    max-height: 140px;
    width: 100%;
    aspect-ratio: 1 / 1;
  }
  .brand-link {
    max-height: 120px;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .banner-content {
    padding-block: 38px;
  }
  .banner-content::after {
    max-width: 240px;
            bottom: -80px;

  }
}