/* ====== Responsive Media Queries Max Width ====== */
@media (max-width: 576px) {
    h1.heading--main {
        font-size: 1.5rem;
    }

    /* Small devices (phones) */
    .breadcrumb-nav {
        padding: 0.5rem 0;
    }

    .container-fluid {
        width: 100%;
    }

    .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .navbar {
        flex-direction: column;
        gap: 0;
        padding: 1rem 0 0.5rem;
    }

    .navbar-brand {
        width: 9.5rem;
    }

    .mega-menu {
        box-shadow: none;
    }

    .mega-menu .container {
        padding: 0 !important;
    }

    .nav-item .dropdown-menu {
        background: transparent;
        padding-bottom: 0.8rem;
    }

    .search__box {
        display: block;
        padding: 0.5rem 0;
    }

    .btn-search {
        display: none;
    }

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

    section.section {
        overflow: hidden;
        padding: 1rem 0;
    }

    .section__header .icon {
        display: none;
    }

    .section-header-container .paragraph {
        width: 100%;
    }

    .login-dropdown-menu {
        width: 100% !important;
        box-shadow: 0 20px 20px #00000036;
        position: fixed;
        top: 3rem !important;
        left: 0 !important;
        transform: unset !important;
        border-radius: 0;
    }

    .login-dropdown-menu span,
    .login-dropdown-menu p {
        font-size: 1rem;
    }

    .login-dropdown-menu .btn {
        width: auto !important;
    }

    .section--hero-carousel {
        padding: 0 !important;
    }

    .section--hero-carousel .hero.container {
        padding: 0 !important;
    }

    .section--hero-carousel .hero__title,
    .section--hero-carousel .hero__subtitle {
        font-size: 3rem;
    }

    .section--hero-carousel .carousel-indicators {
        bottom: 1rem;
    }

    .section__header {
        margin-bottom: 1.5rem;
    }

    .paragraph.paragraph--intro {
        display: none;
    }

    .capsule-slider {
        padding: 0;
    }

    .capsule-slider__label {
        padding: 0.3rem 1rem;
    }

    .capsule-slider__arrow {
        display: none;
    }

    .card.card--product .card__details p.card__text {
        font-size: var(--font-size-base);
    }

    .card.card--product .card__details p.card__text {
        display: none;
    }

    .carousel--best-seller .card.card--product,
    .section--product-listing .card.card--product {
        margin: 0 0.5rem 1rem;
    }

    .section--product-listing .col-6 {
        padding: 0;
    }

    .card.card--product figure.card__figure {
        margin-bottom: 0.25rem;
    }

    .card.card--product figure.card__figure img,
    .gallery__image,
    .store__card,
    .testimonial__slider .testimonial__card {
        border-radius: 0.5rem;
    }

    .store .col-lg-7 {
        padding: 0;
    }

    .store__cards {
        padding-right: 0;
    }


    /* Carousel */
    .carousel--curated-jewellery .carousel__item {
        max-width: 100%;
    }

    .carousel--curated-jewellery .card.card--product {
        margin: 0;
    }

    .carousel--curated-jewellery .carousel__item figure.card__figure {
        aspect-ratio: unset;
    }

    .carousel--zigzag .carousel__item:nth-child(even) {
        margin-top: 0;
    }

    .slick-dots li {
        width: 1rem;
    }

    .slick-dots li button {
        width: 1rem;
    }

    .slick-dots {
        bottom: -1.5rem;
    }

    .carousel-control-prev,
    .carousel-control-next {
        display: none;
    }

    .carousel-indicators {
        margin-bottom: 0;
    }

    .hero {
        padding: 0;
    }

    .hero__subtitle {
        left: 0;
    }

    .hero__title {
        margin-bottom: 1rem;
    }

    .hero__text {
        display: none;
    }

    .carousel-caption {
        width: fit-content;
        left: 1rem;
        padding: 0;
        top: unset;
        transform: unset;
        bottom: 4rem;
    }

    .category-slider {
        display: flex;
    }

    /* Our Promise */
    .promises-list__item {
        width: 45%;
    }

    .promises-list__item:nth-child(2n):after {
        display: none;
    }

    .section--best-seller {
        padding: 1rem 1rem 2rem;
    }

    .carousel--best-seller .slick-list {
        margin: 0 -0.25rem;
    }

    .store__locations {
        justify-content: center;
    }

    /* Product Listing */
    .container-capsule-slider {
        padding-left: 0 !important;
        padding-right: 0 !important;
        position: sticky;
        top: 6.6rem;
        z-index: 9;
    }

    .container-capsule-slider .capsule-slider__track {
        padding: 0.75rem 1rem;
    }

    .container-capsule-slider .capsule-slider {
        margin-bottom: 0.5rem;
        margin-top: 0.5rem;
    }

    .product-grid {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .badge.badge-bestselling,
    .badge.badge-discount {
        font-size: 0.75rem;
    }

    .card.card--product .card__details h5.card-title {
        font-size: 1rem;
    }

    .carat-selector__option input[type="radio"]+span {
        font-size: 0.8rem;
    }

    .card.card--product .card-footer {
        padding: 0 0.75rem 0;
        margin-top: 0.3rem 4.8px;
    }

    .filter__sidebar {
        padding: 0;
        background: #fff;
    }

    .load-more__button {
        width: 100% !important;
    }

    .offcanvas-header .btn-close {
        background-size: 40%;
    }

    .promotional-banner__content {
        padding: 1rem !important;
    }

    .promotional-banner__content .hero__title {
        line-height: normal !important;
    }

    .hero__content {
        display: none;
    }

    .section--best-seller .slick-list .slick-slide {
        padding: 0 !important;
    }

    .footer {
        padding: 4rem 1rem;
    }

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

    .slick-arrow {
        display: none !important;
    }

    .price-wrap {
        flex-direction: column;
        align-items: flex-start !important;
        line-height: 100%;
    }

}

@media (max-width: 768px) {

    /* Medium devices (tablets) */
    .navbar-collapse.slide-from-left.show .nav-item .row {
        flex-direction: column;
        gap: 1.5rem;
    }

    .navbar-toggler {
        display: block;
    }

    .navbar-collapse.slide-from-left.show .dropdown-menu {
        background: transparent;
        box-shadow: none;
    }

    .navbar-collapse.slide-from-left.show .dropdown-menu .container {
        padding: 0 !important;
    }

    .navbar-collapse.slide-from-left.show .dropdown-menu .col-md-3,
    .navbar-collapse.slide-from-left.show .dropdown-menu .col-md-2 {
        width: 100% !important;
    }

    .hero__text {
        display: none;
    }


    .category__item:nth-child(1) {
        aspect-ratio: unset;
    }

    .category__item {
        height: -webkit-fill-available;
    }

    .collection-item .promotional-banner__content {
        padding: 0.5rem;
    }

    .nav-tabs-wrapper {
        overflow-x: auto;
        padding-top: 0.5rem;
    }

    .nav-tabs {
        flex-wrap: nowrap;
        min-width: max-content;
    }
}

@media (max-width: 1024px) {

    /* Large devices (desktops) */
    .section-header-container {
        width: 100%;
    }

    .navbar-collapse.slide-from-left.show .nav-item .row {
        flex-direction: column;
        gap: 1.5rem;
    }

    .navbar-collapse.slide-from-left.show .dropdown-menu {
        background: transparent;
        box-shadow: none;
    }

    .navbar-collapse.slide-from-left.show .dropdown-menu .col-md-3,
    .navbar-collapse.slide-from-left.show .dropdown-menu .col-md-2 {
        width: 100% !important;
    }

    .hero__text {
        display: none;
    }

    .overlay__content {
        /* flex-direction: column;
        align-items: flex-start; */
        gap: 1rem !important;
    }

    .overlay p {
        font-size: var(--font-size-base) !important;
        line-height: 140%;
    }

    .promotional-banner__image {
        aspect-ratio: unset;
    }

    .promotional-banner__image img {
        transform: scale(1.5);
    }

    .promotional-banner__content {
        width: 85%;
        padding: 1rem;
    }

    .promotional-banner__content .hero__title {
        margin-bottom: 1.5rem;
        line-height: 75%;
    }
}

@media (max-width: 1200px) {

    /* Extra large devices */

}

@media (max-width: 1400px) {

    /* Extra extra large devices */

}



/* ====== Responsive Media Queries Min Width ====== */
@media (min-width: 992px) {
    .section-header-container {
        width: 100%;
    }

    .section-header-container .paragraph {
        width: 60%;
    }
}

@media (min-width: 1200px) {

    .h1,
    h1 {
        font-size: 3rem;
    }

    .section-header-container {
        width: 100%;
    }

    .section-header-container .paragraph {
        width: 50%;
    }

    .card.card--product .card__details {
        padding: 0 !important;
    }
}

@media (min-width: 1700px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px;
    }
}