@media (min-width: 1600px) {
  .container-big {
      max-width: 1520px;
  }
}

@media (min-width: 1920px) {
  .container,
  .container-lg {
      max-width: 1520px;
  }
  .container-big {
      max-width: 1740px;
  }
}

@media (max-width: 1919.98px) {
  :root {
    --font-size-h1: 86px;
    --font-size-h2: 55px;
    --font-size-h3: 38px;
    --font-size-h4: 28px;
    --font-size-h5: 20px;
    --font-size-h6: 16px;
    --section-base: 36px;
    --button-height: 44px;
  }
}

@media (max-width: 1599.98px) {   
  :root {
      --font-size-h1: 76px;
      --font-size-h2: 48px;
      --font-size-h3: 36px;
      --font-size-h4: 24px;
      --font-size-h5: 18px;
      --font-size-h6: 16px;
      --section-base: 34px;
      --button-height: 42px;
  }
}

@media (max-width: 1399.98px) {
  :root {
     --font-size-base: 13px;
    --font-size-small: 11px;
    --font-size-h1: 72px;
    --font-size-h2: 46px;
    --font-size-h3: 32px;
    --font-size-h4: 21px;
    --font-size-h5: 17px;
    --font-size-h6: 15px;
    --section-base: 30px;
    --button-height: 40px;
  }
  .sidebar-main .sitenav-wrapper .sitenav-inner {
      max-width: 400px;
  }
}

@media (max-width: 991.98px) {
   :root {
    --font-size-h1: 56px;
    --font-size-h2: 36px;
    --font-size-h3: 28px;
    --font-size-h4: 20px;
    --font-size-h5: 17px;
    --font-size-h6: 15px;
    --section-base: 30px;
    --button-height: 40px;
  }
   body.page .main-content {
      padding-top: calc(var(--section-base) * 2);
  }
  .down .site-header .menu-top,
  .site-header .menu-top {
    justify-content: start;
    padding-bottom: calc(var(--section-base) * 0);
    border-bottom: 0;
  }
  .site-header {
    padding-bottom: calc(var(--section-base) * 0.5);
  }
  .down .site-header {
    padding-bottom: calc(var(--section-base) * 0.3);
  }
  
  .site-header .menu-top a img {
      object-position: center left;
  }
  .p-content {
      padding: calc(var(--section-base) * 1);
  }
}

@media (max-width: 767.98px) {
  
  // .section-collection-banner .img-wrap-2 img {
  //   object-position: right;
  // }
  .section-collection-banner .overlay {
    position: relative;
    background-color: rgb(239, 230, 220);
  }
  
  .section-collection-banner .overlay .text-white {
    color: var(--color-text) !important;
  }  
  
  .table-cart .media-line-item {
    gap: 5px;
  }
  .table-cart .item-quantity {
      width: calc(var(--section-base) * 2.2);
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 4.5rem;
  }
  .footer-top.mb-big {
      margin-bottom: calc(var(--section-base) * 0.5) !important;
  }
  .footer-logo {
    width: calc(var(--section-base) * 4.2);
  }
  .site-header .menu-top {
      gap: calc(var(--section-base) * 0.25);
  }
  .section-home-point,
  .section-home-about,
  .section-home-brand {
    padding-top: calc(var(--section-base) * 1.5);
    padding-bottom: calc(var(--section-base) * 1.5);
  }
  .section-home-video {
    height: calc(var(--section-base) * 10);
  }
  .section-collection-banner .p-content {
    padding-top: calc(var(--section-base) * 3);
    padding-bottom: calc(var(--section-base) * 3);
  }
  .section-collection-banner .p-content .ls-base {
    margin-bottom: calc(var(--section-base) * 0.5) !important;
  }
}

@media (max-width: 575.98px) {
  :root {
    --font-size-h1: 40px;
    --font-size-h2: 26px;
    --font-size-h3: 22px;
    --font-size-h4: 19px;
    --font-size-h5: 17px;
    --font-size-h6: 15px;
    --section-base: 30px;
    --button-height: 40px;
  }
}