/* media - 1024px */
.btn-outline{display: inline-block;}
@media only screen and (max-width: 1024px) {

  /* header */

  .crumbin_know--inner .know-para {

    position: absolute;

    top: 0;

    margin-top: 14%;

  }

  .crumbin_header--inner .navbar-crumbin ul {

    position: absolute;

    flex-direction: column;

    top: 55px;

    left: 15px;

    right: 0;

    align-items: center;

    width: 104%;

    background: white;

    overflow: hidden;

    max-height: 0;

    transition: max-height 0.4s ease;

    padding: 0;

    margin-bottom: 0;

  }



  .crumbin_header--inner .navbar-crumbin ul li {

    padding-top: 10px;

    padding-bottom: 10px;

  }



  .crumbin_header--inner .navbar-crumbin ul.open {

    max-height: 350px;

  }

  .crumbin_header--inner .crumbin-bar {

    display: flex;

  }

  /* collection section */

  .crumbin_collection--inner .collection-cards .collection-card {

    width: 225px;

  }

  .crumbin_collection--inner .collection-cards .collection-card .card-price p {

    font-size: 19px;

    margin-top: 19px;

  }

  /* define section */

  .crumbin_define--inner .define-images .define-image-1 img {

    width: 256px;

  }

  .crumbin_define--inner .define-images .define-images-2 img {

    width: 256px;

  }

  /* trending section */

  .crumbin_trending--inner .collection-cards .collection-card {

    width: 225px;

  }

  .crumbin_trending--inner .collection-cards .collection-card .card-price p {

    font-size: 17px;

    margin-top: 19px;

  }

  .crumbin_trending--inner .collection-cards .collection-card h3 {

    font-size: 22px;

  }

  /* SHOPS SECTION */

  .crumbin_shop--inner .shop-cards .shop-card {

    width: 447px;

  }

  .crumbin_shop--inner .shop-cards .card-rs img {

    margin-left: 11px;

  }

  /* voice section */

  .crumbin_voices--wrapper .crumbin_voices--inner {

    gap: 39px;

  }

  .crumbin_voices--inner .voices-md .md-bottom p {

    font-size: 14px;

  }

}

/* meida 991px */

@media only screen and (max-width: 991px) {

  .move-navbar {

    top: -7px;

  }

  /* collection section */

  .crumbin_collection--inner .collection-cards {

    display: grid; /* or keep your existing display */

    grid-template-columns: repeat(2, 1fr); /* 2 cards per row */

    gap: 20px;

  }

  .crumbin_collection--inner .collection-cards .collection-card {

    width: 100%;

  }

  .crumbin_collection--inner .collection-cards .collection-card img {

    height: 475px;

  }

  .crumbin_collection--inner .collection-cards .collection-card .card-price {

    justify-content: space-between;

  }

  /* know section */

  .crumbin_know--wrapper .know-data {

    position: static;

    width: 100%;

    height: 400px;

  }

  .crumbin_know--inner .know-para {

    position: absolute;

    top: -4%;

  }

  section.crumbin_know--wrapper {

    display: flex;

    flex-direction: column-reverse;

  }

  .crumbin_know--wrapper .know-data {

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

  }

  .crumbin_know--wrapper .know-video video {

    width: 100%;

    height: 400px;

  }

  /* define section */

  .crumbin_define--inner {

    display: flex;

    flex-direction: column;

    align-items: center;

  }

  .crumbin_define--inner .define-text {

    width: 100%;

    text-align: left;

  }

  .crumbin_define--inner .define-text .checkOutCollection a span img {

    width: 40px;

    height: 40px;

  }

  .crumbin_define--inner .define-images {

    width: 100%;

    margin-top: 30px;

  }

  .crumbin_define--inner .define-images .define-image-1 img {

    width: 100%;

  }

  .crumbin_define--inner .define-images .define-images-2 img {

    width: 100%;

  }

  /* shop section */

  .crumbin_shop--inner .shop-head {

    text-align: left !important;

  }

  .crumbin_shop--inner .shop-cards {

    flex-direction: column;

    gap: 90px;

  }

  .crumbin_shop--inner .shop-cards .shop-card {

    width: 100%;

  }

  .crumbin_shop--inner .shop-cards .card-rs img {

    right: 0;

    width: 213px;

  }

  /* trending section */

  .crumbin_trending--inner .collection-cards {

    display: grid; /* or keep your existing display */

    grid-template-columns: repeat(2, 1fr); /* 2 cards per row */

    gap: 20px;

  }

  .crumbin_trending--inner .collection-cards .collection-card {

    width: 100%;

  }

  .crumbin_trending--inner .collection-cards .collection-card .card-price {

    justify-content: space-between;

  }

  .crumbin_trending--inner .collection-cards .collection-card img {

    height: 475px;

  }

  /* voice section */

  .crumbin_voices--wrapper .crumbin_voices--inner {

    flex-direction: column;

    position: relative;

    padding: 70px 0;

  }

  .crumbin_voices--inner .voices-ls {

    width: 100%;

  }

  .crumbin_voices--inner .voices-rs {

    width: 100%;

  }

  .crumbin_voices--inner .voices-rs swiper-container swiper-slide {

    justify-content: start;



    width: 289.5px;

    margin-right: 1px;

  }

  .crumbin_voices--inner .voices-rs .voice-arrow .first-arrow {

    transform: rotateZ(-133deg);

    transition: 0.2s ease-in-out;

  }

  .crumbin_voices--inner .voices-rs .voice-arrow .second-arrow {

    transform: rotateZ(45deg);

  }



  .crumbin_voices--inner .voices-rs .voice-arrow {

    display: flex;

    flex-direction: row;

    gap: 23px;

    position: absolute;

    bottom: 0;

    margin-bottom: 10px;

    left: 43%;

  }

  /* footer */

  .crumbin_footer--wrapper .crumbin_footer--inner {

    flex-direction: column;

    gap: 30px;

  }

  .crumbin_footer--inner .footer-rs {

    gap: 40px;

    flex-direction: column;

  }

  .crumbin_footer--inner .footer-rs ul {

    padding-left: 0rem;

  }

}

/* media 768 */

@media only screen and (max-width: 768px) {
  .mobile-cta, .mobile-cta > div {
    align-items: center;
}.mobile-cta button.btn-primary.addToOrder {
    font-size: 12px;
    font-weight: 400;
    padding: 10px 20px !important;
    white-space: nowrap;
}.price-curr {
    font-size: 20px;
    font-weight: 700 !important;}

  .crumbin_know--inner .know-para {

    top: 0%;

  }

}

/* media 768px */

@media only screen and (max-width: 640px) {

  .crumbin_know--inner .know-para {

    margin-top: 14%;

  }

  .crumbin_collection--inner .collection-cards {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

  }

  .crumbin_trending--inner .collection-cards {

    display: grid;

    grid-template-columns: repeat(1, 1fr);

  }

  .crumbin_banner--wrapper video {

    width: 100%;

    height: auto;

  }

}

/* media 580px */

@media only screen and (max-width: 580px) {
 .crumbin_shop--wrapper .crumbin_shop--inner .shop-cards .card-rs img {
                right: 0 !important;
        top: -40px !important;
        width: 150px !important;
        height: auto !important;
        position: absolute !important;
        object-fit: contain !important;
    }
.crumbin_shop--inner .shop-cards .shop-card {
    padding: 20px !important; padding-right: 150px !important;
}.crumbin_shop--inner .shop-cards {
      
        gap: 70px;margin-top: 4rem;
    }.crumbin_shop--inner .shop-cards .card-ls {
    width: 100%;
}.crumbin_shop--inner .shop-cards .card-rs {
    width: auto;
}
    .crumbin_shop--inner .shop-cards .shop-card{align-items: center;}
  .move-navbar {

    top: -8px;

  }
  .crumbin_collection--inner .collection-head h3,.crumbin_trending--inner .collection-head h3{font-size: 30px}
.crumbin_shop--inner .shop_head h3 {
    font-size: 30px;}
  .crumbin_footer--wrapper .footer-last {

    flex-direction: column;

  }

  .crumbin_know--inner .know-para {

    margin-top: 8%;

  }

  .crumbin_know--wrapper .know-data {

    height: 300px;

  }

  .crumbin_know--wrapper .know-video video {

    width: 100%;

    height: 300px;

  }

}

/* media 420px */



@media only screen and (max-width: 420px) {
.crumbin_shop--inner .shop-cards .card-ls h3{font-size: 24px}
  .crumbin_header--wrapper {

    padding-bottom: 18px !important;

  }

  .crumbin_header--inner .navbar-last div a {

    color: black;

    font-size: 16px;

  }

  .crumbin_banner--wrapper video {

    width: 100%;
        height: auto;
        object-fit: contain;

  }

  .crumbin_collection--inner .collection-cards .collection-card img {

    height: 300px;

  }

  .crumbin_footer--wrapper {

    background-color: rgb(37, 36, 36);

    padding: 100px 0px;

  }

  .crumbin_define--inner .define-images .define-image-1 img {

    height: 350px;

    object-fit: cover;

  }

  .crumbin_define--inner .define-images .define-images-2 img {

    height: 350px;

    object-fit: cover;

  }

  .crumbin_define--inner .define-images .define-images-1 img {

    height: 350px;

    object-fit: cover;

  }

  .crumbin_define--inner .define-images .define-image-1 p {

    position: absolute;

    bottom: 0;

    margin-bottom: 170px;

  }



  .crumbin_know--inner .know-para {

    margin-top: 11%;

  }



  .crumbin_header--inner .navbar-last {

    gap: 10px;

    display: flex;

  }

  .crumbin_voices--inner .voices-rs .voice-arrow {

    left: 36%;

  }

  .crumbin_footer--inner .footer-ls .footer-logo img {

    width: 250px;

  }

  .crumbin_footer--inner .footer-ls .footer-para p {

    font-size: 13px;

  }

}



@media only screen and (max-width: 390px) {

  .crumbin_footer--inner .footer-ls .footer-media {

    gap: 25px;

  }

  .crumbin_footer--inner .footer-ls {

    width: 369px;

  }

  .crumbin_know--inner .know-para p {

    font-size: 12px;

  }

}

@media only screen and (max-width: 384px) {

  .crumbin_footer--inner .footer-ls {

    width: 340px;

  }

  .move-navbar {

    top: -6px;

    position: absolute;

    transform: translateX(-54%) scale(0.5);

  }

  .crumbin_shop--inner .shop-cards .card-rs img {

    right: 28px;

    top: -299px;

    width: 213px;

  }

  .crumbin_shop--inner .shop-cards .shop-card {

    margin-top: 55px;

  }

  .crumbin_shop--inner .shop-cards .shop-card .card-ls {

    width: 100%;

  }

  .crumbin_shop--inner .shop-cards-2 {

    margin-top: 150px !important;

  }

  .crumbin_shop--inner .shop-cards-2 .shop-card {

    margin-top: 220px;

  }

  .crumbin_shop--inner .shop-cards {

    gap: 0;        margin-top: 0;

  }

  .crumbin_header--inner .navbar-last {

    gap: 5px;

  }

}



@media only screen and (max-width: 360px) {

  .crumbin_footer--inner .footer-ls .footer-media {

    gap: 26px;

  }

  .crumbin_footer--inner .footer-ls {

    width: 280px;

  }

  /* .move-navbar {

    top: -4px;

   transform: translateX(-50%) scale(0.4) !important;

  } */

  .crumbin_header--inner .navbar-last {

    gap: 5px;

    display: flex;

  }

  .crumbin_know--inner .know-para p {

    font-size: 11px;

  }

  .crumbin_voices--inner .voices-rs .voice-arrow {

    left: 31%;

  }

  /* .logo-container {

    transform: translate(-50%, -50%) scale(0.7);

    transition: all 1.5s ease;

  } */

  .crumbin_know--inner .know-para {

    margin-top: 17%;

  }

  .crumbin_trending--inner .collection-cards .collection-card img {

    height: 300px;

  }

  .crumbin_shop--inner .shop-cards .shop-card {

    padding: 50px 12px;

  }

  .crumbin_shop--inner .shop-cards .card-ls p {

    font-size: 12px;

  }

  .crumbin_shop--inner .shop_head p {

    color: #292929;

    font-size: 15px;

    font-family: "Poppins";

  }

  .crumbin_shop--inner .shop-cards .card-rs img {

    right: 42px;

    top: -300px;

  }

  .crumbin_shop--inner .shop-cards {

    gap: 300px;

    /* margin-top: 318px; */

  }

  .crumbin_shop--inner .shop-cards-2 {

    gap: 120px;

    /* margin-top: 320px !important; */

  }

  .crumbin_shop--inner .shop-cards .card-ls {

    width: 101%;

  }

  .text span {

    opacity: 0;

    font-size: 2rem;

    font-weight: bold;

    color: #5a2c0d;

  }

  .cookie {

    width: 90px;

    

}

}

@media only screen and (max-width: 320px) {

  .move-navbar {

    top: -4px;

    position: absolute;

    transform: translateX(-50%) scale(0.4) !important;

  }

  .text span {

    opacity: 0;

    font-size: 2rem;

    font-weight: bold;

    color: #5a2c0d;

  }

  .crumbin_header--wrapper {

    width: 322px;

  }

  .crumbin_header--inner .navbar-last {

    gap: 12px;

  }

  .crumbin_header--inner .navbar-last div a {

    font-size: 14px;

  }



  .crumbin_collection--inner .collection-cards .collection-card img {

    height: 200px;

  }

  .crumbin_know--inner .know-para h3 {

    font-size: 33px;

  }

  .crumbin_know--inner .know-para p {

    font-size: 10px;

  }

  .crumbin_know--inner .know-para {

    margin-top: 22%;

  }

  .crumbin_define--inner .define-images .define-images-2 p {

    margin-left: 0px;

  }

  .crumbin_define--inner .define-images .define-image-1 p {

    margin-left: 9px;

    margin-bottom: 121px;

  }

  .crumbin_shop--inner .shop_head p {

    color: #292929;

    font-size: 13px;

    font-family: "Poppins";

  }

  .crumbin_shop--inner .shop-cards .shop-card {

    padding: 50px 11px;

  }

  .crumbin_shop--inner .shop-cards .card-ls p {

    color: #292929;

    font-size: 10px;

    font-family: "Poppins";

  }



  .crumbin_footer--inner .footer-ls {

    width: 297px;

  }

  .crumbin_footer--inner .footer-ls .footer-logo img {

    width: 200px;

  }

  .crumbin_voices--inner .voices-rs .voice-arrow {

    left: 28%;

  }

  .crumbin_trending--inner .collection-cards .collection-card img {

    height: 200px;

  }

  .crumbin_footer--inner .footer-ls .footer-media {

    gap: 13px;

  }

  .crumbin_shop--inner .shop-cards .card-rs img {

    right: 13px;

    top: -300px;

  }



  .crumbin_shop--inner .shop-cards-2 .card-rs img {

    right: 13px;

    top: -300px;

  }

}