@media screen and (max-width: 1440px) {
  header {
    .small-12 .additional-menu .full-menu{
      width: max-content;
    }
  }

  product-card p.product-card-description{
    min-height: 42px !important;
  }
}

@media screen and (max-width: 1370px) and (min-width: 1200px) {
  .promo-heading {
    font-size: 20px !important;
  }

  .promo-pre-text {
    font-size: 14px !important;
  }

  .promo-button {
    padding: 10px 20px !important;
  }
}

@media screen and (max-width: 1024px){
  header {
    .small-12 .additional-menu{
      display: none;
    }
  }

  .explore-collection-section .collection-items{
    gap: 20px;

    .circle-image{
      width: 230px;
    }
  }

  .new-arrivals {
    .new-arrivals__container{
      flex-direction: column;

      .new-arrivals__content{
        gap: 20px;
        width: 100%;
        flex: unset;
        max-width: 100%;
        flex-direction: row;
        justify-content: space-around;

        div{
          width: 70%;

          .new-arrivals__heading{
            max-width: 100%;
            margin: 10px 0px 0px;
            text-align: left;
          }

          .new-arrivals__subheading{
            max-width: 100%;
            text-align: left;
          }
        }

        a{
          width: 20%;
        }
      }

      .new-arrivals__products{
        width: 100%;
      }
    }
  }

  .membership-callout {
    .membership-wrapper {
      padding: 0 32px !important;
      min-height: 252px !important;
      background-size: contain !important;

      .cus-width {
        gap: 20px;
        padding: 25px 0px;
      }
    }
  }

  .highlight-section{
    .highlight-card{
      padding: 60px 50px;
      background-size: contain;

      .highlight-layout{
        flex-direction: row;

        .highlight-side {
          display: flex;
          width: calc(50% / 2 - 32px);
          justify-content: center;

          img{
            height: unset !important;
          }
        }

        .highlight-content{
          img{
            margin: 0 auto;
          }

          .highlight-heading{
              font-size: 32px;
          }
        }
      }
    }
  }

  .blog-post-grid-section {
    .blog-post-grid{

      .blog-post-card{
        max-width: calc( 50% - 40px);
        max-height: unset !important;
      }
    }
  }

  .custom-collection{
    .custom-collection-container{
      flex-direction: column-reverse;
      min-height: unset !important;
      max-height: unset !important;

      .collection-text{
        padding: 0rem 3rem 1rem;
      }

      .collection-image{
        width: 100%;

        img{
          max-width: unset !important;
        }
      }
    }
  }

  .new-arrivals{
    .new-arrivals__products {
      .popup-modal {
        .popup-modal__content {
          overflow-y: scroll; 
          
          .popup-modal__body {
            product.wrapper{
              flex-direction: column;

              .product-image-wrapper {
                width: 100%;
                justify-content: center;
                flex-direction: row-reverse;

                > img {
                  min-height: 400px !important;
                  max-height: 400px !important;
                }

                .product-all-images {
                  flex-direction: column;
                  overflow-x: unset !important;
                  overflow-y: scroll !important;
                  max-height: 400px;
                }
              }

              .product-info-wrapper {
                width: 100%;
              }
            }
          }
        }
      }

      .carousel-cell {
        .product-card__image:hover .eye{
          bottom: 26px;
          opacity: 1 !important;
        }
      }
    }
  }
}

@media screen and (max-width: 880px) and (min-width: 769px) {
  .membership-callout {
    padding: 0px 0 56px !important;

    .membership-wrapper {
      .cus-width {
        gap: 10px;
        padding: 25px 0px;

        h2 {
          font-size: 32px;
        }

        .subheading{
          font-size: 16px;
        }
      }
    }
  }

  .highlight-section {
    .highlight-card {
      .highlight-layout {
        .highlight-side {
            img {
                height: 180px !important;
            }
        }

        .highlight-content {
          img{
            width: 40px;
            margin-bottom: 10px;
          }

          .highlight-heading {
            margin-bottom: 10px;
            font-size: 24px;
          }
        }
      }
    }
  }

  .new-arrivals {
    .new-arrivals__container {
      .new-arrivals__content {
        a {
          width: 30%;
        }
      }
    }
  }
}

@media screen and (max-width: 956px) and (min-width: 769px) {
  .highlight-description{
    max-height: 60px;
    overflow: scroll;
  }


}

@media screen and (max-width: 768px){
  .slideshow__slide {
    .slideshow__slide-inner {
      .slide-content {
        padding: 0 15px;

        h2{
          font-size: 90px !important;
        }

        p{
          font-size: 24px !important;
        }
      }
    }
  }
  
  .membership-callout {
    padding: 56px 20px;

    & .membership-wrapper {
        .cus-width {
            gap: 10px;
        }
    }
  }

  .explore-collection-section {
    .collection-items{
      gap: 30px;

      .collection-item {
        .circle-image{
          width: 240px;
        }
      }
    }
  }

  .new-arrivals{
    padding: 20px !important;

    .new-arrivals__products {
      .popup-modal {
        .popup-modal__content {
          max-height: 80vh !important;

          .popup-modal__close {
            top: 0px !important;
            right: 20px !important;
          }
        }
      }
    }
  }

  .new-arrivals {
    .new-arrivals__container {
      .new-arrivals__content {
        a {
          width: 32%;
        }
      }

      .new-arrivals__products{
        .carousel-cell{
          width: 40%;
        }
      }
    }
  }

  .highlight-section {
    .highlight-wrapper {
      .highlight-card {
        padding: 120px 50px;

        .highlight-layout {
          flex-wrap: wrap;
          padding: 0px 90px;

          .highlight-content{
            order: 1;
            width: 60%;
          }

          .highlight-side{
            order: 2;
            width: calc( 50% - 44px);
          }
        }
      }
    }
  }

  p.product-card-description {
    min-height: 41px;
  }

  footer {
    .bootom_footer {
      .logo_txt_wrap{
        flex-direction: column;
      }
    }
  }

  #shopify-section-template--25407069454720__breadcrumbs.breadcrumbs-section {
    padding-top: 0px !important;
  }

  .membership-benefits {
    padding: 30px 50px !important;

    .mem-container {
      gap: 20px !important;

      .membership-header {

        > p {
          width: 100% !important;
        }
      }

      .benefits-grid {
        .benefit-card {
          width: calc(33% - 20px) !important;
        }
      }
    }
  }

  .faq-container {
    gap: 10px !important;
    padding: 20px 50px !important;
    flex-direction: column !important;

    .faq-title, .faq-subcontainer {
      width: 100% !important;
    }
  }
}

@media screen and (max-width: 660px) and (min-width: 540px) {
  .highlight-section {
    .highlight-wrapper {
      .highlight-card {
        padding: 120px 10px;

        .highlight-layout {
          flex-wrap: wrap;
          padding: 0px 0px;
        }
      }
    }
  }

  .custom-promo-block {
    .promo-new-arrival {
      top: 79px !important;
    }
  }

  .membership-wrapper {
    h2 { font-size: 32px !important; }
    .subheading { font-size: 14px !important; }
    .membership-button { font-size: 14px !important; }
  }

  footer {
    .widget.widget--signup img{
      height: 50px;
      margin-top: 40px;
    }
  }
}

@media screen and (max-width: 550px){
  /* Header Changes */
  header .small-12 .additional-menu {
    display: none;
  }

  .header.style1 .logolink img{
    width: 70%;
  }

  .header > .row > .columns {
    grid-template-columns: 1fr 1fr 1fr !important;
  }
  
  .row{
    max-width: 400px;
  }

  /* Hero Section */
  .slideshow__slide {
    .slideshow__slide-content{
      max-width: 100%;
    }
    
    .slideshow__slide-content .slide-content {
      padding: 16px;
      
      h2{
        font-weight: 400;
        font-size: 55px !important;
        line-height: 1.12 !important;
      }

      p.split-text{
        font-weight: 400;
        font-size: 14px !important;
        line-height: 1.35 !important;
      }

      .flexy{
        flex-direction: column;

        .button-overflow-container a{
          width: 70vw;
          font-size: 16px;
          font-weight: 400;
          line-height: 1.35;
        }
      }
    }
  }

  /* Logo List Icons */
  .logo-list__inner.swipe-on-mobile .logo-list__logo{
    flex: 0 0 220px !important;
  }

  .logo-divider{
    margin: 0px !important;
  }

  /* Explore Collection */  
  .explore-collection-section {
    padding: 32px 16px !important;

    .container{
      gap: 32px;
    }
    
    .explore-title{
      font-size: 42px;
      line-height: 1.1;
      font-weight: 400;
      font-family: "Monotype Baskerville";
    }

    .collection-items{
      gap: 24px;
    }

    .collection-item {
      max-width: calc( 50% - 12px) !important;
      width: 100%;

      .circle-image{
        width: 150px !important;
        height: 150px !important;
      }
    }
  }

  /* Highlight */
  .highlight-section{
    .highlight-card{
      padding: 50px !important;
      /* background-image: unset !important; */

      .highlight-layout{
        gap: 24px;
        padding: unset !important;
        flex-wrap: unset !important;

        .highlight-side{
          display: none;
        }
        
        .highlight-content{
          order: unset !important;
          width: 90% !important;
          max-width: 320px !important;

          .mobile{
            gap: 26px;
            display: flex;
            padding: 24px 0px;
            justify-content: center;

            .highlight-side{
              display: block;

              img{
                width: 100%;
                height: auto;
                max-width: 147px;
              }
            }
          }
  
          img{
            width: 52px;
            margin-bottom: 24px;
          }
  
          .highlight-label{
            font-size: 14px;
          }
  
          .highlight-heading{
            font-size: 26px;
          }

          .highlight-description{
            padding: 0 20px;
            margin-bottom: 0px;
            font-size: 14px;
          }
        }
      }
    }
  }

  /* New Arrival Changes */
  .new-arrivals{
    .new-arrivals__products {
      .popup-modal {
        .popup-modal__content {
          .popup-modal__body {
            product.wrapper {

              .product-image-wrapper > img {
                min-height: 200px !important;
                max-height: 200px !important;
              }

              .product-image-wrapper {
                .product-all-images {
                  max-height: 200px;

                  > div.image-container {
                    min-width: 50px !important; 
                    min-height: 50px !important; 
                  }
                }
              }

              .product-info-wrapper {
                gap: 20px;

                .head {
                  gap: 4px;

                  h3 {
                    line-height: 1.2;
                  }

                  .sub-heading {
                    font-size: 12px;
                  }

                }

                .cus-price-section {
                  gap: 4px;
                  flex-direction: column;

                  .cus-price-block {
                    .cus-price-value {
                      flex-direction: column;
                      align-items: start;

                      .cus-membership-badge {
                        margin-left: unset !important;
                      }
                    }
                  }
                }

                .product-specs{
                  gap: 20px;
                  justify-content: space-between;
                }

                .compound {
                  .group {
                    flex-direction: column;

                    .view, form {
                      width: 100%;
                    }
                  }

                  .threshold-data {
                    gap: 5px;
                    flex-direction: column;
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  .new-arrivals{
    padding: 32px 16px !important;
    
    .new-arrivals__content{
      width: 100%;
      flex-direction: row-reverse;
      justify-content: space-between;

      .new-arrivals__icon{
        width: 60px;
        height: auto;
      }

      .new-arrivals__heading{
        font-size: 36px;
        font-weight: 400;
        margin-left: 0px;
        text-align: start;
      }

      .new-arrivals__subheading{
        font-size: 14px;
        text-align: left;
        margin-bottom: 0px;
        max-width: unset !important;
      }

      a.new-arrivals__button{
        display: none;
      }
    }

    .new-arrivals__products{
      width: 100%;

      .carousel-cell {
        width: 80% !important;
      }

      .product-card .product-card__image{
        min-height: fit-content;
      }

      .product-card .product-card__info{
        min-height: 100px;

        h4{ font-size: 18px; min-height: 50px;}
        p{ font-size: 14px; min-height: unset !important; }

        .description { min-height: 45px !important; }

        .price{
          min-height: unset !important;
          
          .product-card__price{ font-size: 16px; line-height: 1.5;  }
          .product-card__price span { font-size: 12px; }
        }
      }
    }
    
    .flickity-prev, .flickity-next{
      display: none !important;
    }
  }

  /* Membership Design */
  .membership-callout {
    margin: 0 auto;
    max-width: 400px;
    padding: 20px 0px !important;

    .membership-wrapper{
      padding: 95px 56px !important;
    }
    
    .cus-width {
      width: 100%;
      gap: 24px !important;

      h2{
        font-size: 36px;
        font-weight: 400;
      }

      p.subheading{
        font-size: 18px;
        font-weight: 400;
        line-height: 1.4;
      }
    }
  }

  /* Blog Post Changes */
  .blog-post-grid-section{
    padding: 32px 16px !important;
    
    .blog-post-grid-heading{
      font-size: 36px;
      font-weight: 400;
      line-height: 1.2;
      text-align: left;
      margin-bottom: unset;
    }

    .blog-post-grid{
      gap: 12px;
      flex-wrap: unset;
      overflow-x: scroll;
      scrollbar-width: none;
      justify-content: unset;

      .blog-post-card:nth-child(even){
        margin: unset !important;
      }

      .blog-post-card{
        overflow: unset;
        max-width: 245px;
        min-width: 245px;
        max-height: 610px;

        .blog-post-image{
          img{
            min-height: 350px !important;
          }
        }

        .blog-post-content{
          overflow: hidden;
          max-height: 120px;
          margin-bottom: 24px;
          
          .blog-post-title{
            font-size: 18px;
            font-weight: 400;
            line-height: 1.3;
          }
  
          .blog-post-excerpt{
            font-size: 14px;
            font-weight: 400;
            line-height: 1.3;
          }
        }
      }
    }
  }
  
  /* Footer Changes */
  .footer {
    gap: 32px !important;
    
    .sign-up {
      .widget--signup {
        gap: 16px;
        flex-direction: column;

        .email-signup-compound{
          min-width: 90% !important;
        }

        div{
          flex-wrap: wrap;
          justify-content: center; 
        }

        .thb-widget-title{
          font-size: 42px !important;
        }

        p{
          font-size: 14px !important;
        }
      }
      
      .signup-container{
        min-width: 100% !important;
      }
    }

    .medium-3.columns .widget{
      margin-bottom: 0px;
      
      .thb-widget-title{
        font-size: 18px !important;
        margin-bottom: 16px !important;
      }

        .text-size--medium{
          font-size: 14px;
          line-height: 1.35;

          p{
            margin-bottom: 16px;
          }
        }
    }

    .widget--menu{
      border: unset !important;

      .thb-widget-menu{
        padding: 0px;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.35;
        display: block !important;
      }
    }

    .row{
      row-gap: 32px !important;
    }

    .bootom_footer .logo_txt_wrap{
      gap: 8px;
      flex-direction: column;

      .ftr_txt_wrap p{
        font-size: 10px;
      }
    }
  }

  /* Collection Page */
  .breadcrumb-container {
    padding: 12px 16px !important;
  }
  
  .custom-collection {
    .custom-collection-container {
      gap: unset;
      min-height: unset !important;
      max-height: unset !important;
      align-items: unset !important;
      flex-direction: column-reverse;

      .collection-text {
        padding: 2rem;

        .icon-wrapper {
          margin-bottom: 24px;

          img{
            margin-bottom: 0px !important;
          }
        }

        h2 {
          font-size: 40px;
        }

        p {
          font-size: 14px;
        }
      }
    }
  }
  
  product-card{
    .product-card-info {
      .price-pie{
        .product-card-title{
          font-size: 18px;
          overflow: hidden;
          max-height: 51px !important;
          min-height: 51px !important;
        }
  
        p.product-card-description{
          font-size: 14px;
        }
      }

      .price{
        .product-card__price{
          font-size: 16px;

          span{
            font-size: 12px;

            &:nth-last-child(1), &:nth-last-child(2) {
              display: none;
            }
          }
        }
      }
    }
  }

  /* Product Page */
  .template-product{
    .product-section{
      .product-grid-container{
        .product-image-container{
          .custom-product-gallery{
            .main-media-wrapper {
              max-height: 425px;
              overflow: hidden;
            }

            .main-media-wrapper img{
              max-height: inherit;
              object-fit: contain;
            }

            .thumbnail-strip img{
              width: 59px;
              height: inherit;
            }
          }
                    
          .product-images-buttons{
            display: none;
          }
        }

        .product-information{
          margin-bottom: 40px;
          
          .product-title-container{
            h2.product-title{
              font-size: 28px !important;
            }

            .product-sub-title{
              display: block;

              p{ font-size: 12px; }
            }

            .product-price-container .cus-price-section .cus-price-block {
              min-width: fit-content !important;
              
              .cus-price-label{ font-size: 14px; }
              .cus-price-value{ 
                font-size: 20px;
                align-items: start;
                flex-direction: column;

                .cus-membership-badge{
                  margin: unset !important;
                }
              }
              .cus-membership-note{ max-width: 220px; }
            }
          }

          .product-short-description p{
            font-size: 18px;
            line-height: 1.4;
          }

          .product-list{
            display: none;
          }

          .product-specs{
            gap: 32px;

            .spec-item{
              &:nth-child(1){
                width: 100%;
              }

              .spec-label{ font-size: 12px; }
              .spec-value{ font-size: 14px; }
            }
          }

          .product-form{
            margin-top: 32px;
            padding-bottom: 0px;

            .add_to_cart_holder{
              margin-bottom: 12px;
            }
          }

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

          .love-it{
            .love-it-heading h4{ font-size: 28px; }

            .love-it-imagebox{
              gap: 6px;
              align-items: unset;

              img{
                width: 28px;
                height: 28px;
              }

              p{
                font-size: 14px;
                font-weight: 400;
                line-height: 1.35;
              }
            }
          }

          product-recommendations{
            .pair-with-section{
              gap: 8px;

              h2{
                font-size: 18px;
              }
            }
          }
        }
      }
    }
  }

  /* Membership Benefits */
  .membership-benefits{
    padding: 32px 16px !important;

    .mem-container {
      gap: 24px !important;
      
      .membership-header {
        justify-content: center !important;

        .membership-header-icon img {
          height: 80px !important;
        }

        .group{
          gap: 0px !important;
          justify-content: center !important;

          h4{ font-size: 14px !important; }
          h2{ font-size: 36px !important; }
        }
      }
      
      .benefits-grid{
        gap: 12px !important;

        .benefit-card{
          padding: 12px !important;
          width: calc( 50% - 6px ) !important;

          .sub-group{
            h3{ font-size: 18px !important; }
            p { font-size: 14px !important; }
          }
        }
      }
    }
  }

  .faq-container{
    gap: 24px;
    flex-direction: column;
    padding: 40px 16px !important;

    .faq-title{
      width: 100%;
      font-size: 42px;
    }

    .faq-subcontainer{
      width: 100%;

      .faq-item{
        padding: 16px 0;

        .faq-question{ font-size: 16px; }
        .faq-answer{ font-size: 14px; }
      }

      .faq-item.open .faq-answer{
        margin-top: 16px;
      }
    }
  }

  .terms-section{
    padding: 48px 16px !important;
    
    .terms-wrapper{
      .terms-card{
        padding: 42px 24px !important;

        .terms-layout{ height: 608px; }

        .terms-content{
          .terms-top-icon{ width: 58px; }
          .terms-heading { font-size: 36px; }
          .terms-description { font-size: 18px; }
        }
      }
    }
  }

  .template-page-membership{
    .slideshow{
      .slideshow__slide-inner{
        .slideshow__slide-content{ position: absolute; bottom: 16px; }
      }
    }
  }

  .collection-list-wrapper {
    .productstyle.container_4col, .product4.container_4col, .product2.container_4col, .product1.container_4col, .product3.container_4col, .productlist.container_4col  {
      grid-template-columns: repeat(2, 1fr) !important;
    }
  }

  .carousel-cell.mini-card {
    flex-direction: column;
    align-items: unset !important;
    min-width: unset !important;
    flex-wrap: wrap;
  }

  product-recommendations .carousel .flickity-viewport{
    height: 300px !important;
  }

  .pair-with-add-button{
    width: 100% !important;
  }

  .promo-new-arrival{
    font-size: 20px !important;
    top: 100px !important;
  }

  .promo-pre-text {
    font-size: 12px !important;
  }

  .promo-inner{
    padding: 0 10px !important;
  }

  .promo-heading {
    font-size: 24px !important;
  }

  .promo-button{
    font-size: 12px !important;
    padding: 8px 20px !important;
  }

}

@media screen and (max-width: 375px) {
  .slideshow__slide {
    .slideshow__slide-content .slide-content {
      h2 {
          font-size: 46px !important;
      }
    }
  }

  .highlight-section {
    & .highlight-card {
      & .highlight-layout {
        & .highlight-content {
          .highlight-description {
            max-height: 100px;
            overflow: scroll;
          }
        }
      }
    }
  }

  .custom-promo-block{
    padding: 50px 0px !important;
  }

  .promo-heading {
    font-size: 18px !important;
    margin-bottom: 10px !important;
  }

  .promo-button {
    font-size: 12px !important;
    padding: 5px 20px !important;
  }

  .promo-inner {
    .promo-new-arrival {
      max-width: unset !important;
      rotate: unset !important;
      position: unset !important;
      text-align: center !important;
    }

    img {
      max-width: 70% !important;
    }
  }
}