/* Moved from style.css */

@media (max-width: 1024px) {
  .mobile-search-wrap {
          position: relative;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          flex: 0 0 auto;
      }

      .mobile-search-toggle,
      .mobile-search-submit {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 42px;
          height: 42px;
          padding: 0;
          border: 1px solid rgba(255, 255, 255, .35);
          border-radius: 0;
          color: var(--color-main);
          background: rgb(233 189 94 / 52%);
          cursor: pointer;
          border-radius: 50%;
      }

      .mobile-search-form {
          position: absolute;
          top: calc(100% + 10px);
          right: 0;
          z-index: 30;
          display: flex;
          align-items: center;
          width: min(320px, calc(100vw - 20px));
          min-height: 46px;
          background: #fff;
          box-shadow: 0 12px 30px rgba(0, 0, 0, .18);
          opacity: 0;
          pointer-events: none;
          transform: translateY(-8px);
          transition: opacity .22s ease, transform .22s ease;
          border-radius: 25px;
          overflow: hidden;
      }

      .mobile-search-wrap.is-open .mobile-search-form {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0);
      }

      .mobile-search-input {
          flex: 1 1 auto;
          width: 100%;
          min-width: 0;
          height: 46px;
          padding: 0 12px;
          border: 0;
          border-radius: 0;
          color: #222;
          background: #fff;
          outline: none;
      }

      .mobile-search-submit {
          flex: 0 0 46px;
          width: 46px;
          height: 46px;
          border: 0;
          color: #fff;
          background: var(--color-main);
      }

      .mobile-show-search {
          position: absolute;
          top: calc(100% + 4px);
          left: 0;
          right: 0;
          z-index: 31;
          background: #fff;
          box-shadow: 0 12px 26px rgba(0, 0, 0, .16);
      }


      .title-about h2 a {
          font-size: 78px;
      }

      .bg_bgsize {
          background-size: auto 100%;
          padding: 0px 0 !important;
      }

      .bean-nav__category {
          flex-basis: 210px;
      }

      .bean-nav__inner {
          gap: 12px;
      }

      .bean-nav__list>li>a {
          padding: 0 8px;
          font-size: 13px;
      }

      .wrap-main .wrap-content {
          padding: 0
      }

  /* Criteria article responsive */

  .all_article {
      height: auto;
      padding: 0;
      overflow: visible;
    }

    .criteria-swiper,
    .criteria-swiper .swiper-slide,
    .box-article {
      height: 86px;
    }

    .bd-article {
      min-height: 66px;
      padding: 14px 18px;
      gap: 16px;
    }

    .images-article {
      flex-basis: 44px;
      width: 44px;
      height: 44px;
    }

    .images-article img {
      width: 38px;
      height: 38px;
    }

    .ds-article h3 {
      font-size: 15px;
    }

    .ds-article span {
      font-size: 14px;
    }

  /* Product flash sale tabs responsive */

  .product-figma-section {
      padding: 24px 0 25px !important;
      border-width: 4px;
    }

    .product-figma-wrap {
      padding: 0 18px;
    }

    .product-figma-wrap::before {
      left: 18px;
      width: 82px;
      height: 88px;
      font-size: 15px;
    }

    .product-figma-head,
    .product-figma-desc {
      padding-left: 96px;
    }

    .product-figma-tab {
      font-size: 28px;
    }

    .product-figma-result .menu-product-card__link {
      padding: 10px 14px 14px;
    }

    .product-figma-result .menu-product-card__price-new {
      font-size: 20px;
    }

  /* Brand figma responsive */

  .brand-figma-wrap {
      border-radius: 0 0 5px 5px;
      margin-bottom: 10px;
    }

    .brand-figma-head {
      min-height: 52px;
      padding: 0 14px 0 22px;
    }

    .brand-figma-title h2 {
      font-size: 18px;
    }

    .brand-figma-swiper {
      /* padding: 24px 20px 52px; */
    }

    .brand-figma-item {
      min-height: 92px;
    }

  /* Product list figma responsive */

  .product-list-figma-content {
      padding-top: 45px;
    }

    .product-list-figma-result .home-product-ajax-grid {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .product-list-figma-result {
      min-height: 0;
    }

    .product-list-figma-result .menu-product-card {
      /* min-height: 450px; */
    }

    .product-list-figma-result .menu-product-card__photo {
      height: 240px;
    }

  /* News figma responsive */

  .news-figma-wrap {
      grid-template-columns: 1fr;
      gap: 24px;
      display: block;
    }

    .news-figma-panel {
      min-height: 580px;
    }

    .news-figma-quote {
      width: 100%;
      max-width: 520px;
      min-height: auto;
      justify-self: center;
    }

  /* Footer figma responsive */

  .footer-figma-wrap {
      width: min(960px, calc(100% - 24px));
    }

    .footer-figma-top {
      grid-template-columns: 330px 1fr 1fr;
      gap: 30px;
      padding: 45px 0 110px;
    }

    .footer-figma-facebook {
      grid-column: 2 / 4;
      display: grid;
      grid-template-columns: 1fr 327px;
      align-items: start;
      gap: 24px;
    }

    .footer-figma-logo {
      width: 285px;
      height: 178px;
    }

    .footer-figma-bottom-inner {
      width: min(960px, calc(100% - 24px));
    }
}

@media (max-width: 991px) {
  .prodetail__detail-layout {
          grid-template-columns: 1fr;
      }

      .prodetail__hot {
          padding: 16px;
      }

      .title-main h1,
      .title-main h2,
      .title-about h2 {
          font-size: 25px;
      }

      .splide__arrow {
          display: none
      }

      .header-wrap,
      .menu-main {
          display: none !important
      }

      .menu-res {
          display: flex !important;
          align-items: center;
          justify-content: space-between;
      }

      .logo-mb {
          display: inline-block;
          text-align: center;
          max-width: 200px
      }

      .menu_baophu {
          background: #000;
          opacity: .8;
          z-index: 998;
          left: 0;
          top: 0;
          position: fixed;
          width: 100%;
          height: 100%;
          display: none
      }

      .icon_menu_mobi {
          color: var(--color-main);
          font-size: 32px;
          text-decoration: none;
          width: 35px;
          display: block;
          cursor: pointer;
          margin: 0;
          text-align: center
      }

      .logo-mobi {
          display: inline-block;
      }

      .menu_mobi {
          border-top: 1px solid var(--color-main);
          border-bottom: 1px solid var(--color-main);
          padding: 0px 10px;
          width: 100%;
          /* height: 100%; */
          cursor: pointer;
          position: relative;
          top: 0;
          z-index: 10;
          box-shadow: rgba(100, 100, 111, .2) 0 5px 20px
      }

      .menu_mobi_add {
          position: fixed;
          top: 0;
          left: -100%;
          bottom: 0;
          width: 350px;
          max-width: 85%;
          background: #fff;
          box-shadow: 0 0 10px rgba(0, 0, 0, .05);
          transition: .5s;
          z-index: 9999999
      }

      .menures_inner {
          display: flex;
          flex-direction: column;
          position: absolute;
          top: 0;
          bottom: 0;
          height: 100%;
          width: 100%
      }

      .menures_header {
          padding: 10px;
          position: relative;
          background: #fff;
          filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .07)) drop-shadow(0 2px 2px rgba(0, 0, 0, .06))
      }

      .menures_content {
          padding: 5px;
          position: relative;
          overflow-y: scroll;
          height: 100%;
          -webkit-overflow-scrolling: touch;
          -ms-scroll-chaining: none;
          overscroll-behavior: none;
          background: var(--color-main);
      }

      .menu_mobi_active {
          left: 0;
          transition: .5s
      }

      .menu_mobi_add ul {
          list-style: none;
          padding: 0;
          margin: 0
      }

      .icon_menu_mobi .menu_mobi_add ul>li {
          border-bottom: 1px solid #f1f1f1;
      }

      .menu_mobi_add ul ul>li {
          border-bottom: none;
      }

      .menu_mobi_add ul li.li-tim {
          display: none
      }

      .menu_mobi_add ul li h2 {
          font-size: 17px;
          margin-bottom: 0
      }

      .menu_mobi_add ul li b {
          display: inline-block;
          vertical-align: top;
          margin-right: 8px
      }

      .menu_mobi_add ul li b img {
          display: inline-block;
          vertical-align: top
      }

      .menu_mobi_add ul li {
          border-bottom: 1px solid #f1f1f1;
      }

      .menu_mobi_add ul li a {
          color: #fff;
          padding: 8px 30px 8px 5px;
          position: relative;
          font-size: 14px;
          transition: .3s !important;
          border-radius: 10px;
          display: flex;
          align-items: center;
          gap: 12px;
          text-transform: uppercase;
      }

      .menu_mobi_add ul li a svg {
          display: none
      }

      .menu_mobi_add ul li a i {
          position: absolute;
          right: 5px;
          transform: rotate(0);
          width: 25px;
          height: 25px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 12px;
          color: #fff;
          border-radius: 50%;
          top: calc(50% - 25px / 2)
      }

      .menu_mobi_add ul li a.active2 i {
          transform: rotate(90deg);
          color: #fff;
          box-shadow: 0 0 0 25px var(--color-main) inset
      }

      .menu_mobi_add ul ul {
          display: none;
          padding-left: 15px;
          margin: 5px 0 10px 0
      }

      .menu_mobi_active .menu_lvl2>ul {
          padding: 0
      }

      .menu_mobi_add ul li ul li a {
          padding-left: 20px;
          color: #fff;
      }

      .menu_mobi_add ul li ul li ul li a {
          padding-left: 20px
      }

      .menu_mobi_add ul li:last-child a {
          margin-bottom: 0
      }

      .thongtin-mb ul li {
          list-style: none;
          color: #000;
          font-weight: 500;
          margin-bottom: 15px
      }

      .thongtin-mb ul li:last-child {
          margin-bottom: 0
      }

      .thongtin-mb ul li i {
          font-size: 19px;
          margin-right: 10px;
          color: var(--color-main)
      }

      .close_menu {
          display: inline-block;
          cursor: pointer;
          position: absolute;
          top: 5px;
          right: 5px;
          width: 25px
      }

      .menures_footer {
          padding: 10px;
          margin-top: auto;
          background: #f7f7f7;
          border-top: solid 1px #e4e8ed
      }


      .wr-statistical {
          margin-top: 18px;
      }

      .statistical-card {
          min-height: 96px;
          padding: 14px;
      }

      .statistical-card__number {
          font-size: 24px;
      }

      .bean-header__lang-list {
          margin-top: 0;
          margin-left: 0;
      }



      .prodetail__header {
          grid-template-columns: 1fr;
          gap: 24px;
          display: grid;
      }
.prodetail__gallery, .prodetail__info{ width:100%;}
      .prodetail__info {
          padding: 24px;
      }

          .slide-wrap .wrap-main-k{padding: 10px;}

  .criteria-swiper,
    .criteria-swiper .swiper-slide,
    .box-article {
      height: 84px;
    }

    .bd-article {
      min-height: 64px;
      padding: 13px 16px;
      gap: 14px;
    }

    .criteria-swiper .swiper-slide:not(:last-child) .bd-article::after {
      top: 18px;
      height: 48px;
    }

  .product-figma-head {
      align-items: flex-start;
    }

    .product-figma-title {
      gap: 14px;
    }

    .product-figma-tab {
      font-size: 24px;
    }

    .product-figma-more {
      min-width: 112px;
      padding: 8px 24px 8px 18px;
      font-size: 14px;
      top: 0;
    }

    .product-figma-result {
      min-height: 0;
    }

  .brand-figma-head {
      gap: 14px;
    }

    .brand-figma-title h2 {
      font-size: 17px;
    }

    .brand-figma-more {
      font-size: 14px;
    }

    .brand-figma-pagination .swiper-pagination-bullet {
      width: 42px;
    }

  .product-list-figma-banner,
    .product-list-figma-ads .swiper-slide a {
      height: 180px;
    }

    .product-list-figma-head {
      gap: 12px;
    }

    .product-list-figma-label {
      min-width: 255px;
      padding-left: 76px;
    }

    .product-list-figma-title-text {
      font-size: 16px;
    }

    .product-list-figma-result .home-product-ajax-grid {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

  .news-figma-panel {
      min-height: auto;
    }

    .news-figma-featured {
      width: 100%;
      max-width: 459px;
    }

    .news-figma-side-list {
      position: static;
      width: 100%;
      height: auto;
      margin-top: 24px;
      overflow: visible;
    }

    .news-figma-vertical .swiper-wrapper {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      transform: none !important;
    }

    .news-figma-vertical .swiper-slide {
      width: auto !important;
      margin: 0 !important;
    }

    .news-figma-side-list .news-shadow-article {
      grid-template-columns: 120px minmax(0, 1fr);
      gap: 12px;
    }

    .news-figma-side-list .news-shadow-image {
      width: 120px;
      height: 114px;
    }

  .footer-figma-section {
      min-height: 0;
    }

    .footer-figma-wrap {
      min-height: 0;
    }

    .footer-figma-top {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 32px 28px;
      padding: 38px 0 95px;
    }

    .footer-figma-store {
      grid-column: 1 / 3;
    }

    .footer-figma-facebook {
      grid-column: auto;
      display: block;
    }

    .footer-figma-contact {
      max-width: none;
    }

    .footer-figma-bottom-inner {
      flex-direction: column;
      justify-content: center;
      gap: 0;
      text-align: center;
    }

    .footer-figma-copyright {
      line-height: 24px;
      white-space: normal;
    }

    .footer-figma-stats {
      line-height: 24px;
    }

    .product-figma-head:before{ width:100%}
}

@media (max-width: 870px) {
  .scrollToTop {
          bottom: 140px
      }
}

@media (max-width: 767px) {
  .contact-flex {
          display: grid;
          grid-template-columns: 1fr;
          gap: 20px;
      }


      .newsnb--vertical .splide__track {
          height: var(--home-news-panel-height) !important;
      }

      .home-news-card.news-side-item {
          grid-template-columns: 92px minmax(0, 1fr);
      }

      .main-widget {
          bottom: 85px;
      }

      .news-item__name {
          min-height: auto;
          font-size: 15px;
          line-height: 1.45;
      }

      .news-item__next {
          margin-top: 16px;
      }

      .news-detail-gallery {
          grid-template-columns: repeat(2, 1fr);
      }


      .prodetail {
          padding-top: 8px;
      }

      .prodetail__info,
      .prodetail__tabs {
          padding: 10px;
      }

      .prodetail__title {
          font-size: 24px;
          margin-bottom: 12px;
      }

      .prodetail__option {
          gap: 6px 10px;
      }

      .prodetail__option li.line {
          display: none;
      }

      .prodetail__price-new {
          font-size: 24px;
      }

      .prodetail__desc {
          padding: 12px;
          margin-bottom: 16px;
      }

      .prodetail__actions {
          grid-template-columns: 1fr;
          gap: 8px;
          margin: 16px 0;
      }

      .prodetail__btn {
          min-height: 46px;
      }

      .prodetail__qty-group {
          align-items: flex-start;
          flex-direction: column;
          gap: 8px;
          margin: 16px 0;
      }

      .prodetail__social {
          align-items: flex-start;
          flex-direction: column;
      }

      .prodetail__tab-header {
          gap: 18px;
          overflow-x: auto;
          white-space: nowrap;
      }

  .criteria-swiper,
    .criteria-swiper .swiper-slide,
    .box-article {
      height: 82px;
    }

    .bd-article {
      min-height: 62px;
      padding: 12px 14px;
      gap: 12px;
    }

    .images-article {
      flex-basis: 40px;
      width: 40px;
      height: 40px;
    }

    .images-article img {
      width: 34px;
      height: 34px;
    }

    .ds-article h3 {
      margin-bottom: 4px;
      font-size: 14px;
    }

    .ds-article span {
      font-size: 13px;
    }

  .product-figma-section {
      border-radius: 10px;
    }

    .product-figma-wrap::before {
      top: -40px;
      width: 66px;
      height: 72px;
      padding-top: 14px;
      border-radius: 0 0 20px 20px;
      font-size: 12px;
    }

    .product-figma-head {
      flex-direction: column;
      gap: 12px;
      padding-left: 78px;
    }

    .product-figma-desc {
      padding-left: 78px;
      margin-bottom: 18px;
      font-size: 14px;
    }

    .product-figma-title {
      flex-wrap: wrap;
      gap: 10px 14px;
    }

    .product-figma-tab {
      font-size: 20px;
    }

    .product-figma-line {
      height: 22px;
    }

    .product-figma-more {
      min-height: 34px;
    }

    .product-figma-prev,
    .product-figma-next {
      display: none;
    }

    .product-figma-result .menu-product-card__name {
      /* min-height: 42px; */
      font-size: 13px;
    }

  .brand-figma-head {
      min-height: auto;
      padding: 14px 16px;
      align-items: flex-start;
      flex-direction: column;
    }

    .brand-figma-title {
      width: 100%;
    }

    .brand-figma-title h2 {
      font-size: 16px;
    }

    .brand-figma-swiper {
      /* padding: 18px 14px 44px; */
    }

    .brand-figma-item {
      min-height: 86px;
    }

    .brand-figma-item img {
      max-height: 68px;
    }

    .brand-figma-pagination {
      bottom: 0px !important;
    }

  .product-list-figma-section {
      padding-bottom: 32px;
    }

    .product-list-figma-content {
      padding-top: 34px;
    }

    .product-list-figma-banner,
    .product-list-figma-ads .swiper-slide a {
      height: 150px;
    }

    .product-list-figma-head {
      min-height: auto;
      margin-bottom: 24px;
      flex-wrap: wrap;
      align-items: center;
      border-bottom-width: 2px;
    }

    .product-list-figma-label {
      min-width: 230px;
      height: 54px;
      padding-left: 68px;
    }

    .product-list-figma-icon {
      width: 48px;
      height: 48px;
    }

    .product-list-figma-decor {
      order: 3;
      flex-basis: 100%;
      height: 12px;
      margin-top: -12px;
      width: 0;
      background: unset;
    }

    .product-list-figma-decor::before {
      display: none;
    }

    .product-list-figma-decor::after {
      left: 0;
    }

    .product-list-figma-more {
      margin-top: 0;
      margin-left: auto;
      position: relative;
      right: 0;
      text-align: center;
    }

    .product-list-figma-result .home-product-ajax-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 12px;
    }

    .product-list-figma-result .menu-product-card {
      /* min-height: 430px; */
    }

    .product-list-figma-result .menu-product-card__photo {
      height: 220px;
    }

    .product-list-figma-result .menu-product-card__name {
      font-size: 13px;
      line-height: 21px;
    }

    .product-list-figma-result .menu-product-card__price-new {
      font-size: 18px;
    }

    .product-list-figma-ads {
      margin-top: 42px;
    }

  .news-figma-section {
      padding-bottom: 32px;
    }

    .news-figma-wrap {
      margin-top: 22px;
      margin-bottom: 22px;
      gap: 18px;
    }

    .news-figma-panel {
      padding: 5px;
    }

    .news-figma-title h2 {
      font-size: 18px;
    }

    .news-figma-featured {
      max-width: none;
    }

    .news-figma-featured .news-shadow-image {
      width: 100%;
      height: unset;
      /* aspect-ratio: 459 / 319; */
    }

    .news-figma-vertical .swiper-wrapper {
      grid-template-columns: 1fr;
    }

    .news-figma-side-list .news-shadow {
      min-height: 0;
    }

    .news-figma-side-list .news-shadow-article {
      grid-template-columns: 132px minmax(0, 1fr);
    }

    .news-figma-side-list .news-shadow-image {
      width: 132px;
      height: 126px;
    }

    .news-figma-quote {
      padding: 24px 12px 12px;
    }

    .news-figma-quote-title h2 {
      font-size: 20px;
      white-space: normal;
    }

    .news-figma-form {
      padding: 22px 16px;
    }

  .footer-figma-top {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 30px 0 95px;
    }

    .footer-figma-store {
      grid-column: auto;
    }

    .footer-figma-logo {
      width: 245px;
      height: 154px;
      margin-left: auto;
      margin-right: auto;
    }

    .footer-figma-contact {
      font-size: 13px;
      line-height: 28px;
    }

    .footer-figma-contact p,
    .footer-figma-contact div {
      line-height: 28px;
    }

    .footer-figma-contact p:nth-child(1)::before,
    .footer-figma-contact div:nth-child(1)::before,
    .footer-figma-contact p:nth-child(2)::before,
    .footer-figma-contact div:nth-child(2)::before,
    .footer-figma-contact p:nth-child(3)::before,
    .footer-figma-contact div:nth-child(3)::before,
    .footer-figma-contact p:nth-child(4)::before,
    .footer-figma-contact div:nth-child(4)::before {
      line-height: 28px;
    }

    .footer-figma-social {
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-top: 16px;
    }

    .footer-figma-social-link {
      width: 42px;
      height: 42px;
    }

    .footer-figma-fanpage {
      width: 100%;
      max-width: 327px;
    }

    .footer-figma-bottom {
      height: auto;
      min-height: 76px;
    }

    .footer-figma-bottom-inner {
      height: auto;
      min-height: 76px;
      padding: 8px 0;
    }
}

@media (max-width: 575px) {
  .criteria-swiper,
    .criteria-swiper .swiper-slide,
    .box-article {
      height: auto;
    }

    .bd-article {
      min-height: 70px;
      padding: 12px;
    }

    .criteria-swiper .swiper-slide:not(:last-child) .bd-article::after {
      top: 16px;
      height: calc(100% - 32px);
    }

  .product-figma-section {
      padding: 50px 10px 20px !important;
    }

    .product-figma-wrap {
      padding: 0 10px;
    }

    .product-figma-wrap::before {
      /* position: relative; */
      top: -15px;
      left: auto;
      width: 76px;
      height: 60px;
      padding-top: 0;
      margin-bottom: 10px;
      border-radius: 12px;
      white-space: normal;
    }

    .product-figma-head,
    .product-figma-desc {
      padding-left: 0;
    }

    .product-figma-head {
      padding-bottom: 12px;
    }

    .product-figma-tab {
      font-size: 18px;
    }

    .product-figma-result .menu-product-card__price {
      /* margin-bottom: 38px; */
    }

    .product-figma-result .menu-product-card__price-new {
      font-size: 18px;
    }

    .product-figma-result .menu-product-card__btn--buy {
      min-height: 44px;
      font-size: 14px;
    }

  .brand-figma-head {
      padding: 12px;
    }

    .brand-figma-icon {
      width: 26px;
      height: 26px;
    }

    .brand-figma-title h2 {
      font-size: 15px;
    }

    .brand-figma-swiper {
      /* padding: 14px 12px 40px; */
    }

    .brand-figma-item {
      min-height: 78px;
    }

    .brand-figma-pagination .swiper-pagination-bullet {
      width: 34px;
    }

  .product-list-figma-banner-wrap,
    .product-list-figma-content,
    .product-list-figma-ads {
      /* padding-left: 12px; */
      /* padding-right: 12px; */
    }

    .product-list-figma-banner,
    .product-list-figma-ads .swiper-slide a {
      height: 125px;
    }

    .product-list-figma-content {
      padding-top: 26px;
    }

    .product-list-figma-label {
      width: 100%;
      min-width: 0;
      padding-right: 42px;
    }

    .product-list-figma-title-text {
      overflow: hidden;
      text-overflow: ellipsis;
    }

    .product-list-figma-more {
      width: 100%;
      margin-left: 0;
      line-height: 22px;
    }
 
    .product-list-figma-result .menu-product-card__link {
   
      padding: 8px 8px 0;
    }

    .product-list-figma-result .menu-product-card__photo {
      height: 190px;
    }

    .product-list-figma-result .menu-product-card__discount {
      min-width: 35px;
      height: 47px;
      padding-top: 14px;
      font-size: 12px;
      right: 0;
    }

    .product-list-figma-result .menu-product-card__price-new {
      font-size: 16px;
    }

    .product-list-figma-result .menu-product-card__price-old {
      font-size: 12px;
    }

    .product-list-figma-result .menu-product-card__save {
      padding-left: 6px;
      padding-right: 6px;
      margin-right: 0;
    }

    .product-list-figma-result .menu-product-card__actions {
      left: 8px;
      right: 8px;
      bottom: 10px;
      grid-template-columns: 1fr 1fr;
      /* padding: 0; */
      margin-top: 10px;
    }

    .product-list-figma-result .menu-product-card__btn {
      min-height: 34px;
    }

    .product-list-figma-result .menu-product-card__btn--buy {
      font-size: 13px;
    }
 

    .news-figma-title::after {
      width: 148px;
    }

    .news-figma-featured .news-shadow-name a {
      font-size: 14px;
    }

    .news-figma-side-list .news-shadow-article {
      grid-template-columns: 110px minmax(0, 1fr);
    }

    .news-figma-side-list .news-shadow-image {
      width: 110px;
      height: 104px;
    }

    .news-figma-side-list .news-shadow-name a,
    .news-figma-featured-date,
    .news-figma-side-list .date-news-lrn,
    .news-figma-side-list .news-shadow-info > .text-split,
    .news-figma-featured .news-shadow-info > .text-split,
    .news-figma-more {
      font-size: 12px;
      line-height: 22px;
    }

    .news-figma-more span {
      width: 22px;
      height: 22px;
      line-height: 22px;
    }

    .news-figma-quote-title {
      padding-left: 40px;
    }

    .news-figma-quote-title h2 {
      font-size: 18px;
    }

    .news-figma-field .form-control,
    .news-figma-submit-wrap .btn {
      height: 46px;
    }

    .news-figma-field--content .form-control {
      height: 120px;
    }

  .footer-figma-wrap {
      width: min(100% - 20px, 520px);
    }

    .footer-figma-top {
      padding-bottom: 112px;
    }

    .footer-figma-title,
    .footer-figma-fb-title h2 {
      font-size: 15px;
      line-height: 24px;
      white-space: normal;
    }

    .footer-figma-list li,
    .footer-figma-list a {
      font-size: 13px;
      line-height: 28px;
    }

    .footer-figma-fb-title p {
      width: 100%;
    }

    .footer-figma-stats {
      gap: 18px;
    }

    .all_brand{ padding:10px}

    .menu-product-card__link{ padding:5px;}
    .menu-product-card__name{font-size: 13px;line-height: unset;}
    .menu-product-card__price-new{ font-size:15px}
    .menu-product-card__discount{right:5px;min-width: 32px;height: 48px;font-size: 12px;}
.floating-actions a{padding-right: 11px;width: 80px;}
}

@media (max-width: 480px) {
  .bd-article {
      gap: 10px;
      padding: 10px;
    }

    .images-article {
      flex-basis: 36px;
      width: 36px;
      height: 36px;
    }

    .images-article img {
      width: 32px;
      height: 32px;
    }

    .ds-article h3 {
      font-size: 13px;
    }

    .ds-article span {
      font-size: 12px;
    }

  .product-figma-title {
      width: 100%;
    }

    .product-figma-tab {
      font-size: 16px;
    }

    .product-figma-line {
      height: 18px;
    }

    .product-figma-desc {
      font-size: 13px;
    }

    .product-figma-result .menu-product-card__link {
      padding: 5px;
    }

    .menu-product-card__actions{ padding:5px}

    .product-figma-result .menu-product-card__price-new {
      font-size: 17px;
    }

  .brand-figma-title h2 {
      font-size: 14px;
    }

    .brand-figma-more {
      font-size: 13px;
    }

    .brand-figma-item {
      min-height: 72px;
      padding: 6px;
    }

    .brand-figma-item img {
      max-height: 58px;
    }

    .brand-figma-pagination .swiper-pagination-bullet {
      width: 28px;
    }

  .product-list-figma-result .home-product-ajax-grid {
      gap: 10px;
    }

    .product-list-figma-result .menu-product-card {
      /* min-height: 378px; */
    }

    .product-list-figma-result .menu-product-card__photo {
      height: 165px;
    }

    .product-list-figma-result .menu-product-card__name {
      min-height: 42px;
      font-size: 12px;
      line-height: 20px;
    }

    .product-list-figma-result .menu-product-card__price {
      margin-bottom: 8px;
    }

    .product-list-figma-result .menu-product-card__price-new {
      font-size: 15px;
    }

    .product-list-figma-result .menu-product-card__save {
      font-size: 10px;
    }

    .product-list-figma-result .pagination li a,
    .product-list-figma-result .pagination li span {
      min-width: 30px;
      height: 30px;
    }

  .news-figma-side-list .news-shadow-article {
      grid-template-columns: 96px minmax(0, 1fr);
      gap: 10px;
    }

    .news-figma-side-list .news-shadow-image {
      width: 96px;
      height: 92px;
    }

    .news-figma-featured-date svg,
    .news-figma-side-list .date-news-lrn svg {
      width: 14px;
      height: 14px;
    }

    .news-figma-quote {
      border-width: 4px;
    }

    .news-figma-form {
      padding: 18px 12px;
    }

  .footer-figma-logo {
      width: 220px;
      height: 138px;
    }

    .footer-figma-social span {
      width: 100%;
    }

    .footer-figma-bottom-inner {
      width: calc(100% - 20px);
    }

    .footer-figma-copyright,
    .footer-figma-stats {
      font-size: 12px;
    }

    .product-figma-pagination{margin-top:10px;width: 100% !important;}
    .product-figma-swiper{ padding-bottom:10px}
}

@media (max-width: 419px) {
  .service-item__info h3 {
          font-size: 18px;
      }
}