@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&display=swap');

  * { box-sizing: border-box; margin: 0; padding: 0; }

  body { font-family: 'Poppins', sans-serif; background: #fff !important; }

  .hero {
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 620px;
    overflow: hidden;
    background: #0a0a0a;
    perspective: 1200px;
  }

  /* cursor glow */
  .hero-glow {
    position: absolute;
    top: 0; left: 0;
    width: 480px;
    height: 480px;
    margin-left: -240px;
    margin-top: -240px;
    background: radial-gradient(circle, rgba(38,179,154,0.16) 0%, rgba(38,179,154,0) 70%);
    z-index: 4;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.6s ease;
    will-change: transform;
  }
  .hero:hover .hero-glow { opacity: 1; }

  /* floating particles */
  .hero-particles {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
  }
  .hero-particles span {
    position: absolute;
    bottom: -20px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #2f8fe0;
    animation: floatUp linear infinite;
  }
  @keyframes floatUp {
    0%   { transform: translateY(0) translateX(0); opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 0.6; }
    100% { transform: translateY(-100vh) translateX(20px); opacity: 0; }
  }

  /* SLIDES */
  .slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    visibility: hidden;
    transform: scale(1.08);
    transition: opacity 0.7s ease, transform 2.6s cubic-bezier(.19,1,.22,1), visibility 0s linear 1.9s;
    z-index: 1;
  }

  .slide.active {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition: opacity 0.7s ease, transform 2.6s cubic-bezier(.19,1,.22,1), visibility 0s linear 0s;
    z-index: 2;
  }

  .slide-bg {
    position: absolute;
    inset: -3%;
    z-index: 1;
    background-size: cover;
    background-position: center;
    filter: brightness(0.5) grayscale(0.1);
    transform: scale(1);
    animation: kenburns 14s ease-in-out infinite alternate;
    will-change: transform;
  }

  .slide.active .slide-bg { animation-play-state: running; }

  @keyframes kenburns {
    0%   { transform: scale(1) translate(0, 0); }
    100% { transform: scale(1.15) translate(1%, -1%); }
  }

  /* === FIXED PATHS: root-relative, matching your public_html/assets/img/ folder === */
  .slide1 .slide-bg { background-image: url('/assets/img/sports-wallpaper-1920x800.png'); }
  .slide2 .slide-bg { background-image: url('/assets/img/fitness-wallpaper-full-models-1920x800.png'); }
  .slide3 .slide-bg { background-image: url('/assets/img/Jackets banner.png'); }
  .slide4 .slide-bg { background-image: url('/assets/img/streetwear-wallpaper-1920x800.png'); }

  .slide-panels {
    position: absolute;
    inset: 0;
    z-index: 5;
    display: flex;
    pointer-events: none;
  }

  .slide-panels .panel {
    flex: 1;
    background: transparent;
    transform: scaleY(1);
    transform-origin: bottom;
    transition: transform 1.6s cubic-bezier(.83,0,.17,1);
  }

  .slide-panels .panel.open {
    transform: scaleY(0);
  }

  .slide-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.55) 100%);
  }

  /* NAV */
  .nav {
    position: absolute;
    top: 0; left: 0; right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 48px;
    padding: 26px 20px 18px;
    opacity: 0;
    animation: fadeDown 0.8s ease forwards 0.2s;
  }

  .nav a {
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 4px;
    transition: color 0.3s ease;
  }

  .nav a::after {
    content: '';
    position: absolute;
    left: 0; bottom: 0;
    width: 0%;
    height: 2px;
    background: #2f8fe0;
    transition: width 0.35s ease;
  }

  .nav a:hover { color: #2f8fe0; }
  .nav a:hover::after { width: 100%; }

  /* CONTENT */
  .slide-content {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 20px;
  }

  .slide-title {
    color: #fff;
    font-weight: 900;
    font-size: clamp(42px, 8vw, 100px);
    letter-spacing: 4px;
    line-height: 1;
    text-transform: uppercase;
    overflow: hidden;
  }

  .slide-title .word {
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin-right: 0.28em;
  }

  .slide-title .char {
    display: inline-block;
    opacity: 0;
    transform: translateY(115%) rotate(6deg);
  }

  .slide.active .slide-title .char {
    animation: charIn 1.3s cubic-bezier(.19,1,.22,1) forwards;
  }

  @keyframes charIn {
    to { opacity: 1; transform: translateY(0) rotate(0deg); }
  }

  .slide-subtitle {
    color: #2f8fe0;
    font-weight: 700;
    font-size: clamp(15px, 2vw, 22px);
    letter-spacing: 3px;
    margin-top: 18px;
    opacity: 0;
    transform: translateY(20px);
  }

  .slide-desc {
    color: #f1f1f1;
    max-width: 620px;
    margin-top: 18px;
    font-size: clamp(14px, 1.6vw, 18px);
    line-height: 1.5;
    opacity: 0;
    transform: translateY(20px);
  }

  .slide-btn {
    margin-top: 34px;
    padding: 16px 38px;
    background: transparent;
    border: 2px solid #2f8fe0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transform: translateY(20px);
    transition: color 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;
  }

  .slide-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: #2f8fe0;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.45s cubic-bezier(.19,1,.22,1);
    z-index: -1;
  }

  .slide-btn:hover { color: #0a0a0a; transform: translateY(-3px); }
  .slide-btn:hover::before { transform: scaleX(1); }

  .slide.active .slide-subtitle { animation: riseIn 1.2s cubic-bezier(.19,1,.22,1) forwards 0.9s; }
  .slide.active .slide-desc     { animation: riseIn 1.2s cubic-bezier(.19,1,.22,1) forwards 1.3s; }
  .slide.active .slide-btn      { animation: riseIn 1.2s cubic-bezier(.19,1,.22,1) forwards 1.7s, pulse 2.8s ease-in-out infinite 3s; }

  @keyframes pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(47, 143, 224, 1); }
    50% { box-shadow: 0 0 0 10px rgba(46,196,198,0); }
  }

  @keyframes riseIn { to { opacity: 1; transform: translateY(0); } }
  @keyframes fadeDown { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: translateY(0); } }

  /* ARROWS */
  .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    border: none;
    background: transparent;
    color: rgba(255,255,255,0.65);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.3s ease, transform 0.3s ease;
  }

  .arrow {
    opacity: 0;
    animation: fadeDown 1.1s ease forwards 2.0s;
  }
  .arrow:hover { color: #fff; transform: translateY(-50%) scale(1.15); }
  .arrow:active { transform: translateY(-50%) scale(0.95); }
  .arrow.left { left: 18px; }
  .arrow.right { right: 18px; }
  .arrow svg { width: 32px; height: 32px; transition: transform 0.3s ease; stroke-width: 2; }
  .arrow.left:hover svg { transform: translateX(-3px); }
  .arrow.right:hover svg { transform: translateX(3px); }

  /* DOTS / CATEGORY TABS */
  .tabs {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 20px;
  }

  .tab {
    padding: 9px 18px;
    border: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 0.35s ease;
    white-space: nowrap;
  }

  .tab.active,
  .tab:hover {
    background: #2f8fe0;
    border-color: #2f8fe0;
    color: #0a0a0a;
  }

  /* Progress bar */
  .progress-track {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 3px;
    z-index: 10;
    background: rgba(255,255,255,0.15);
  }

  .progress-bar {
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 0%;
    background: #2f8fe0;
  }

  .progress-bar.animate {
    animation: progressFill 7s linear forwards;
  }

  @keyframes progressFill { to { width: 100%; } }

  /* Dot indicators (replace category tabs) */
  .dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    gap: 10px;
  }

  .dots {
    opacity: 0;
    animation: fadeDown 1.1s ease forwards 2.3s;
  }

  .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: rgba(255,255,255,0.4);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease, width 0.3s ease;
  }

  .dot:hover { background: rgba(255,255,255,0.75); transform: scale(1.2); }

  .dot.active {
    background: #2f8fe0;
    width: 26px;
    border-radius: 5px;
    transform: scale(1);
  }

  /* Slide counter */
  .slide-counter {
    position: absolute;
    right: 30px;
    bottom: 30px;
    z-index: 10;
    color: #fff;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 6px;
    opacity: 0;
    animation: fadeDown 1.1s ease forwards 2.3s;
  }

  .slide-counter .current {
    color: #2f8fe0;
    font-size: 18px;
  }

  .slide-counter .sep {
    width: 22px;
    height: 1px;
    background: rgba(255,255,255,0.4);
    display: inline-block;
  }

  /* Scroll indicator */
  .scroll-indicator {
    position: absolute;
    left: 30px;
    bottom: 30px;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    color: rgba(255,255,255,0.7);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    opacity: 0;
    animation: fadeDown 1.1s ease forwards 2.4s;
  }

  .scroll-indicator .line {
    width: 1px;
    height: 40px;
    background: rgba(255,255,255,0.3);
    position: relative;
    overflow: hidden;
    writing-mode: horizontal-tb;
  }

  .scroll-indicator .line::before {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2f8fe0;
    animation: scrollLine 3s ease-in-out infinite;
  }

  @keyframes scrollLine {
    0%   { top: -40px; }
    60%  { top: 40px; }
    100% { top: 40px; }
  }

  @media (max-width: 640px) {
    .nav { gap: 20px; flex-wrap: wrap; font-size: 12px; }
    .arrow { width: 38px; height: 38px; }
    .scroll-indicator { display: none; }
    .slide-counter { right: 20px; bottom: 20px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .slide, .slide-bg, .slide-title .char, .slide-subtitle, .slide-desc, .slide-btn,
    .hero-particles span, .scroll-indicator .line::before {
      animation: none !important;
      transition: opacity 0.4s ease !important;
      transform: none !important;
      opacity: 1 !important;
    }
  }

 
 
 /* old */
 :root {
      --black: #0e0e0e;
      --near-black: #161616;
      --accent: #2f8fe0;
      --accent-dark: #1c5fa8;
      --white: #ffffff;
      --off-white: #f7f7f5;
      --gray: #6b6b6b;
      --light-gray: #e9e9e7;
      --radius: 2px;
      --maxw: 1240px;
      --font-head: 'Oswald', 'Arial Narrow', sans-serif;
      --font-body: 'Inter', Arial, sans-serif;
  }

  * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }

  html {
      scroll-behavior: smooth;
  }

  body {
      font-family: var(--font-body);
      color: var(--near-black);
      line-height: 1.55;
      background: var(--white);
  }

  img {
      max-width: 100%;
      display: block;
  }

  a {
      text-decoration: none;
      color: inherit;
  }

  ul {
      list-style: none;
  }

  .wrap {
      max-width: var(--maxw);
      margin: 0 auto;
      padding: 0 24px;
  }

  h1,
  h2,
  h3,
  h4 {
      font-family: var(--font-head);
      text-transform: uppercase;
      letter-spacing: .03em;
      font-weight: 600;
  }

  .eyebrow {
      color: var(--accent-dark);
      font-family: var(--font-head);
      text-transform: uppercase;
      letter-spacing: .18em;
      font-size: 13px;
      font-weight: 600;
  }

  .section {
      padding: 72px 0;
  }

 .section-title {
    font-size: 32px;
    text-align: center;
    margin-bottom: 44px;
    position: relative;
    font-weight: 700;
    font-family: "Segoe UI", sans-serif;
}

/* Tablet */
@media (max-width: 768px) {
    .section-title {
        font-size: 28px;
        margin-bottom: 35px;
    }
}

/* Mobile */
@media (max-width: 480px) {
    .section-title {
        font-size: 24px;
        margin-bottom: 28px;
        line-height: 1.3;
        padding: 0 15px;
    }
}

/* Small Mobile */
@media (max-width: 360px) {
    .section-title {
        font-size: 21px;
        margin-bottom: 24px;
    }
}

  .section-title.left {
      text-align: left;
  }

  .btn {
      display: inline-block;
      font-family: var(--font-head);
      text-transform: uppercase;
      letter-spacing: .06em;
      font-size: 14px;
      font-weight: 600;
      padding: 8px 12px;
      border: 2px solid var(--near-black);
      color: var(--near-black);
      transition: .25s;
  }

  .btn:hover {
      background: var(--near-black);
      color: var(--white);
  }

  .btn-solid {
      background: var(--accent);
      border-color: var(--accent);
      color: #fff;
  }

  .btn-solid:hover {
      background: var(--accent-dark);
      border-color: var(--accent-dark);
      color: var(--near-black);
  }

  .btn-outline-light {
      border-color: rgba(255, 255, 255, .7);
      color: var(--white);
  }

  .btn-outline-light:hover {
      background: var(--white);
      color: var(--near-black);
  }

  /* Topbar */
  .topbar {
      background: var(--black);
      color: #bdbdbd;
      font-size: 13px;
  }

  .topbar .wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 38px;
  }

  .topbar .social a {
      margin-left: 6px;
      color: #bdbdbd;
  }
  .topbar .social a i{
    font-size: 24px;
  }

  .topbar .social a:hover {
      color: var(--accent);
  }

  /* Header */
  header.main {
      background: var(--near-black);
      border-bottom: 1px solid #232323;
      position: sticky;
      top: 0;
      z-index: 50;
  }

  .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 14px 0;
      gap: 24px;
  }

  #hrd-logo img {
      height: 44px;
      width: auto;
      display: block;
  }

  nav.primary ul {
      display: flex;
      gap: 32px;
  }

  nav.primary a {
      font-family: var(--font-head);
      font-size: 16px;
      text-transform: uppercase;
      letter-spacing: .05em;
      font-weight: 600;
      padding: 6px 0;
      border-bottom: 2px solid transparent;
      color: #d8d8d8;
  }

  nav.primary a:hover {
      color: var(--white);
      border-color: var(--accent);
  }

  .header-actions {
      color: #d8d8d8;
  }

  .header-actions {
      display: flex;
      align-items: center;
      gap: 18px;
  }

  .icon-btn {
      width: 20px;
      height: 20px;
      cursor: pointer;
  }

  .burger {
      display: none;
      flex-direction: column;
      gap: 5px;
      cursor: pointer;
  }

  .burger span {
      width: 24px;
      height: 2px;
      background: #d8d8d8;
  }

  /* Hero */
  .hero {
      position: relative;
      background: var(--black);
      color: var(--white);
      overflow: hidden;
      min-height: 560px;
      display: flex;
      align-items: center;
  }

  .hero::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(100deg, rgba(0, 0, 0, .92) 15%, rgba(0, 0, 0, .35) 60%, rgba(0, 0, 0, .1) 100%);
  }

  .hero-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .75;
  }

  .hero-content {
      position: relative;
      z-index: 2;
      max-width: 560px;
      padding: 60px 0;
  }

  .hero-content .eyebrow {
      color: var(--accent);
  }

  .hero-content h1 {
      font-size: 56px;
      line-height: 1.02;
      margin: 14px 0 20px;
      color: var(--white);
  }

  .hero-content h1 .accent {
      color: var(--accent);
  }

  .hero-content p {
      color: #cfcfcf;
      margin-bottom: 28px;
      max-width: 440px;
  }

  /* Categories */

.cat-title{
    padding-top: 44px;
}
.marquee-wrap {
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.marquee-track {
  display: flex;
  gap: 20px;
  width: max-content;
  height: 100%;
  animation: scroll-marquee 45s linear infinite;
}
.marquee-track img {
  height: 100%;
  width: calc((100vw - 60px) / 4);   /* 4 images visible, 3 gaps of 20px between them */
  max-width: calc((1920px - 60px) / 4); /* keeps it capped since wrap has max-width: 1920px */
  object-fit: cover;
  flex-shrink: 0;
}
@keyframes scroll-marquee {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}


  /* Company profile */
  .profile-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 56px;
      align-items: center;
  }

  .profile-grid img {
      border-radius: var(--radius);
  }

  .profile-copy h2 {
      font-size: 30px;
      margin: 10px 0 18px;
  }

  .profile-copy p {
      color: var(--gray);
      margin-bottom: 14px;
  }

  .profile-copy .btn {
      margin-top: 12px;
  }

  /* Manufacturer band */
  .mfg-band {
      position: relative;
      background: var(--black);
      color: var(--white);
  }

  .mfg-band .mfg-bg {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      opacity: .35;
  }

  .mfg-band .wrap {
      position: relative;
      z-index: 2;
      padding: 70px 24px 0;
      text-align: center;
  }

  .mfg-band .eyebrow {
      color: var(--accent);
  }

  .mfg-band h2 {
      color: var(--white);
      font-size: 32px;
      margin: 12px 0 22px;
  }

  .mfg-band ul {
      display: flex;
      justify-content: center;
      gap: 36px;
      flex-wrap: wrap;
      margin-bottom: 30px;
      color: #ddd;
      font-size: 14px;
  }

  .mfg-band ul li::before {
      content: "— ";
      color: var(--accent);
  }

  .mfg-cta {
      display: flex;
      justify-content: center;
      gap: 16px;
      margin-bottom: 60px;
      flex-wrap: wrap;
  }

  .mfg-stats {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      transform: translateY(40px);
  }

  .mfg-stat {
      background: var(--accent);
      color: #fff;
      padding: 34px 30px;
  }

  .mfg-stat:nth-child(2) {
      background: var(--near-black);
      color: var(--white);
  }

  .mfg-stat:nth-child(3) {
      background: var(--accent-dark);
      color: var(--near-black);
  }

  .mfg-stat h3 {
      font-size: 20px;
      margin-bottom: 8px;
      color: #fff;
  }

  .mfg-stat p {
      font-size: 13.5px;
      opacity: .85;
      color: #fff;
  }

  .mfg-spacer {
      height: 40px;
  }

  /* Latest creations */
  .tabs {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-bottom: 36px;
      flex-wrap: wrap;
  }

  .tab-btn {
      font-family: var(--font-head);
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: .05em;
      padding: 10px 22px;
      border: 1px solid var(--light-gray);
      background: var(--white);
      cursor: pointer;
  }

  .tab-btn.active {
      background: var(--accent);
      border-color: var(--accent);
  }

  .product-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 22px;
  }

  .product-card {
      border: 1px solid var(--light-gray);
      position: relative;
      transition: .25s;
  }

  .product-card:hover {
      box-shadow: 0 12px 30px rgba(0, 0, 0, .08);
      transform: translateY(-4px);
  }

  .product-card .badge {
      position: absolute;
      top: 12px;
      left: 12px;
      background: var(--accent);
      color: var(--near-black);
      font-size: 11px;
      font-weight: 700;
      text-transform: uppercase;
      padding: 4px 10px;
      z-index: 2;
  }

  .product-thumb {
      aspect-ratio: 1/1;
      overflow: hidden;
      background: var(--off-white);
  }

  .product-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .product-body {
      padding: 16px;
  }

  .product-body .cat-tag {
      font-size: 11px;
      color: var(--accent-dark);
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 600;
  }

  .product-body h4 {
      font-size: 14.5px;
      text-transform: none;
      font-weight: 600;
      letter-spacing: 0;
      margin: 8px 0 14px;
      line-height: 1.4;
      font-family: var(--font-body);
  }

  .product-body .btn {
      width: 100%;
      text-align: center;
      font-size: 12.5px;
      padding: 11px;
  }

  /* Why choose us */
  .wcu-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 32px;
      text-align: center;
  }

  .wcu-item .icon-wrap {
      width: 64px;
      height: 64px;
      margin: 0 auto 18px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .wcu-item h3 {
      font-size: 17px;
      margin-bottom: 10px;
  }

  .wcu-item p {
      color: var(--gray);
      font-size: 14px;
  }

  /* From idea */
  .idea-section {
      background: var(--off-white);
  }

  .idea-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 50px;
      align-items: center;
  }

  .idea-copy h2 {
      font-size: 30px;
      margin-bottom: 16px;
  }

  .idea-copy p {
      color: var(--gray);
      margin-bottom: 26px;
      max-width: 480px;
  }

  .idea-imgs {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
  }

  .idea-imgs img {
      border-radius: var(--radius);
      height: 100%;
      object-fit: cover;
  }

  /* Custom design services */
  .cds-intro {
      max-width: 760px;
      margin: 0 auto 40px;
      text-align: center;
      color: var(--gray);
  }

  .craft-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
  }

  .craft-card {
      position: relative;
      aspect-ratio: 4/3;
      overflow: hidden;
  }

  .craft-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
  }

  .craft-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .05) 60%);
  }

  .craft-label {
      position: absolute;
      left: 18px;
      bottom: 16px;
      z-index: 2;
      color: var(--white);
  }

  .craft-label h4 {
      font-size: 16px;
      margin-bottom: 4px;
  }

  .craft-label p {
      font-size: 12.5px;
      color: #d5d5d5;
      max-width: 220px;
      display: none;
  }

  /* Streetwear banner */
  .street-band {
      background: var(--near-black);
      color: var(--white);
  }

  .street-grid {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      gap: 50px;
      align-items: center;
  }

  .street-copy h2 {
      color: var(--white);
      font-size: 28px;
      margin-bottom: 16px;
  }

  .street-copy p {
      color: #c9c9c9;
      margin-bottom: 26px;
      max-width: 440px;
  }

  .street-imgs {
      display: flex;
      gap: 14px;
  }

  .street-imgs img {
      border-radius: var(--radius);
  }

  /* Manufacturing process */
  .process-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 44px 40px;
  }

  .process-step {
      position: relative;
      padding-left: 0;
  }

  .process-num {
      font-family: var(--font-head);
      font-size: 44px;
      color: var(--accent);
      line-height: 1;
      margin-bottom: 10px;
  }

  .process-step h3 {
      font-size: 17px;
      margin-bottom: 10px;
  }

  .process-step p {
      color: var(--gray);
      font-size: 14px;
  }

  /* Certificates */
  .cert-strip {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 60px;
      flex-wrap: wrap;
  }

  .cert-strip img {
      height: 180px;
      object-fit: contain;
      filter: grayscale(1);
      opacity: .75;
      transition: .25s;
  }

  .cert-strip img:hover {
      filter: none;
      opacity: 1;
  }

  /* Newsletter */
  .newsletter {
      background: var(--black);
      color: var(--white);
  }

  .newsletter .wrap {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 44px 24px;
      flex-wrap: wrap;
      gap: 20px;
  }

  .newsletter h3 {
      color: var(--white);
      font-size: 20px;
  }

  .newsletter form {
      display: flex;
      gap: 0;
      max-width: 420px;
      width: 100%;
  }

  .newsletter input {
      flex: 1;
      padding: 14px 16px;
      border: 1px solid #333;
      background: #1a1a1a;
      color: var(--white);
      font-size: 14px;
  }

  .newsletter button {
      background: var(--accent);
      color: #fff;
      border: none;
      padding: 0 24px;
      font-family: var(--font-head);
      font-weight: 600;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: .05em;
      cursor: pointer;
  }

/* New Section */


  .flow {
    display: flex;
    flex-direction: column;
    gap: var(--gap-y);
    border: 2px solid var(--line);
    padding: 50px 40px;
    border-radius: 8px;
  }

  .row {
    display: flex;
    align-items: center;
    gap: var(--gap-x);
  }

  .step-outer {
    width: var(--hex-size);
    height: calc(var(--hex-size) * 1.06);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: var(--line);
    padding: 2px; /* border thickness on all 6 sides */
  }

  .step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    background: #ffffff;
    color: var(--ink);
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease;
    text-align: center;
    padding: 10px;
  }

  .step svg {
    width: 46px;
    height: 46px;
    stroke: var(--ink);
    fill: none;
    stroke-width: 1.6;
    margin-bottom: 12px;
    transition: stroke 0.25s ease;
  }

  .step span {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.25;
    transition: color 0.25s ease;
  }

  /* Hover state: black background, white icon + text */
  .step:hover {
    background-color: #000000;
    color: #ffffff;
  }

  .step:hover svg {
    stroke: #ffffff;
  }

  .arrow {
    font-size: 28px;
    color: var(--ink);
    user-select: none;
  }

  @media (max-width: 900px) {
    :root {
      --hex-size: 130px;
      --gap-x: 30px;
      --gap-y: 40px;
    }
    .step span { font-size: 14px; }
    .step svg { width: 34px; height: 34px; }
    .arrow { font-size: 20px; }
  }

  @media (max-width: 600px) {
    .row { flex-wrap: wrap; justify-content: center; gap: 20px; }
    .arrow { display: none; }
  }







  /* Footer */
  footer {
      background: var(--near-black);
      color: #bdbdbd;
      font-size: 14px;
  }

  .footer-grid {
      display: grid;
      grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
      gap: 40px;
      padding: 60px 0 40px;
  }

  .ftr-logo img{
        width: 140px;
    margin-bottom: 20px;
}

  .footer-grid h4 {
      color: var(--white);
      font-size: 15px;
      margin-bottom: 18px;
      letter-spacing: .05em;
      padding-left: 30px;
  }

  .footer-grid li {
      margin-bottom: 10px;
  }

  .footer-grid a:hover {
      color: var(--accent);
  }

  .footer-bottom {
      border-top: 1px solid #2a2a2a;
      padding: 20px 0;
      text-align: center;
      font-size: 13px;
      color: #8a8a8a;
  }

  @media(max-width:960px) {
      .cat-grid {
          grid-template-columns: repeat(2, 1fr);
      }

      .profile-grid,
      .idea-grid,
      .street-grid {
          grid-template-columns: 1fr;
      }

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

      .wcu-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 28px;
      }

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

      .process-grid {
          grid-template-columns: 1fr 1fr;
      }

      .footer-grid {
          grid-template-columns: 1fr 1fr;
      }

      nav.primary {
          display: none;
      }

      .burger {
          display: flex;
      }

      .mfg-stats {
          transform: none;
          grid-template-columns: 1fr;
      }

      .hero-content h1 {
          font-size: 40px;
      }
  }

  @media(max-width:600px) {
      .product-grid {
          grid-template-columns: 1fr 1fr;
      }

      .craft-grid {
          grid-template-columns: 1fr;
      }

      .process-grid {
          grid-template-columns: 1fr;
      }

      .footer-grid {
          grid-template-columns: 1fr;
        
      }

      .section {
          padding: 52px 0;
      }

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

  /* ======================================================
     SCROLL REVEAL — sections slide in from left / right / up
     ====================================================== */
  .reveal-left,
  .reveal-right,
  .reveal-up {
    opacity: 0;
    transition: opacity 1.4s cubic-bezier(.19,1,.22,1), transform 1.4s cubic-bezier(.19,1,.22,1);
    will-change: transform, opacity;
  }

  .reveal-left  { transform: translateX(-80px); }
  .reveal-right { transform: translateX(80px); }
  .reveal-up    { transform: translateY(60px); }

  .reveal-left.in-view,
  .reveal-right.in-view,
  .reveal-up.in-view {
    opacity: 1;
    transform: translate(0, 0);
  }

  /* staggered children inside grids — nth-child delay */
  .wcu-grid.reveal-stagger .wcu-item,
  .craft-grid.reveal-stagger .craft-card,
  .process-grid.reveal-stagger .process-step,
  .mfg-stats.reveal-stagger .mfg-stat,
  .product-grid.reveal-stagger .product-card {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 1.2s cubic-bezier(.19,1,.22,1), transform 1.2s cubic-bezier(.19,1,.22,1);
  }

  .wcu-grid.reveal-stagger.in-view .wcu-item,
  .craft-grid.reveal-stagger.in-view .craft-card,
  .process-grid.reveal-stagger.in-view .process-step,
  .mfg-stats.reveal-stagger.in-view .mfg-stat,
  .product-grid.reveal-stagger.in-view .product-card {
    opacity: 1;
    transform: translateY(0);
  }

  .wcu-grid.reveal-stagger .wcu-item:nth-child(1),
  .craft-grid.reveal-stagger .craft-card:nth-child(1),
  .process-grid.reveal-stagger .process-step:nth-child(1),
  .mfg-stats.reveal-stagger .mfg-stat:nth-child(1),
  .product-grid.reveal-stagger .product-card:nth-child(1) { transition-delay: 0.1s; }

  .wcu-grid.reveal-stagger .wcu-item:nth-child(2),
  .craft-grid.reveal-stagger .craft-card:nth-child(2),
  .process-grid.reveal-stagger .process-step:nth-child(2),
  .mfg-stats.reveal-stagger .mfg-stat:nth-child(2),
  .product-grid.reveal-stagger .product-card:nth-child(2) { transition-delay: 0.28s; }

  .wcu-grid.reveal-stagger .wcu-item:nth-child(3),
  .craft-grid.reveal-stagger .craft-card:nth-child(3),
  .process-grid.reveal-stagger .process-step:nth-child(3),
  .mfg-stats.reveal-stagger .mfg-stat:nth-child(3),
  .product-grid.reveal-stagger .product-card:nth-child(3) { transition-delay: 0.46s; }

  .wcu-grid.reveal-stagger .wcu-item:nth-child(4),
  .craft-grid.reveal-stagger .craft-card:nth-child(4),
  .process-grid.reveal-stagger .process-step:nth-child(4),
  .product-grid.reveal-stagger .product-card:nth-child(4) { transition-delay: 0.64s; }

  .craft-grid.reveal-stagger .craft-card:nth-child(5),
  .process-grid.reveal-stagger .process-step:nth-child(5) { transition-delay: 0.82s; }

  .craft-grid.reveal-stagger .craft-card:nth-child(6),
  .process-grid.reveal-stagger .process-step:nth-child(6) { transition-delay: 1s; }

  @media (prefers-reduced-motion: reduce) {
    .reveal-left, .reveal-right, .reveal-up,
    .wcu-grid.reveal-stagger .wcu-item,
    .craft-grid.reveal-stagger .craft-card,
    .process-grid.reveal-stagger .process-step,
    .mfg-stats.reveal-stagger .mfg-stat,
    .product-grid.reveal-stagger .product-card {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
  }




/*old*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');	
@font-face {
	font-family: 'Impact';
	src: url('../fonts/impact.woff');}
*{
	margin:0px; padding:0px; outline: none; scroll-behavior: smooth; box-sizing:border-box;}
body{
	margin: 0px; padding: 0px;  overflow-x:hidden; font-family:'Poppins', sans-serif; background-color: #d3d3d3;}
#sticky{
	position:fixed; width:100%; top:0; margin:0px; padding:7px 0; background:#303030;  display:none; z-index:99999; animation:sticky 1s;
	box-shadow:2px 2px 10px rgb(0,0,0,0.2);}
#sticky:before,#fixedbar:after{
	display:block;}
@keyframes sticky{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.gCdMUP{display:none !important;}
img[alt]{color:#000; font-size:12px; text-align:center; font-weight:550;}
.tus_rlogo img{height:50px; margin:0px auto}
[title=""]{margin:0px; padding:7px; background-color:#000; color:#fff; font-size:7px !important;}
.tus_fixm{margin:3px 0 0 0; padding:0px; float:right}
#message{margin:0px; padding:0px; font-size:12px; text-transform:capitalize; color:#000;}
.tus_minslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde img{margin:0px; padding:0px; width:100% !important;}
.tus_wlogo img{
	margin:20px 0px 0px 0; padding:0px; height:100px}
.tus_srcbxs{
	margin:58px 0 0 0; padding:0px;}
.tus_inpsrch{
	margin:0px 0 0 0; padding:6px 10px; background:#fff; border:1px solid #333333; width:100%; color:#000; font-size:12px; font-weight:400; width:100%;}
.tus_sbmsrchs{
	margin:-30px 0px 0 0; padding:5px 10px; float:right; position:relative; background:#ff0000; color:#fff; border:none; transition:0.8s; font-size:14px;}
.sbmsrh:hover{
	background-color:#000;}
/* .tus_header{
	margin:0px; padding:10px 0 10px 0; position:relative;}
.tus_header:before{
	content:''; position:absolute; background-color:#000; width:100%; height:45px; top:0; right:0; z-index:-1} */
.top_head{margin:0px; padding:0px; width:100%; background-color: #fff ; position: relative;}
.top_head:before{content: ""; position: absolute; width:39%; left:0%; top:0; bottom:0; height:74px;  border-bottom: 75px solid #303030; border-right: 82px solid transparent;}
.top_head:after{content: ""; position: absolute; width:19%; right:10%; top:0; bottom:0; height:74px;  border-bottom: 75px solid #303030; transform: skew(32deg);}
.wel{margin:0px; padding:20px 0; position: relative;}
.wel h3{margin:0px; padding:0px; color:#fff; text-transform: uppercase; font-family: 'Poppins', sans-serif; font-size: 17px; font-weight: 700;}
.wel_txt{margin:0px; padding:41px 0 0 77px; text-align: center;}
.wel_txt h3{margin:0px; padding:0px; color:#000; text-transform: uppercase; font-family: 'Impact', sans-serif; font-size: 45px; font-weight: 550;}
.social{margin:0px; padding:20px 0; position: relative; z-index: 2; text-align: end		;}
.social ul{margin:0px; padding:0px;}
.social ul{margin:0px; padding:0px;}
.social ul li{margin:0px; padding:0px; overflow: hidden; display: inline-block;}
.social ul li a{margin:0px; padding:0px 10px 0 0;}
.social ul li a i{margin:0px; padding:0px; color:#fff;}
.line{margin:0; padding: 0px; position: relative;}
.line:after{content:""; position: absolute; background-image: url(..//img/hdr.png); object-fit: cover; background-repeat: no-repeat; top:103px; left:-15%; width:1920px; height:15px;}
.line::before{content: ""; position: absolute; width:100%; background-color: #303030; left: 0; top:9.3em; bottom:0; right:0; height: 56px;}
.tus_hdnv{
	margin:58px 0 0 0; padding:0px; text-align:center;}
.tus_number{
	margin:0px; padding:0px; position:absolute; bottom:15%; left:7%; z-index:1; width:10%}
.tus_number h5{
	margin:0px; padding:0px; color:#000; font-size:25px; text-transform:uppercase; font-weight:500; text-align:center}
.tus_number h5 i{
	margin-right:25px; font-size:25px}
.tus_number:before{
	content:''; position:absolute; border:solid 1px #fff; width:70px; height:70px; bottom:-17px; left:20%; border-radius:100%; opacity:0.5}
.tus_crbxs{
	margin:25px 0 0 auto; padding:10px 0; background-color:#ff0000; color:#fff; width:80%; text-align:center; border-radius:0.30em; transition:0.8s}
.tus_crbxs a{
	margin:0px; padding:0px; color:#fff; font-size:14px; text-transform:capitalize; text-align:center;}
.tus_crbxs:hover{background-color:#000;}
.tus_email{
	margin:0px; padding:0px;}
.tus_email p{
	margin:0px; padding:0px; color:#fff; font-size:14px; text-align:center; text-transform:capitalize}
/*----- Content Aera ------*/
.tus_heading{
	margin:80px 0 35px 0; padding:0px;}
.tus_heading img{
	margin:0px auto	; padding:0px;}
.tus_welcome{
	margin:0px; padding:0px; position:relative; z-index:1}
.tus_welcome:before{
	content:''; position:absolute; border:solid 2px #000; width:78%; border-left:none; top:6%; right:0; height:95%; border-bottom: none;}
.tus_welcome:after{content:""; position: absolute; background-image: url(..//img/about-cover.png); background-repeat: no-repeat; left:0; top: 0; bottom:0; right:0; background-size: cover; background-attachment: fixed;}
.tus_welcome img{
	margin:0px; padding:0px; width:100%; height:auto;}
.tus_welcome span1{margin:0px; padding:0px; position: relative;}
.tus_welcome span1::before{content: ""; position: absolute; background-image: url(..//img/about-circle.png); background-repeat: no-repeat; bottom:0px; top: -9px; right:0px; width:121px; height:27px;}
.tus_welcome h1{
	margin:0; padding:0px 0 15px 0; color:#000; font-size:35px; text-transform:uppercase; font-weight:700; position:relative; z-index:1; font-family: "Open Sans", sans-serif;}
.tus_welcome h1 span{
	font-size:20px; color:#fff; font-weight:400}
.tus_welcome p{
	margin:0; padding:0px 0 30px 0; color:#666; font-size:15px; font-weight:400; width:90%; line-height:25px; position:relative; z-index:1; font-family: "Open Sans", sans-serif;}
.tus_redmore{
	margin:0px; padding:9px 18px; background-color:#000; color:#fff; font-size:13px; text-transform:capitalize; transition:0.8s; position:relative; z-index:1}
.tus_redmore:hover{
	background-color:#ff0000; border-radius:0.50em; color:#fff}
.tus_pcatg {
    margin: 0px; padding: 0px; position: relative; z-index: 1; transform: scale(0.8); transition: 0.8s; border: solid 1px transparent;}
.tus_pcatg:before {
    content: ''; position: absolute; background-color: #2a3662; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.8; transition: 0.8s; z-index: 2;}
.tus_pcatg img {
    margin: 0 auto; padding: 0px; width: 100%; display: block; transition: 0.8s;}
.swiper-slide-active .tus_pcatg:before {
    opacity: 0;}
.swiper-slide-active .tus_pcatg {
    transform: scale(1); z-index: 10; border: solid 1px #deb5ab; padding: 10px; background: #fff;}
.swiper-slide-active .tus_pcatg img {
    border: solid 2px transparent; padding: 5px;}
.tus_pcatg h3 {
    margin: 0px; padding: 0px; color: #fff; font-size: 30px; text-transform: uppercase; text-align: center; position: absolute; bottom: 30px;
    left: 0; right: 0; font-weight: 700; line-height: 32px; z-index: 3; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); opacity:0;}
.swiper-slide-active .tus_pcatg h3 {
	opacity:1;}
.tus_pcatg h3 span {
    font-size: 25px; font-weight: 400; display: block;}
.tus_mincat{
	margin:0px auto; padding:0px; width:94%;}
.tus_minprod{
	margin:0px; padding:30px 0 40px 0;}
.tus_minprod h2{
	margin:0px 0 20px 0px; padding:0px; color:#303030; font-size:35px; text-transform:uppercase; font-weight:700; position:relative; z-index:1}
.tus_prtabs{
	margin:0px 0 20px 0; padding:10px 0; border-top:solid 1px #000; border-bottom:solid 1px #000;}
.tus_prtabs a{
	margin:0px 7px 0 0; padding:6px 12px; display:inline-block; color:#000; border:solid 1px #ff0000; text-transform:uppercase; font-size:14px; font-weight:500; transition:0.8s}
.tus_prtabs a:hover{
	background-color:#303030; color:#fff;}
.tus_prtabs a.active{
	background-color:#303030; color:#fff;}
.tus_prods{
	margin:0px; padding:10px; background-color:#fff; border:solid 1px #999; transition:0.8s; border-radius: 15px;}
.tus_prods img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_prods h4{
	margin:0px 0 3px 0; padding:10px 0 0 0; color:#000; font-weight:500; font-size:14px; text-transform:capitalize; text-align:center; border-top:solid 1px #999;}
.tus_prods p{
	margin:0px 0 5px 0; padding:0px; color:#303030; font-weight:500; font-size:14px; text-transform:capitalize; text-align:center;}
.tus_prods h6{
	margin:0px 40px 10px 40px; padding:6px 0; color:#fff; font-weight:400; font-size:12px; text-transform:capitalize; text-align:center; background-color:#000; transition:0.8s}
.tus_prods:hover h6{
	background-color:#303030;}
.tus_prods:hover{
	border:solid 1px #303030;}
.news_bg{margin:0px; padding:7em 0px; width:100%; position: relative; background-color: #000; z-index: 1;}
.news_bg::before{content:""; position: absolute; background-image: url(..//img/newsbg.png); background-repeat: no-repeat; left:0; right:0; bottom:0; top:0; z-index: -1;}
.tus_news{margin:0px; padding:0px 0 0 61px;}
.tus_news span{margin:0px; padding:0px; color:#fff; font-size:25px; font-weight: 500; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.tus_news h4{margin:0px; padding:0px; color:#fff; font-size:35px; font-weight: 700; text-transform: uppercase; font-family: 'Poppins', sans-serif;}
.tus_news p{margin:0px; padding:0px; color:#fff; font-size:15px; font-weight: 500; font-family: 'Poppins', sans-serif;}
.tus_minclnt{
	margin:0px; padding:0px; position:relative;}
.tus_citems{
	margin:0px auto; padding:0px; width:75%; display:flex; justify-content:space-between; align-items:center}
.tus_cpics{
	margin:0px; padding:0px; flex-basis:45%;}
.tus_cpics img{
	margin:0 auto; padding:0px; width:100%; height:auto; border-radius:1em}
.tus_ctxts{
	margin:0px; padding:0px; flex-basis:50%;}
.tus_ctxts p{margin:0px; padding:10px 0 20px 0; color:#fff; font-family: 'Poppins', sans-serif; font-weight: 400;}
.tus_ctxts i{
	margin:0px; padding:0px 0 20px 0; color:#fff; font-size:45px;}
.tus_ctxts h5{
	margin:10px 0; padding:0px; color:#fff; font-size:20px; text-transform:capitalize; font-family: 'Poppins', sans-serif; font-weight: 500;}
.tus_ctxts h4{
	margin:0px; padding:0px 0 20px 0; color:#fff; font-size:20px; text-transform:capitalize; font-weight:400; font-family: 'Poppins', sans-serif;}
.tus_minclnt:before{
	content:''; position:absolute; background-color:#000; width:100%; height:36%; bottom:53%; left:0; z-index:-1; border-radius:0.30em}
.tus_nxclint{
	margin:0px; padding:0px; background-color:#333333; color:#fff; width:69px; height:65px; line-height:65px; text-align:center; position:absolute;
	bottom:67%; left:16%; cursor:pointer; transition:0.8s; z-index:2}
.tus_pvclint{
	margin:0px; padding:0px; background-color:#333333; color:#fff; width:69px; height:65px; line-height:65px; text-align:center; position:absolute;
	bottom:67%; right:16%; cursor:pointer; transition:0.8s; z-index:2}
.tus_nxclint:hover{
	background-color:#fff; color:#35557b;}
.tus_pvclint:hover{
	background-color:#fff; color:#35557b;}
.rs-list {margin: 0;padding: 0;list-style: none;}
/*----- Footer ------*/
.tus_footer{
	margin:30px 0 0 0; padding:25px 0; position:relative; z-index:1; background-color:#333333;}
.tus_footer:before{
	content:''; position:absolute; background-color:#1b1b1b; width:100%; height:66px; bottom:0; left:0; z-index:-1}
.tus_footer:after{
	content:''; position:absolute; background-color:#000000; width:32%; height:70%; top:9%; left:0; z-index:-1}
.tus_ftlogos img{
	margin:0px; padding:0px;}
.tus_ftnav{
	margin:0px 0 0 auto; padding:0px; width:80%;}
.tus_ftnav h4{
	margin:15px 0; padding:0px; color:#fff; font-size:20px; text-transform:capitalize; font-weight:600;}
.tus_ftnav a{
	margin:0px 0 5px 15px; padding:0px; color:#fff; font-size:14px; text-transform:capitalize; display:block; position:relative; transition:0.8s}
.tus_ftnav a:before{
	content:''; position:absolute; background-color:#fff; width:5px; height:5px; border-radius:100%; top:9px; left:-15px;}
.tus_ftnav a:hover{
	letter-spacing:1px; color:#999}
.tus_address{
	margin:0px auto; padding:0px;}
.tus_address h4{
	margin:15px 0; padding:0px; color:#fff; font-size:20px; text-transform:capitalize; font-weight:600;}
.tus_address i{
	margin:0px 10px 7px 0; padding:0px; color:#fff; font-size:13px; width:30px; height:30px; line-height:30px; text-align:center;
	border-radius:100%}
.tus_address p{
	margin:0px; padding:0px; color:#fff; font-size:14px; display:flex;}
.tus_minnews{
	margin:40px auto 0 auto; padding:0px; width:65%; text-align:center}
.tus_inpsgn{
	margin:0px 0px 10px 0; padding:15px 15px; background-color:#fff; border:none; width:100%; font-size:14px; color:#fff; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase;}
.tus_inpsgn::placeholder{
	color:#000;}
.tus_sbmnews{
	margin:0px; padding:12px 15px; background-color:#303030; color:#fff; font-size:14px; text-transform:uppercase; width:100%; border:none; font-family: 'Poppins', sans-serif; font-weight: 500;
	transition:0.8s;}
.tus_sbmnews:hover{
	background-color:#ff0000;}
.tus_social{
	margin:5px 0 0 0; padding:0px;}
.tus_social a{
	margin:0px 1px; padding:0px; display:inline-block;}
.tus_social a i{
	margin:0px; padding:0px; width:35px; height:35px; text-align:center; line-height:32px; border:solid 1px #fff; color:#fff; transition:0.8s}
.tus_social a:hover i{
	background-color:#fff; color:#000;}
.tus_copy{
	margin:30px 0 0 0; padding:0px;}
.tus_copy p{
	margin:0px; padding:0px; color:#fff; font-size:16px; font-weight:400;}


/*! -----========== OUR COLLECTION ==========----- !*/

.cat-sec_bg{position: relative;z-index: 1;background-color: var(--color-black);}

.cat-sec_bg::before{
  content: '';position: absolute;
  inset: 0;z-index: -1;
  background-image: url('..//images/cat-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  mix-blend-mode: luminosity;
  opacity: 12%;
}

.rs-coll_wrapper{display: flex;justify-content: start;align-items: stretch;height: 440px;width: 100%; gap:5px;}

.rs-coll_item{flex: 1;display: block;position: relative;z-index: 1;transition: all 0.5s ;container-type: size;container-name: callection-item-container;overflow: hidden;}

.rs-coll_thumb{width: 100%;height: 100%;background-color: #000000eb ;transition: 0.8s;overflow: hidden;}

.rs-coll_thumb img{transition: inherit;width: 100%;height: 100%;object-fit: cover;opacity: 10%;}

.rs-coll_content{
  position: absolute;
  inset: 0;
  z-index: 1;
  text-align: center;
  padding: min(10cqw, 1rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.rs-coll_content::before{
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: linear-gradient(to bottom , transparent 0%, #000 100%);
  transition: opacity 0.25s 0.8s;
  opacity: 0;
  pointer-events: none;
}

.rs-coll_index,.rs-coll_name{color: #fff ;font-family: var(--font-poppins);font-weight: 400;line-height: 1.25;transition: font-size 0.02s;text-align: center; text-transform: uppercase;}

.rs-coll_index{font-size: 20px;}

.rs-coll_name{font-size: 35px; rotate: -90deg;
    padding: 145px 0;}

.rs-coll_icon{
  --ic-size: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 1;
  width: var(--ic-size);
  height: var(--ic-size);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-border);
  background-color: #000;
  color: #fff;
  transition: opacity 0.25s;
}

.rs-coll_item:hover .rs-coll_content::before{opacity: 100%;}
.rs-coll_item:hover .rs-coll_icon{opacity: 0;}
.rs-coll_item:hover .rs-coll_thumb img{opacity: 100%;}
.rs-coll_item:hover{flex: 33%;}





/*----- Nxt Page ------*/
.about_txt{
	margin:0px 0 30px 0; padding:0px;}
.about_txt p{
	margin:0px; padding:0px; color:#666; font-size:14px;}
.tus_nheading{
	margin:15px 0 15px 0; padding:10px 15px; position:relative; background-color:#333; border-bottom:solid 5px #ff0000}
.tus_nheading a{
	margin:0px; padding:0px; color:#fff; font-size:15px; text-transform:capitalize; transition:0.8s}
.tus_nheading span{
	color:#fff; margin:0 5px}
.tus_nheading a:hover{
	color:#ff0000; text-decoration:none;}
.wa-chat-box-poweredby{display:none !important;}
.tus_nxtheading{
	margin:20px 0 30px 0; padding:0px; position:relative}
.tus_nxtheading h1{
	margin:0px; padding:0px;  font-size:25px; color:#000; text-transform:uppercase; text-align:center; font-weight:bold}
.tus_nxtheading:before{
	content:''; position:absolute; background-color:#999; width:70px; bottom:-10px; left:50%; height:2px; transform:translate(-50%,-50%);}
.tus_lefth h4{
	margin:15px 0 10px 0; padding:8px 10px; color:#000;  font-size:22px; text-transform:uppercase; border-bottom:solid 1px #333;
	background-color:#fff; border-top:solid 1px #333;}
.tus_nextmenu{
	margin:14px 0 15px 0; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #333; border-top:solid 1px #333;}
.tus_nextmenu a{
	margin:0px; padding:0px;  font-size:15px; text-transform:capitalize; color:#000; width:100%; letter-spacing:1px}
.tus_nextmenu span{
	margin:0px 3px; font-size:15px}
.tus_nextmenu a:hover{
	color:#999; text-decoration:none;}
.tus_conactf{
	margin:0px 0 20px 0; padding:0px;}
.tus_conactf h4{
	margin:0px 0 10px 0; padding:0px 0 10px 0; font-size:16px; color:#fff; text-transform:uppercase; border-bottom:solid 1px #ccc;
	font-weight:600; letter-spacing:2px}
.tus_conactf p{
	margin:0px 0 10px 0; padding:0px; font-size:16px; color:#333;}
.tus_continp{
	margin:0px 0 15px 0; padding:10px 15px; border:1px solid #ccc; width:100%; color:#666;  font-size:14px; background-color:transparent;
	transition:0.8s}
.tus_qcontinp{
	margin:0px 0 15px 0; padding:10px 15px; border:none; border-bottom: 1px solid #ccc; width:100%; color:#333;  
	font-size:14px; background-color:transparent; transition:0.8s}
.tus_contsbmt{
	margin:0px; padding:10px 16px; background-color:#000; color:#fff; text-align:center; text-transform:uppercase;  font-size:13px;
	border:none; transition:0.8s; position:relative; z-index:1}
.tus_contsbmt:hover{
	background-color:#ff0000; color:#fff; text-decoration:none;}
.tus_continp:focus{
	border:solid 1px #999}
.tus_abanner{
	margin:0px; padding:0px; position:relative; z-index:1}
.tus_abanner img{
	margin:0 auto; padding:0px;}
.tus_abtxt{
	margin:0px auto; padding:0px; position:absolute; bottom:30%; left:0; right:0; text-align:center; width:50%}
.tus_abtxt h4{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:35px; text-transform:uppercase; text-shadow: 1px 2px #353535; font-weight:bold; letter-spacing:1px}
.tus_abtxt h5{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:15px; text-transform:uppercase; font-weight:400}
.tus_abtxt p{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:14px; font-weight:400}
.tus_abtxt:before{
	content:''; position:absolute; border:solid 1px #ff0000; width:10%; height:7%; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_abtxt:after{
	content:''; position:absolute; background-color:#ff0000; width:5%; height:7%; bottom:-20px; left:47%; transform:translate(-50%,-50%);}
.tus_leftct{
	margin:15px 0 15px 0; padding:8px 15px; color:#fff; font-size:18px; text-transform:uppercase;  background-color:#333;
	border-bottom:solid 5px #ff0000}
.tus_cdetail{
	margin:0px; padding:0px;}
.tus_cdetail h4{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#000; font-size:17px; border-bottom:solid 1px #eee; font-weight:500}
.tus_cdetail p{
	margin:0px; padding:0px; color:#333; font-size:14px; font-weight:500}
.tus_prodetail{
	margin:0px; padding:0px;}
.tus_prodetail h1{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#000; font-size:18px; text-transform:capitalize;  border-bottom:solid 1px #ccc; font-weight:bold}
.tus_prodetail h2{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#ff0000; font-size:15px; text-transform:capitalize;  border-bottom:solid 1px #ccc;
	text-align:left}
.tus_prodetail p{
	margin:0px; padding:0px; color:#666; font-size:14px;}
.tus_prodetail p span{
	color:#000; font-size:14px; font-weight:600}
.modal-title{font-size:16px !important; }
.tus_whatsup{
	margin:0px; padding:7px 15px; color:#000; font-size:12px; text-transform:capitalize; text-align:center; border:solid 1px #333;
	transition:0.8s}
.tus_whatsup:hover{
	background-color:#343434; color:#fff;}
.tus_whatsup i{
	font-size:14px;}
/*----- Basket ------*/
.tus_mincart{
	margin:0px; padding:0px; position:relative; display:flex;}
.tus_mncrimg{
	margin:0px; padding:0px; position:relative; width:30%;}
.tus_mncrimg img{
	margin:0px auto; padding:0px;}
.tus_mncrtxt{
	margin:0px; padding:0px;}
.cartRemove{
	margin:0px; padding:0px; color:#999; font-size:18px; position:absolute; top:0; right:4px; transition:0.8s}
.cartRemove:hover{
	color:#000;}
.tus_mincart h3{
	margin:13px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mncrtxt h4{
	margin:0px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mincart p{
	margin:0px; padding:0px; color:#333; font-size:14px; text-transform:capitalize;}
.tus_mincart h2{
	margin:0px; padding:0px; color:#fff; font-size:10px; text-transform:uppercase; background-color:rgb(0,0,0,0.8); width:20px; height:20px; 
	text-align:center; position:absolute; top:5px; left:10px; border-radius:100%; line-height:20px}
.tus_qtys{
	margin:8px 0 4px 0; padding:3px 4px; width:100%; font-size:13px; border:solid 1px #ccc}
.tus_updte{
	margin:0px; padding:0px; background-color:transparent; color:#000; font-size:13px; text-transform:uppercase; border:none;
	font-weight:500}
.tus_totlas{
	margin:5px 0 15px 0; padding:0px; background-color:#ccc;}
.tus_totlas h5{
	margin:0px; padding:15px 10px; color:#000; font-size:14px; text-transform:capitalize; text-align:center}
.tus_bskempt{
	margin:20px auto 40px auto; padding:0px; text-align:center}
.tus_bskempt h6{
	margin:0px 0 10px 0; padding:15px 10px; color:#000; font-size:20px; text-align:center}
.tus_bskempt a{
	margin:0px; padding:10px 20px; background-color:#ccc; font-size:16px; text-transform:capitalize; color:#000; border-radius:2em; transition:0.8s}
.tus_bskempt a:hover{
	background-color:#ff0000; color:#fff;}
.tus_cartfrm{
	margin:0px 0 15px 0; padding:20px 25px; background-color:#fff; border:solid 1px #eee;}
.tus_cartfrm h4{
	margin:0px 0 5px 0; padding:0px; color:#000; font-size:18px; text-transform:capitalize; font-weight:550}
.yourCart{
    width:100%; text-align:left; text-transform:uppercase; padding:15px; background:#ccc; font-weight:500; font-size:15px;
	margin-bottom:5px}
.cartProduct{
	margin:0px; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #ccc; position:relative}
.cartProduct:last-child{
	margin-bottom:5px; margin-top:5px;}
.cartPdctImage{
    position:relative; margin:0px; padding:0px;}
.cartPdctImage img{
	margin:0px; padding:0px; height:110px; border:solid 1px #ccc}
.cartPdctName{
     padding:0px; color:#333; font-size:15px; text-transform:capitalize; font-weight:bold}
.cartPdctArt{
	 padding:0px; color:#333; font-size:15px; font-weight:450}
.cartPdctSize{
	 padding:5px 0 10px; color:#333}
.cartQuantity{
	font-weight:400; color:#333; width:50%; border:solid 1px #ccc; padding:6px 5px; text-align:center; font-size:15px;
	margin-top:15px}
.cartSubmit{
	margin:10px 0; background:#000;  border:none; padding:7px 20px; font-size:14px; color:#fff}
.cartRemove{
	margin:10px 0;  font-size:14px; color:#000; text-transform:uppercase;}
.cartRemove:hover{
	color:#fff; text-decoration:none; background-color:#000}
.cartPdctPrice{
	 padding:20px; text-align:right ; color:#fa5400}
.summery{
	background:#eee; margin-bottom:40px;}
.summeryTxt{
	 padding:20px; color:#000; font-size:15px; border-bottom:#000 1px solid;}
.summeryTotal{
	 padding:10px 25px; color:#000; font-size:15px; border-bottom:#000 1px solid; text-transform:uppercase; font-weight:500}
.summeryTotal > span{
	float:right}
.summeryOr{
	 color:#ffffff; font-size:16px;text-align:center}
.cartSend{
	padding:15px 0; text-align:center}
.cartSend > a{
	 padding:8px 10px; color:#ffffff; font-size:14px; text-transform:capitalize; background:#333; display:inline-block; border-radius:3px; 
	 font-weight:400; text-decoration:none; transition:0.8s}
.cartSend > a:hover{
	background:#000; text-decoration:none; color:#fff}
.cartAddMore{
	padding:15px 30px; border-top:#333 1px solid; text-align:center}
.cartAddMore > a{
    padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#333; display:block; border-radius:3px;  font-weight:bold; text-decoration:none}
.cartAddMore > a:hover{
	background:#fff; text-decoration:none; color:#000}
.cartBasketEmpty{
	 padding:60px 20px ; color:#fff; font-size:25px; background:#666; text-align:center; margin:20px 0 40px; width:100%}
.tus_minbskt{
	margin:0px 0 5px 0; padding:0px; background-color:#ccc;}
.tus_minbskt h3{
	margin:0px; padding:13px 0; color:#000; font-size:15px; text-transform:uppercase;}
.cartRemoveupd{
	margin:10px 0 0 15px; padding:0px; background-color:transparent; border:none; color:#000; font-size:15px; text-transform:capitalize;}
.cartRemovebsk{
	margin:0px 0 0px 18px; padding:0px; color:#000; font-size:25px; text-align:center; position:relative; top:25px; transition:0.8s}
.cartRemovebsk:hover{
	color:#ff0000;}
.cartQuantitymb{
	margin:0px 0 10px 0; padding:0px 6px; width:25%; border:solid 1px #ccc;}
.cartRemovemb{
	margin:0px; padding:5px 10px; background-color:#000; color:#fff; font-size:13px; text-transform:capitalize; text-align:center; border:none;
	transition:0.8s}
.cartRemovemb:hover{
	background-color:#ff0000; color:#fff;}
.sitemap_cate{
	margin:0px 0 20px 0; padding:0px;}
.sitemap_cate h4{
	margin:0px 0 10px 0; padding:0px 0 5px 0;  font-size:15px; color:#000; text-transform:uppercase; font-weight:500; 
	border-bottom:solid 1px #999;}
.sitemap_cate p{
	margin:0px 0 0px 0; padding:0px 0 0px 0;  font-size:16px; color:#666;}
.sitemap_cate p:hover{
	color:#ff0000; text-decoration:none;}
.sitem_menu{
	margin:0px 0 15px 0; padding:0px; text-align:center}
.sitem_menu ul{
	margin:0px; padding:0px;}
.sitem_menu ul li{
	margin:0px 10px; padding:0px; list-style:none; display:inline-block;}
.sitem_menu ul li a{
	margin:0px; padding:0px;  font-size:16px; color:#000; text-transform:capitalize;}
.sitem_menu ul li a:hover{
	color:#ff0000; text-decoration:none;}
#tus_margin{
	margin:0px; padding:0px;}
.tus_mobile{
	margin:0px; padding:5px 15px; position:relative; display:flex; justify-content:space-between; align-items:center; background-color:#fff;}
.tus_mblogo{
	margin:0px; padding:0px 5px;}
.tus_mblinks{
	margin:0px; padding:0px; position:relative}
.tus_mblinks a{
	margin:0px 0px; padding:7px 9px 5px 9px; color:#000; font-size:16px; border:solid 1px #000;}
.tus_mbnav{
	margin:0px; padding:25px 10px 15px 10px; width:80%; position:fixed; background-color:#fff; z-index:1; top:0; left:0; height:100%; z-index:3434349; overflow-y: scroll;}
.tus_mbnav a{
	margin:0px; padding:5px 0 5px 0; display:block; color:#000; font-size:14px; text-transform:capitalize; transition:0.8s; border-bottom:solid 1px #eee;
	font-weight:400}
.tus_mbnav a:hover{
	color:#ff0000;}
.tus_mbnav a i{
	margin:5px 15px 0 0; padding:0px; font-size:12px; float:right;}
.tus_close{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_close2{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close2 a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_popsearch{
	margin:0px; padding:60px 20px 20px 20px; background-color:#fff; position:absolute; top:0; left:0; width:100%; z-index:34343499}
.tus_mbsrch{
	margin:0px; padding:8px 10px; width:100%; background-color:#000; color:#fff; font-size:14px; border:none}
.tus_mbsbmsrch{
	margin:-38px 0 0 0; padding:8.5px 12px; background-color:#999; color:#fff; font-size:14px; text-transform:uppercase; text-align:center; float:right; position:relative;
	border:none;}
.tus_close3{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close3 a{
	margin:0px; padding:5px 12px; background-color:#000; color:#fff; font-size:16px; border-radius:100%}
.tus_close4{
	margin:0px; padding:0px; position:absolute; top:5px; right:10px}
.tus_close4 a{
	margin:0px; padding:0px; color:#000 !important; font-size:22px !important; border:none !important}
.tus_mblogo img{
	margin:0px 0 5px 0; padding:0px; height:45px}
.tus_gallery{
	margin:0px 0 15px 0; padding:0px; position:relative; border:solid 4px #ff0000}
.tus_gallery img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_gallery h4{
	margin:0px; padding:8px 0; color:#000; font-size:17px; text-transform:capitalize; border-bottom:solid 1px #ccc; font-weight:600}
.tus_gallery:before{
	content:''; position:absolute; background-color:rgb(0,0,0,0.4); width:100%; height:100%; top:0; left:0; transition:0.8s; opacity:0}
.tus_gallery:hover:before{
	opacity:1;}
.SliderFour{padding:10px !important;}


















@media only screen and (min-width: 280px) and (max-width: 359px) {
.line:after{display:none !important;}
.tus_heading{margin-top:35px !important;}
.tus_number{display:none;}
.tus_heading h4{font-size:22px;}
.tus_heading h4::before{font-size:24px;}
.tus_welcome::before{display:none;}
/* .tus_welcome h1{margin:0px; font-size:25px;} */
.tus_welcome:after{display:none !important;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px !important;}
.tus_redmore{margin:0px;}
.tus_mincat{width:auto;}
.tus_pcatg h3{font-size:20px;}
.tus_pcatg h3 span{font-size:15px;}
.tus_minprod h2{font-size:22px;}
.tus_citems{display:block;}
.tus_ctxts i{font-size:30px; color:#fff}
.tus_ctxts h4{color:#fff;}
.tus_ctxts p{color:#fff; font-size:12px;}
.tus_news{margin:0px; padding:0px 5px !important;}
.news_bg{margin:0px; padding:8px 0px !important;}
.tus_news p {padding:0px 0 20px 0 !important;}
.news_bg::before{display:none;}
.tus_minclnt::before{height:80%;}
.tus_ctxts h5{color:#fff;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:59% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:59% !important;}
.tus_minnews{width:auto; margin:0px;}
.tus_sbmnews{width:auto;}
.tus_ftlogos img{height:90px;}
.tus_footer{margin:60px 0 0 0 !important;}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer::before{height:115px;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 360px) and (max-width: 479px) {
.line:after{display:none !important;}
.tus_number{display:none;}
.tus_heading h4{font-size:25px;}
.tus_heading h4::before{font-size:28px;}
.tus_welcome::before{display:none;}
.tus_welcome h1{margin:0px; font-size:25px;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px; width:auto}
.tus_redmore{margin:0px;}
.tus_mincat{width:auto;}
.tus_pcatg h3{font-size:20px;}
.tus_pcatg h3 span{font-size:15px;}
.tus_minprod h2{font-size:22px;}
.tus_citems{display:block;}
.tus_ctxts i{font-size:30px; color:#fff}
.tus_ctxts h4{color:#fff;}
.tus_ctxts p{color:#fff; font-size:12px;}
.tus_minclnt::before{height:80%;}
.tus_ctxts h5{color:#fff;}
.tus_nxclint{position:inherit;}
.tus_minnews{width:auto; margin:0px;}
.tus_minprod{margin:0px !important; padding:0px !important;}
.tus_news{padding:0px !important;}
.tus_news p {padding-bottom: 20px !important;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:59% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:58.2% !important; left:20%;}
.tus_sbmnews{width:auto;}
.tus_ftlogos img{height:90px;}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer::before{height:100px;}
.tus_prtabs a{font-size:12px; padding:5px; margin:0px 4px 5px 0;}
.tus_prtabs{margin:0px;}
.tus_prods h6{margin:0px;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 480px) and (max-width: 666px) {
.line:after{display:none !important;}
.tus_heading{margin-top: 30px !important;}
.tus_heading img{padding:0 50px !important;} 
.tus_welcome::before{display: none !important;}
.tus_welcome:after{display: none !important;}
.tus_welcome h1{margin:0px; font-size:25px;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px; width:auto}
.tus_redmore{margin:0px;}
.tus_minprod h2{font-size:25px;}
.tus_prtabs a{font-size:12px; padding:5px; margin:0px 4px 5px 0;}
.tus_prtabs{margin:0px;}
.tus_prods h6{margin:0px;}
.tus_citems{width:95%;}
.tus_ctxts i{font-size:30px;}
.tus_ctxts h5{margin:0px; font-size:16px;}
.tus_ctxts p{margin:0px; font-size:14px;}
.tus_news{padding:0px !important;}
.tus_minclnt:before{height: 48% !important;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:70% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:70% !important; left:30%;}
.tus_minnews{width:auto;}
.tus_sbmnews{width:35%;}
.tus_ftlogos img{height:80px;}
.tus_footer{margin-top:50px !important;}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer::before{height:80px;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 667px) and (max-width: 767px) {
.line:after{display:none !important;}
.tus_heading{margin-top: 30px !important;}
.tus_heading img{padding:0 50px !important;} 
.tus_welcome::before{display: none !important;}
.tus_welcome h1{margin:0px; font-size:25px;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px; width:auto}
.tus_redmore{margin:0px;}
.tus_minprod h2{font-size:25px;}
.tus_prtabs a{font-size:12px; padding:5px 8px; margin:0px 4px 5px 0;}
.tus_prtabs{margin:0px;}
.tus_prods h6{margin:0px;}
.tus_citems{width:95%;}
.tus_ctxts i{font-size:30px;}
.tus_ctxts h5{margin:0px; font-size:16px;}
.tus_ctxts p{margin:0px; font-size:14px;}
.tus_minnews{width:auto;}
.tus_sbmnews{width:35%;}
.tus_news{padding:0px !important;}
.tus_minclnt:before {height:49% !important;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:64% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:64% !important; left:30%;}
.tus_ftlogos img{height:150px; margin-top:15px}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer{margin-top:50px !important;}
.tus_footer::before{height:80px;}
.tus_mincat{width:auto;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 768px) and (max-width: 799px) {
.line:after{display:none !important;}
.tus_heading{margin-top: 30px !important;}
.tus_heading img{padding:0 50px !important;} 
.tus_welcome::before{display:none !important;}
.tus_welcome h1{margin:0px; font-size:25px;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px; width:auto}
.tus_redmore{margin:0px;}
.tus_minprod h2{font-size:25px;}
.tus_prtabs a{font-size:12px; padding:5px 8px; margin:0px 4px 5px 0;}
.tus_prtabs{margin:0px;}
.tus_prods h6{margin:0px;}
.tus_citems{width:80%;}
.tus_ctxts i{font-size:30px;}
.tus_ctxts h5{margin:0px; font-size:16px;}
.tus_ctxts p{margin:0px; font-size:14px;}
.tus_minnews{width:75%;}
.tus_sbmnews{width:35%;}
.tus_news{padding:0px !important; text-align: center !important;}
.tus_minclnt:before {height:49% !important;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:62% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:62% !important; left:30%;}
.tus_footer{margin-top:50px !important;}
.tus_ftlogos img{height:150px; margin-top:15px}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer::before{height:80px;}
.tus_mincat{width:auto;}
.tus_number{width:16%;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 800px) and (max-width: 991px) {
.line:after{display:none !important;}
.tus_welcome::before{display:none !important;}
.tus_welcome h1{margin:0px; font-size:25px;}
.tus_welcome p{margin:0px 0 20px 0; font-size:13px; width:auto}
.tus_redmore{margin:0px;}
.tus_minprod h2{font-size:25px;}
.tus_prtabs a{font-size:12px; padding:5px 8px; margin:0px 4px 5px 0;}
.tus_prtabs{margin:0px;}
.tus_prods h6{margin:0px;}
.tus_citems{width:80%;}
.tus_ctxts i{font-size:30px;}
.tus_ctxts h5{margin:0px; font-size:16px;}
.tus_ctxts p{margin:0px; font-size:14px;}
.tus_minnews{width:75%;}
.tus_sbmnews{width:35%;}
.tus_news{padding:0px !important; text-align: center !important;}
.tus_minclnt:before {height:49% !important;}
.tus_nxclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:62% !important;}
.tus_pvclint{width:47px !important; height:42px !important; line-height:44px !important; bottom:62% !important; left:30%;}
.tus_footer{margin-top:50px !important;}
.tus_ftlogos img{height:150px; margin-top:15px}
.tus_footer::after{display:none;}
.tus_ftnav{width:auto;}
.tus_footer::before{height:80px;}
.tus_mincat{width:auto;}
.tus_number{width:16%;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 992px) and (max-width: 1023px) {
.line:after{display:none !important;}
.line::before {top:9.3em !important; height: 64px !important;}
.social{text-align: center !important;}
.top_head:after{right:8% !important;}
.tus_mobile{display:none;}
.tus_hdmenus ul li > a{font-size:13px !important; padding:5px 6px !important;}
.tus_email p{font-size:12px;}
.tus_welcome p{font-size:13px;}
.tus_welcome::before{display:none;}
.tus_news{padding:0px !important;}
.tus_minclnt:before{height: 38% !important; bottom: 57% !important;}
.tus_nxclint {left:5% !important;}
.tus_pvclint {right:5% !important;}
.tus_ftnav a{font-size:13px;}
.tus_ftnav h4{font-size:17px;}
.tus_address p{font-size:12px;}
.tus_number{width:15%;}
.tus_footer{padding:0px !important;}
.tus_footer:after{width: 30% !important; height: 55% !important; top:9% !important;}
.tus_welcome span1::before{display:none;}
}
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
.line:after{display:none !important;}
.line::before {top:9.3em !important; height: 64px !important;}
.social{text-align: center !important;}
.top_head:after{right:8% !important;}
.tus_mobile{display:none;}
.tus_hdmenus ul li > a{font-size:13px !important; padding:5px 6px !important;}
.tus_email p{font-size:12px;}
.tus_welcome p{font-size:13px;}
.tus_welcome::before{display:none;}
.tus_news{padding:0px !important;}
.tus_nxclint {left:5% !important;}
.tus_pvclint {right:5% !important;}
.tus_minclnt:before {bottom:58% !important;}
.tus_ftnav a{font-size:13px;}
.tus_ftnav h4{font-size:17px;}
.tus_address p{font-size:12px;}
.tus_number{width:15%;}
.tus_footer{padding:0px !important;}
.tus_footer:after{width: 30% !important; height: 55% !important; top:9% !important;}
.tus_welcome span1::before{display:none;}
}