.navbar-toggle {
  display: none;
  flex-direction: column;
  background: none;
  border: none;
  cursor: pointer;
  gap: 5px;
  padding: 8px;
}

.navbar-toggle span {
  width: 25px;
  height: 2.5px;
  background: #000;
  border-radius: 2px;
  transition: all 0.3s ease;
}

.navbar-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translateY(3px) translateX(5px);
}

.navbar-toggle.active span:nth-child(2) {
  opacity: 0;
}


.navbar-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translateY(-5px) translateX(6px);
}

@media (max-width: 768px) {
    
    .cs-products-form .spl-form-group{
        flex-direction:column;
    }

    .cs-products-form .spl-form-group .form-group {
      width: 100%;
    }
  .cs-products-form .form-group {
    flex-direction: column;
  }

  .cc-prod-img-wrap {
    height: 200px;
  }

  #navbar {
    display: none;
  }

  .navbar-toggle {
    display: flex;
    border: 1px solid;
    margin-top: -7px;
    padding: 7px;
    border-radius: 4px;
  }

   .navbar-toggle {
    &.active{
      border-color:rgba(0,0,0,0.2);
    }
   }

  .cc-nav-actions {
    /* display: none; */
    position: absolute;
    right: 77px;
  }

  .btn-gold{
    line-height: 25px;
  }

  .cc-hero-content {
    padding: 20px 20px;
    margin-top: 20px;
  }

  .cc-section.dark-blue {
    & .cc-categories.spl .cc-cat-card:nth-child(2) {
      padding: 20px;
      display: flex;
      flex-direction: column;
    }

    & .cc-prod-badge {
      background: #1a2340;
      color: #faf8f3;
      max-width: 150px;
      margin: 0px !important;
    }

  

      & .cc-new-badge {
        display: grid;
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 14px;
        margin-bottom: 24px;
        margin: 0px !important;

        .cnt {
          display: flex;
          flex-direction: column;
        }
      }

   
  }


  .cc-products-grid.spl {
    place-items: inherit;
  }

  .cc-products-grid.spl .cs-products-form .form-field {
    width: 100%;
  }

  .cc-hero-title {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
  }

  .btn-gold {
    padding: 10px 15px;
    font-size: 12px;
  }

  .cc-hero-bg {
    top: 20px !important;
  }

  .cc-hero {
    position: relative;
    background: #02081a;
    height: auto;
    display: flex;
    align-items: first baseline;
    overflow: hidden;
    padding-bottom: 30px;
  }

  .cc-nav {
    padding: 10px 20px;
  }


  .cc-categories.spl.adj .cc-cat-card.img {
    text-align: center;
    float: left;
    width: 100%;
  }

  .cc-nav-links {
    position: absolute;
    background: #fef7e2;
    top: 90px;
    width: 100%;
    left: 0;
    flex-direction: column;
    gap: 0px;
    padding: 30px 30px;
  }

  .cc-nav-links li {
    margin-bottom: 15px;
  }

  .cc-categories.spl .cc-cat-card p {
    float: left;
    padding: 0px;
  }

  .cc-featured {
    padding: 30px 20px;
  }

  .cc-section-title {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
  }

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

  .cc-categories.spl {
    grid-template-columns: 100%;
  }


  .cc-section.dark-blue {
    padding: 30px 20px;
  }

  .cc-section-header {
    text-align: center;
    margin-bottom: 20px;
  }

  .cc-topbar {
    font-size: 8px;
    padding: 10px 20px;
    text-align: left;
  }

  #navbar.active {
    display: block;
  }


  .cc-footer-col-title {
    font-size: 13px;
  }

  .cc-footer {
    padding: 25px 20px;
  }

}