.shop-list-wrapper {
    display: flex;
    flex-wrap: wrap; /* Enable wrapping for the items */
}
.shop-list-items2 {
flex: 1;
flex-direction: column;
}
.shop-list-items2 .shop-box-items{
    display: flex;
    gap: 20px;
    flex-direction: row;
    align-items: center;
}
.shop-list-items2 .shop-box-items .book-thumb{
    border-radius: 0px;
}
.shop-list-items2 .shop-box-items .book-thumb a img{
height: 100px;
border-radius: 0px !important;
}
.shop-list-items {
    flex: 0 1 calc(16% - 10px); /* Take up 20% of the row minus gap spacing */
    margin-bottom: 20px; /* Add space between rows */
    box-sizing: border-box; /* Ensure padding and border are included in width calculation */
}

.shop-list-items .shop-content {
    padding: 0 5%;
}

/* Optional: Add spacing between items */
.shop-list-wrapper {
    gap: 10px; /* Space between items */
}
.mean__menu-wrapper{
   width: 100%;
}
.header-main{
    display: block !important;
}
.sticky-header{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.gap-20{
    gap: 20px;
}
.swiper-wrapper-items{
    display: flex;
    flex-wrap: wrap; /* Enable wrapping for the items */
}
.swiper-slide-items2{
    margin: 2%;
    flex: 0 1 calc(20% - 10px); /* Take up 20% of the row minus gap spacing */
    margin-bottom: 20px; /* Add space between rows */
    box-sizing: border-box; /* Ensure padding and border are included in width calculation */
}
.mega-menu-wrapper .header-left .main-menu .mobile-menu{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
}
.sticky-header .mega-menu-wrappe{
    background-color: white;
}
.sticky-header .header-left .logo{
    width: 30%;
}
@media (max-width: 768px) {
    .shop-list-items {
        width: calc(50% - 10px); /* Two items per row on smaller screens */
    }
}

@media (max-width: 480px) {
    .shop-list-items {
        width: calc(100% - 10px); /* Single item per row on very small screens */
    }
}



.header-top-1 .header-right .menu-cart {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    /* padding: 30px 0 30px 35px; */
  }
  @media (max-width: 1199px) {
    .header-top-1 .header-right .menu-cart {
      padding: 0;
    }
  }
  .header-top-1 .header-right .menu-cart .cart-icon {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
  }
  @media (max-width: 1199px) {
    .header-top-1 .header-right .menu-cart .cart-icon {
      display: none;
    }
  }
  .header-top-1 .header-right .menu-cart .cart-icon::before {
    position: absolute;
    top: -7px;
    left: 0;
    content: "0";
    width: 18px;
    line-height: 18px;
    height: 18px;
    border-radius: 18px;
    background-color:orangered;
    color: var(--white);
    font-size: 12px;
    text-align: center;
    font-weight: 500;
  }
  .header-top-1 .header-right .menu-cart .cart-icon i {
    color: white;
  }
  .header-top-1 .header-right .menu-cart .sidebar__toggle .bar-icon-2 {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(79, 83, 107, 0.3);
  }




  .header-1.sticky-header .header-right .menu-cart {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    /* padding: 30px 0 30px 35px; */
  }
  @media (max-width: 1199px) {
    .header-1.sticky-header .header-right .menu-cart {
      padding: 0;
    }
  }
  .header-1.sticky-header .header-right .menu-cart .cart-icon {
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height:0;
    background-color: transparent;
    display: block;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.3);
  }
  @media (max-width: 1199px) {
    .header-1.sticky-header .header-right .menu-cart .cart-icon {
      display: none;
    }
  }
  .header-1.sticky-header .header-right .menu-cart .cart-icon::before {
    position: absolute;
    top: -7px;
    left: 0;
    content: "0";
    width: 18px;
    line-height: 18px;
    height: 18px;
    border-radius: 18px;
    background-color:orangered;
    color: var(--white);
    font-size: 12px;
    text-align: center;
    font-weight: 500;
  }
  .header-1.sticky-header .header-right .menu-cart .cart-icon i {
    color: black;
  }
  .header-1.sticky-header .header-right .menu-cart .sidebar__toggle .bar-icon-2 {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 0;
    background-color: transparent;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid rgba(79, 83, 107, 0.3);
  }



  .book-wrapper {
    display: flex;
    flex-wrap: wrap; /* Enable wrapping for the items */
    gap: 15px; /* Adds spacing between items (optional) */
}

.book-wrapper .book-slide {
    flex: 0 0 calc(100% / 5 - 15px); /* 6 items per row, accounting for the gap */
    max-width: calc(100% / 5 - 15px); /* Prevent items from exceeding the defined width */
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
}

.sticky-header .header-left .logo {

    padding-left: 0;
    width: 30% !important;
  }

.header-1 .header-left .logo {
    margin-bottom: 30px;
    padding-left: 0;
    width: 60%;
  }
  @media (max-width: 1199px) {
    .header-1 .header-left .logo {
      margin-bottom: 0;
    }
  }
  .header-1 .header-left .logo a {
    position: relative;
    margin-right: 0;
    z-index: 5;
  }
  .header-1 .header-left .logo h2 {
      position: relative;
      margin-right: 0;
      z-index: 5;
      color: white;
      font-size: 2rem;
      line-height: 1.5rem;
      text-align: justify;
    }
    .header-1 .header-left .logo h2 span {
      position: relative;
      margin-right: 0;
      z-index: 5;
      color: white;
      font-size: 0.8rem;
      line-height: 1;
      font-weight: 400;

    }
  @media (max-width: 1600px) {
    .header-1 .header-left .logo a {
      margin-left: -20px;
    }
  }

  .footer-section .widget-head.logo a img {
    position: relative;
    margin-right: -5%;
    z-index: 5;
  }

  .footer-section .widget-head.logo h2 {
    position: relative;
    margin-right: 0;
    z-index: 5;
    color: white;
    font-size: 2rem;
    line-height: 1.5rem;
    text-align: justify;
  }
  .footer-section .widget-head.logo h2 span {
    position: relative;
    margin-right: 0;
    z-index: 5;
    color: white;
    font-size: 0.8rem;
    line-height: 1;
    font-weight: 400;

  }




  .mfp-fade.mfp-bg {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
	opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
	opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
	opacity: 0;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}
hr{
    margin: 0.4rem 0 !important;
}