@media (min-width: 1599px) {
  .product-list--category {
    background-position: center bottom !important;
    -webkit-background-size: 100% 100% !important;
    -moz-background-size: 100% 100% !important;
    -o-background-size: 100% 100% !important;
    background-size: 100% 100% !important;
  }
}

@media (max-width: 1023px) {
  .img__fixxx img{
    max-width: 100% !important;
    height: auto !important;
  }
  .home__section.has-decor--wave-white:before,
  .home__section.has-decor--wave-white:after,
  .home__section.has-decor--wave-gray:before,
  .home__section.has-decor--wave-gray:after {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .navigation {
    background: var(--clr-brand-linear-gradient) !important;
  }

  .navigation:before {
    display: none !important;
  }

  nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) {
    font-weight: 700;
    --mm-color-background: #fff;
    --mm-color-text: #000;
    --mm-color-text-dimmed: #000;
    --mm-color-button: #000;
  }

  nav:where(#menu, #mm-menu, #menu-clone, #mm-menu-clone) .mm-navbar__title {
    font-size: 18px;
  }

  .mm-listitem__btn span {
    display: none;
  }

  .mm-navbars_bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
  }

  .product-list--category {
    padding-top: 30px;
  }

  .intro {
    padding: 220px 0px 30px;
  }

  .product--featured,
  .product-list--featured,
  .why-choose,
  .feedback-album,
  .news-video,
  .partner {
    padding: 30px 0px;
  }

  .nutrition {
    padding: 30px 0;
  }

  .newsletter {
    padding: 30px 0px 50px;
  }

  .cart-fixed {
    /* right: 1rem; */
    /* bottom: 140px; */
  }

  .scroll-to-top {
    right: 1rem;
  }
}

@media (min-width: 851px) and (max-width: 1023px) {
}

@media (max-width: 850px) {
  .product .product__list.flex-container {
    --columns: 2;
    --space-x: 0.75rem;
  }

  .product .product__item {
    overflow: hidden;
    border: 1px solid var(--clr-brand-anzac);
    -webkit-border-radius: 0.625rem;
    -moz-border-radius: 0.625rem;
    border-radius: 0.625rem;
    padding: 0;
    -webkit-mask: none;
    mask: none;
  }

  .product .product__item-inner {
    -webkit-mask: none;
    mask: none;
  }

  .news .news__list.flex-container {
    --columns: 2;
    --space-x: 0.75rem;
  }

  .video .video__list.flex-container {
    --columns: 2;
    --space-x: 0.75rem;
  }

  .album .album__list.flex-container {
    --columns: 2;
    --space-x: 0.75rem;
  }

  .why-choose__photo--big:before,
  .why-choose__photo--big:after {
    display: none;
  }

  .why-choose__body {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .why-choose__left,
  .why-choose__right {
    width: -webkit-calc(50% - 0.5rem);
    width: -moz-calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
  }

  .why-choose__item {
    margin: 0 !important;
    margin-bottom: 1.5rem !important;
  }

  .feedback:before,
  .feedback:after {
    display: none;
  }

  .feedback .slick-list {
    margin-bottom: -1rem;
  }

  .feedback__item {
    margin-right: 0 !important;
    margin-left: 0 !important;
    margin-bottom: 1rem;
  }

  .feedback__info {
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 !important;
    -moz-box-flex: 1 !important;
    -ms-flex: 1 !important;
    flex: 1 !important;
  }

  .news--featured .slick-list {
    margin-right: -1rem;
    margin-bottom: 0;
  }

  .news--featured .news__item {
    margin-right: 1rem;
    margin-bottom: 0;
  }

  .video--featured .video--nav .slick-list {
    margin-right: -1rem;
  }

  .video--featured .video--nav .video__item {
    margin-right: 1rem;
  }

  .footer__article-list > .footer__article-item:nth-child(n) {
    width: -webkit-calc(50% - 0.5rem);
    width: -moz-calc(50% - 0.5rem);
    width: calc(50% - 0.5rem);
  }

  .footer__article-list.footer__article-top .footer__article-item:nth-child(2),
  .footer__article-list.footer__article-bottom
    .footer__article-item:nth-child(3) {
    width: 100%;
  }

  .footer__article-list.footer__article-top .footer__article-item:nth-child(1) {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .footer__article-list.footer__article-top .footer__article-item:nth-child(2) {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .footer__article-list.footer__article-top .footer__article-item:nth-child(3) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }
}

@media (max-width: 767px) {
  .footer__powered:has(.footer__statistic) .footer__copyright,
  .footer__powered:has(.footer__statistic) .footer__statistic {
    text-align: center;
  }

  .footer__powered:has(.footer__statistic) .footer__copyright {
    margin-bottom: 0.25rem;
  }
}

@media (max-width: 576px) {
  .product .product__list.flex-container {
    --space-x: 0.5rem;
  }

  .news .news__list.flex-container {
    --columns: 1;
    --space-x: 0rem;
    --space-y: 1.25rem;
  }

  .video .video__list.flex-container {
    --space-x: 0.5rem;
  }

  .album .album__list.flex-container {
    --space-x: 0.5rem;
  }

  .product-list--category .product-list__info {
    bottom: 1.5rem;
  }

  .why-choose__body {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .why-choose__item:nth-child(2) .why-choose__item-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .why-choose__left .why-choose__item:nth-child(2) .why-choose__info {
    text-align: left;
  }

  .why-choose__right .why-choose__item:nth-child(2) .why-choose__info {
    text-align: right;
  }

  .feedback .slick-list {
    margin-right: -1rem;
    margin-bottom: 0;
  }

  .feedback__item {
    margin-right: 1rem !important;
    margin-bottom: 0;
  }
}

@media (max-width: 369px) {
  .cart-pro-detail a {
    width: 100%;
  }

  .cart-pro-detail a:first-child {
    margin: 0 0 0.5rem 0;
  }

  .cart-pro-detail a i {
    display: none;
  }
}

@media (max-width: 1023px) {
  .body-container {
    overflow: hidden;
  }

  .mg-b\:1rem,
  .mg-b\:1\.5rem {
    margin-bottom: 0.75rem;
  }

  .mg-b\:2rem,
  .mg-b\:2\.5rem {
    margin-bottom: 1.25rem;
  }

  .ckeditor {
    overflow-x: auto;
  }

  .ckeditor:after {
    content: "";
    clear: both;
    display: block;
  }

  .ckeditor *:not(iframe) {
    word-break: break-word;
    max-width: 100% !important;
    height: auto !important;
  }

  .ckeditor iframe {
    max-width: 100% !important;
  }

  .rps-xl--visible[class*="rps-xl"][class*="--visible"] {
    display: block;
  }

  .rps-xl--hidden[class*="rps-xl"][class*="--hidden"] {
    display: none;
  }

  .rps-xl--w-fit[class*="rps-xl"][class*="--w-fit"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .rps-xl--w-100[class*="rps-xl"][class*="--w-100"] {
    width: 100%;
  }

  .rps-xl--flex-100[class*="rps-xl"][class*="--flex-100"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    flex: 0 1 100%;
  }
}

@media (max-width: 850px) {
  .rps-lg--visible[class*="rps-lg"][class*="--visible"] {
    display: block;
  }

  .rps-lg--hidden[class*="rps-lg"][class*="--hidden"] {
    display: none;
  }

  .rps-lg--w-fit[class*="rps-lg"][class*="--w-fit"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .rps-lg--w-100[class*="rps-lg"][class*="--w-100"] {
    width: 100%;
  }

  .rps-lg--flex-100[class*="rps-lg"][class*="--flex-100"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    flex: 0 1 100%;
  }
}

@media (max-width: 576px) {
  .rps-md--visible[class*="rps-md"][class*="--visible"] {
    display: block;
  }

  .rps-md--hidden[class*="rps-md"][class*="--hidden"] {
    display: none;
  }

  .rps-md--w-fit[class*="rps-md"][class*="--w-fit"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .rps-md--w-100[class*="rps-md"][class*="--w-100"] {
    width: 100%;
  }

  .rps-md--flex-100[class*="rps-md"][class*="--flex-100"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    flex: 0 1 100%;
  }
}

@media (max-width: 369px) {
  .rps-sm--visible[class*="rps-sm"][class*="--visible"] {
    display: block;
  }

  .rps-sm--hidden[class*="rps-sm"][class*="--hidden"] {
    display: none;
  }

  .rps-sm--w-fit[class*="rps-sm"][class*="--w-fit"] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  .rps-sm--w-100[class*="rps-sm"][class*="--w-100"] {
    width: 100%;
  }

  .rps-sm--flex-100[class*="rps-sm"][class*="--flex-100"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    flex: 0 1 100%;
  }

  .rps-sm--flex-100[class*="rps-sm"][class*="--flex-100"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
    -moz-box-flex: 0;
    flex: 0 1 100%;
  }
}
