/* container css start */
@media (min-width: 768px) {
    :root {
        --container-size: calc(100% - 20px);
    }
    .container {
        max-width: var(--container-size);
    }
}
@media (min-width: 1200px) {
    :root {
        --container-size: 1180px;
    }
}
@media (min-width: 1280px) {
    :root {
        --container-size: 1260px;
    }
}
@media (min-width: 1366px) {
    :root {
        --container-size: 1326px;
    }
}
@media (min-width: 1440px) {
    :root {
        --container-size: 1400px;
    }
}
@media (min-width: 1600px) {
    :root {
        --container-size: 1560px;
    }
}
@media (min-width: 1680px) {
    :root {
        --container-size: 1640px;
    }
}
/* container css end */

@media (max-width: 1799px) {
    .row.justify-content-start .zj-hero-text {
        padding-left: calc(5rem + 10px);
    }
    .mega-menu-list li{
        font-size: 14px;
        font-weight: 600;
    }
}
@media (min-width: 1679px) {
    
}
@media (max-width: 1599px) {
    html {
        font-size: 9px;
    }
    .h4,
    h4 {
        font-size: 22px;
    }

    .h5,
    h5,
    .h5-initial {
        font-size: 20px;
    }

    .h6.big,
    h6.big {
        font-size: 18px;
    }
     .mega-menu-list li{
        font-size: 13px;
    }

     .fixed-social a{
        width: 35px;
        height: 35px;
    }
    .fixed-social a i{
        font-size: 16px;
    }

}

@media (max-width: 1439px) {
    html {
        font-size: 8.5px;
    }
    .h4,
    h4 {
        font-size: 20px;
    }
}

@media (max-width: 1365px){
      .mega-menu-list li{
        font-size: 12px;
    }
    .fixed-social a{
        width: 30px;
        height: 30px;
    }
    .fixed-social a i{
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    .zj-header-menu {
        min-height: var(--headerMinHeight);
    }
    .social-share-mobile-icon{
        display: none;
    }
.skip-middleman-section .swiper-pagination-lock{
display: none;
}

}

/* @media (min-width: 1200px) {

  .social-share-mobile{
    display: none;
  }
} */



@media (max-width: 1199px) {
    :root {
        --headerHeight: 51px;
    }
    html {
        font-size: 7.5px;
    }

    .h4,
    h4 {
        font-size: 18px;
    }

    .h5,
    h5,
    .h5-initial {
        font-size: 18px;
    }

    .h6.big,
    h6.big, .list-group-flush>.list-group-item {
        font-size: 16px;
    }

    .zj-header-topbar {
        display: none;
    }

    .zj-header-menu-collapse {
        display: none;
        /* background: #222; */
        background: #FFF8E6;
        /* or your menu bg */
        position: absolute;
        top: 100%;
        left: 0;
        width: 100vw;
        z-index: 2000;
        padding: 15px;
        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    }

    .zj-header-menu-collapse.open {
        display: block;
        animation: fadeIn 0.2s;
    }

    .zj-header-menu {
        position: relative;
    }

    .zj-header-menu ul.nav {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .zj-header-menu .nav-link {
        width: 100%;
        color: #fff;
    }
    .row.justify-content-start .zj-hero-text {
        padding: 0 calc(5rem + 10px);
    }
 
    .fixed-social{
        transition: all 0.3s;
        transform: translateX(-100%);
      }
      .social-share-mobile-icon{
        width: 30px;
        height: 30px;
        background-color: #cf7455;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        
      }
      .fixed-social-open{
        transform: translateX(0);
      }
}

@media (min-width: 992px) {
    .shop-category-row-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .showrooms-stores-col {
        position: sticky;
        top: 0;
        height: 100%;
    }
}

@media (max-width: 991px) {
    .modal{
        --bs-modal-width: 700px;
    }
    html {
        font-size: 7px;
    }
    .h4,
    h4 {
        font-size: 17px;
    }

    .h5,
    h5,
    .h5-initial {
        font-size: 16px;
    }
    .showroom-pills {
        overflow-x: auto;
    }
    .shop-category-img.ratio.ratio-21x9 {
        --bs-aspect-ratio: 100%;
    }
    .images-list-main-swiper-wrap {
        display: flex;
        width: 100%;
        overflow-x: auto;
    }
    .product-img {
        padding: 5px;
    }
    .zj-header-trust {
        font-size: 20px;
    }
    .product-img img,
    .product-img video {
        min-width: 200px;
    }
     .profile-left-col .list-group.list-group-flush{
        flex-direction: row;
        overflow-x: auto;
    }
   .profile-left-col .list-group-flush>.list-group-item{
    white-space: nowrap;
   }
   .zj-header-trust.h6 {
    font-size: 16px;
   }
     .zj-header-topbar-center .zj-header-sale-timer,
    .zj-header-topbar-left .small{
        font-size: 12px;
    }
    
}

@media (min-width: 768px){
    div.dataTables_wrapper div.dataTables_filter{
        display: flex;
        justify-content: end;
    }
}

@media (max-width: 767px) {
    
    html {
        font-size: 6.5px;
    }
    .section-space {
        padding-bottom: 5rem;
    }
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
    }
    .shop-category-row {
        grid-template-columns: repeat(1, 1fr);
    }
    .zj-header-mainnav {
        min-height: var(--headerHeight);
    }
    .spec-item {
        gap: 10px;
    }
    .faq-data-section .container .row > .col-12{
        padding: 10px;
        gap: 15px;
    }
    .faq-data-section .container .row > .col-12 p, .faq-data-section .container .row > .col-12 span, .faq-data-section .container .row > .col-12 li,
    .accordion-button,
    .faq-data-section .container .row > .col-12 div{
        font-size: 16px;
    }
    .faq-data-section .container .row > .col-12 table th, .faq-data-section .container .row > .col-12 table td{
        font-size: 14px;
        padding: 10px;
    }

    .showroom-pills{
        flex-wrap: unset;
    }
    .most-loved-card .card-img{
        min-height: 100px;
    }
    .card-title-custom{
        font-size: 14px;
    }
      /* .hero .swiper-slide{
    min-height: calc(50svh - var(--headerHeight) * 1);
  } */
   .bespoke-section{
    min-height: auto;
   }
  .bespoke-content{
    /* left: 0;
    right: 0; */
    width: 100%;
            position: unset;
        transform: unset;
  }
  .form-group .form-control, .form-group .form-select, .dataTables_wrapper .form-control {
    padding: 14px 10px;
    font-size: 14px;
    }
    .custom-btn{
            min-height: 45px;
    }
    .sitemap-header-section{
        padding: 30px 0;
         margin-bottom: 20px;
    }

}

@media (max-width: 575px) {
    :root {
        --swiper-navigation-size: 18px;
    }
    html {
        font-size: 5.5px;
    }
    .h6,
    h6,
    .showroom-pills .nav-link {
        font-size: 16px;
    }
    p,
    .p,
    .footer-list a {
        font-size: 14px;
    }

    .zj-header-logo img {
      max-width: 180px;
        max-height: 55px;
    }
    .swiper .swiper-button-next,
    .swiper .swiper-button-prev {
        width: 30px;
        height: 30px;
    }

    .footer-list li {
        margin-bottom: 10px;
    }
    .config-section {
        flex-direction: column;
        align-items: start;
        gap: 5px;
    }
    .accordion-header .p {
        font-size: 16px;
    }

    
    .zj-header-topbar-left{
        padding-right: 5px;
    }
}

@media (max-width: 369px){
    .zj-header-cart-menu{
        min-width: 290px;
        right: 0;
    }
  
}