* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
:root {
  --primary-white: #ffffff;
  --primary-black: #000000;
  --main-yellow: #edb92b;
  --primary-red: #da1f04;
  --format-pink: #ff9393;
}
@font-face {
  font-family: "Viaoda_Libre";
  src: url("Fonts/Viaoda_Libre/ViaodaLibre-Regular.ttf"), format("truetype");
}
@font-face {
  font-family: "Source_Sans3";
  src:
    url("Fonts/Source_Sans_3/static/SourceSans3-Regular.ttf"),
    format("truetype");
}
@font-face {
  font-family: "Stolzl";
  src: url("Fonts/Stolzl/stolzl_regular.otf"), format("opentype");
}
body {
  color: var(--primary-white);
  font-family: "Source_Sans3";
  background: var(--primary-black);
  overflow-x: hidden;
}
.container {
  max-width: 1850px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
a {
  text-decoration: none;
}
ul li {
  list-style: none;
}
img {
  max-width: 100%;
  height: auto;
}
.nav-links li a {
  font-family: "Stolzl";
}
h1 {
  font-family: "Viaoda_Libre";
}
h2 {
  font-family: "Viaoda_Libre";
  color: var(--primary-white);
}
h3,
h4 {
  font-family: "Viaoda_Libre";
}
.cmn-btn {
  font-family: "Stolzl";
  background: var(--primary-black);
  transition: all 0.4s ease-in;
}
.cmn-btn:hover {
  color: var(--main-yellow);
  border: 1px solid var(--main-yellow);
}
.banner .swiper-slide-active {
  opacity: 1;
  z-index: 1;
  transform: scale(1.1);
}
.tracking-wide {
  font-family: "Viaoda_Libre";
  color: var(--primary-white);
}
.space p {
  font-family: "Source_Sans3";
  color: var(--primary-white);
}
.under-hover {
  font-family: "Source_Sans3";
  color: var(--primary-white);
}
.under-hover::after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: var(--primary-white);
  transition:
    width 0.3s ease 0s,
    left 0.3s ease 0s;
  width: 0;
}
.under-hover:hover::after {
  width: 100%;
  left: 0;
}
.gradient-border-right {
  border-right: 2px solid rgba(255, 72, 45, 0.5);
  border-image-slice: 1;
}
.best-seller-cont p {
  font-family: "Source_Sans3";
}
.best-seller-cont h3 {
  font-family: "Viaoda_Libre";
}
.author span {
  color: var(--primary-red);
}
.format span {
  color: var(--format-pink);
}
/* ///Flip image hover css/// */
.flip-container {
  -webkit-perspective: 1000;
  background: transparent;
}
/* flip the picture when hover */

.flip-container:hover .flipper,
.flip-container.hover .flipper {
  -webkit-transform: rotateY(180deg);
}
.flip-container,
.front img,
.back img {
  width: 450px;
  min-height: 600px;
}
.front img {
  min-height: 600px;
}
/* flip speed */

.flipper {
  -webkit-transition: 1.5s;
  -webkit-transform-style: preserve-3d;
  position: relative;
}
/* hide back  during flip */

.front,
.back {
  -webkit-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
/* front placed above back */

.front {
  z-index: 2;
}
/* back, initially hidden */
.back {
  -webkit-transform: rotateY(180deg);
}
.choose_us p {
  color: #dbc3c3;
}
/* ///Home Light card/// */
.light-card {
  transition: all 0.4s ease-in;
}
.light-card:hover {
  transform: translateY(-20px);
}
.light-card:hover .highlight {
  background: rgba(255, 183, 59, 1);
  box-shadow:
    0px 0px 8.55px rgba(255, 167, 14, 1),
    0px 0px 17.1px rgba(255, 167, 14, 1),
    0px 0px 59.85px rgba(255, 167, 14, 1),
    0px 0px 119.7px rgba(255, 167, 14, 1),
    0px 0px 205.2px rgba(255, 167, 14, 1),
    0px 0px 250px rgba(255, 167, 14, 1);
}
.footer-heading {
  font-family: "Viaoda_Libre";
}
.contact li span {
  color: var(--format-pink);
}
.cont-details h3 {
  color: var(--format-pink);
}

/* ............RESPONSIVE BREAKPOINTS............... */
@media (max-width: 1439px) {
  .shop-heading h1 {
    font-size: 42px;
  }
  .shop-filter {
    gap: 30px;
  }
  .banner-cont h1 {
    font-size: 56px;
  }

  .abot-cont h2 {
    font-size: 54px;
  }
  .join_mail h2 {
    font-size: 54px;
  }

  .join_mail p {
    font-size: 22px;
  }
  .banner {
    min-height: 800px;
  }

  .banner-cont h1 {
    font-size: 80px;
  }
  .best-seller h2 {
    font-size: 54px;
  }
  .best-seller p,
  .best-seller .format,
  .best-seller .author {
    font-size: 22px;
  }
  .best-seller h3 {
    font-size: 40px;
  }
  .header .nav-links a {
    font-size: 15px;
    padding: 10px 18px;
  }

  .header .head-btn a {
    padding: 12px 22px;
  }
}

@media (max-width: 1300px) {
  .destinaton h4 {
    font-size: 36px;
  }
  .destinaton span {
    font-size: 22px;
  }
  .destinaton .dest-img img {
    max-width: 100%;
  }
}

@media (max-width: 1280px) {
  .navbar {
    padding: 0 10px;
  }

  .nav-links a {
    margin-right: 10px;
  }

  .head-icon a i {
    font-size: 18px;
  }
}

@media (max-width: 1200px) {
  .footer-heading {
    font-size: 34px;
  }

  .foot-link a {
    font-size: 18px;
    margin: 0 25px;
  }

  .social-link a {
    font-size: 24px;
  }
  aside {
    width: 250px !important;
    height: auto !important;
  }

  .product .book-details h3 {
    font-size: 22px;
  }
  .banner-cont h1 {
    font-size: 48px;
  }

  .banner-cont p {
    font-size: 20px;
  }

  .abot-cont h2 {
    font-size: 44px;
  }

  .para p {
    font-size: 18px;
  }

  .light-card {
    padding: 80px 60px !important;
    margin-left: 20px !important;
  }

  .light-card h3 {
    font-size: 38px;
  }
  .join_mail h2 {
    font-size: 48px;
  }

  .join_mail p {
    font-size: 20px;
  }

  .join_mail form,
  .join_mail .flex {
    padding: 14px 20px !important;
  }
  .banner {
    min-height: 720px;
  }

  .banner-cont {
    padding-top: 180px !important;
  }

  .banner-cont h1 {
    font-size: 64px;
  }

  .banner-cont p {
    font-size: 20px;
  }

  .cmn-btn {
    padding: 18px 28px !important;
  }
  .space h3,
  .space div {
    font-size: 30px !important;
  }

  .space p {
    font-size: 18px !important;
  }
  .best-seller h2 {
    font-size: 48px;
  }
  .best-seller p {
    font-size: 20px;
  }
  .best-seller h3 {
    font-size: 36px;
  }
  .best-seller .author {
    font-size: 24px;
  }
  .best-seller .format {
    font-size: 18px;
  }

  .seller-slider .yellow div {
    width: 380px !important;
    height: 400px !important;
    filter: blur(80px);
  }
  .recent_curated h2 {
    font-size: 54px;
  }
  .recent_curated p {
    font-size: 20px;
  }
  .editor {
    padding-top: 150px;
    padding-bottom: 200px;
  }
  .editor h2 {
    font-size: 54px;
  }
  .editor p {
    font-size: 20px;
    max-width: 700px;
  }
  .editor img {
    width: 100%;
    max-width: 450px;
  }
  .choose_us h2 {
    font-size: 54px;
    margin-bottom: 80px;
  }
  .choose_us .light-card {
    padding: 60px 25px;
  }
  .destinaton h4 {
    font-size: 34px;
  }
  .destinaton .dest-cont div {
    right: -110px;
  }
}

@media (max-width: 1024px) {
  .banner-cont h1 {
    font-size: 50px;
  }
  .banner-cont p {
    font-size: 20px;
  }

  .cont-info {
    padding-top: 150px;
  }
  .contact-grid {
    gap: 30px;
  }

  .form-box {
    padding: 30px;
  }
  .form-box h3 {
    font-size: 30px;
  }
  .editor {
    padding-top: 130px;
    padding-bottom: 180px;
  }
  .editor h2 {
    font-size: 46px;
  }
  .editor p {
    font-size: 18px;
  }
  .editor .yellow div {
    width: 220px;
    height: 180px;
    filter: blur(90px);
  }
  .choose_us h2 {
    font-size: 48px;
  }
  .choose_us .light-card h3 {
    font-size: 28px;
  }
  .destinaton h4 {
    font-size: 32px;
  }
  .destinaton span {
    font-size: 20px;
  }
  .destinaton {
    padding-bottom: 60px;
  }
  .nav-links {
    display: none; /* hide desktop menu */
  }

  #hamburger {
    display: block;
    font-size: 30px;
  }

  .head-icon {
    display: none;
  }

  .head-btn a {
    display: none !important;
  }
}

@media (max-width: 992px) {
  .footer {
    padding-top: 160px;
  }

  .footer-heading {
    font-size: 32px;
    line-height: 1.6;
  }

  .foot-link a {
    font-size: 18px;
    margin: 0 20px;
  }

  .copy-right {
    font-size: 18px;
    margin-top: 40px;
  }
  .shop-filter {
    flex-direction: column;
  }

  aside {
    width: 100% !important;
    height: auto !important;
  }

  /* Search + Sort */
  .shop-filter > div:first-child .flex {
    flex-direction: column;
    gap: 15px;
  }

  select {
    width: 100%;
  }

  #products {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  .abot-banner {
    min-height: 300px;
  }

  .light-card{
    max-width: 100% !important;
    padding-left: 110px !important;
  }
  .banner-cont {
    padding-top: 100px !important;
    padding-bottom: 70px !important;
  }

  .banner-cont h1 {
    font-size: 42px;
    line-height: 1.4;
  }

  .banner-cont p {
    font-size: 18px;
  }

  .about-para {
    padding: 80px 0 !important;
  }

  .about-box {
    padding-bottom: 150px !important;
  }

  /* STACK GRID */
  .about-box .grid {
    grid-template-columns: 1fr !important;
  }

  .about-box-img img {
    width: 100%;
  }

  .about-box-card {
    margin-top: 40px;
  }

  .light-card {
    margin-left: 0 !important;
  }
  .join_mail .relative {
    padding-top: 70px !important;
    padding-bottom: 60px !important;
  }

  .join_mail h2 {
    font-size: 40px;
  }

  .join_mail p {
    font-size: 18px;
    max-width: 600px;
    margin: 0 auto 30px;
  }

  .join_mail .flex {
    max-width: 600px;
    flex-direction: row;
    padding: 12px 18px !important;
  }
  .banner {
    min-height: 650px;
  }

  .banner-cont {
    padding-top: 150px !important;
  }

  .banner-cont h1 {
    font-size: 52px;
    line-height: 1.3;
  }

  .banner-cont p {
    font-size: 18px;
    padding-top: 20px !important;
    padding-bottom: 25px !important;
  }

  /* Swiper spacing */
  .swiper-container {
    padding-top: 30px !important;
  }
  .space h3,
  .space div {
    font-size: 26px !important;
  }

  .space p {
    font-size: 16px !important;
  }

  section.py-\[150px\] {
    padding: 100px 0 !important;
  }
  .best-seller h2 {
    font-size: 42px;
  }

  .best-seller p,
  .best-seller .format {
    font-size: 18px;
  }

  .best-seller h3 {
    font-size: 32px;
  }

  .best-seller .author {
    font-size: 20px;
  }

  .best-seller .cmn-btn {
    padding: 18px 28px !important;
    font-size: 16px;
    margin-right: 20px !important;
  }

  .seller-slider {
    margin-top: 40px;
  }

  .seller-slider .yellow div {
    width: 300px !important;
    height: 320px !important;
    filter: blur(70px);
  }

  .mySwiperCards {
    height: 450px !important;
  }

  .mySwiperCards img {
    height: 90% !important;
  }
  .recent_curated {
    padding-top: 120px !important;
  }

  .recent_curated h2 {
    font-size: 42px;
  }
  .recent_curated p {
    font-size: 18px;
  }

  .curated-cont {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  .editor .grid {
    display: block;
  }
  .editor-cont {
    margin-bottom: 40px;
  }
  .editor h2 {
    text-align: center;
    font-size: 42px;
  }
  .editor p {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .editor span {
    display: block;
    text-align: center;
  }
  .editor-img {
    text-align: center;
  }
  .choose_us {
    padding-bottom: 180px;
  }
  .choose_us .grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .choose_us h2 {
    font-size: 42px;
  }
  .destinaton .grid {
    grid-template-columns: 1fr;
  }

  .destinaton .dest-img {
    text-align: center;
  }

  .destinaton .dest-img img {
    width: 100%;
    max-width: 450px;
    margin: 0 auto;
  }

  .destinaton h4 {
    text-align: center;
    font-size: 30px;
    max-width: 90%;
    margin: 0 auto 30px;
  }

  .destinaton span {
    display: block;
    text-align: center;
  }

  /* Glow reposition */
  .destinaton .dest-cont > div {
    right: auto;
    left: 50%;
    transform: translateX(-50%);
    top: -20px;
  }

  .dest-cont {
    margin-top: 50px;
  }
  #mobileMenu {
    transition: all 0.4s ease-in-out;
  }

  /* When menu is visible, animate it */
  #mobileMenu.show {
    opacity: 1;
    transform: translateY(0);
  }

  /* When hidden */
  #mobileMenu.hidden {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@media (max-width: 768px) {
  .banner-cont {
    padding-top: 100px;
  }
  .banner-cont h1 {
    font-size: 42px;
  }
  .banner-cont p {
    font-size: 18px;
  }

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

  .cont-info {
    padding-top: 120px;
  }

  .form-box {
    padding: 25px;
  }
  .footer-heading {
    font-size: 28px;
  }

  .foot-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 25px;
    margin-bottom: 25px;
  }

  .foot-link a {
    margin: 0;
    font-size: 17px;
  }

  .social-link {
    gap: 12px;
  }

  .copy-right {
    font-size: 17px;
  }
  .shop-heading h1 {
    font-size: 36px;
  }

  #products {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .product .book-details {
    margin-left: 10px !important;
  }

  .product .book-details h3 {
    font-size: 20px;
  }

  .product .book-details p {
    font-size: 14px;
  }

  .cmn-btn {
    padding: 10px 18px !important;
    font-size: 12px !important;
  }
  .banner-cont h1 {
    font-size: 36px;
  }

  .banner-cont p {
    font-size: 16px;
  }

  .abot-cont h2 {
    font-size: 34px;
  }

  .para p {
    font-size: 16px;
  }

 .light-card{
    max-width: 100% !important;
    padding-left: 110px !important;
  }

  .light-card h3 {
    font-size: 28px;
    margin-bottom: 25px !important;
  }

  .light-card ul,
  .light-card p {
    font-size: 16px !important;
  }
  .join_mail h2 {
    font-size: 34px;
  }

  .join_mail p {
    font-size: 16px;
  }

  .join_mail .flex {
    flex-direction: column;
    gap: 12px !important;
    padding: 14px 18px !important;
  }

  .join_mail input {
    width: 100%;
    font-size: 16px;
    padding: 10px !important;
    text-align: center;
  }

  .join_mail button {
    width: 100%;
    padding: 10px 0 !important;
  }
  .banner {
    min-height: 580px;
  }

  .banner-cont {
    padding-top: 120px !important;
  }

  .banner-cont h1 {
    font-size: 40px;
  }

  .banner-cont p {
    font-size: 16px;
  }

  .cmn-btn {
    padding: 14px 24px !important;
    font-size: 14px;
  }

  /* Swiper images smaller */
  .swiper-slide img {
    width: 90%;
    margin: auto;
  }
  .grid.md\:grid-cols-3 {
    grid-template-columns: 1fr !important;
  }

  .space {
    padding: 20px 0 !important;
  }

  .gradient-border-right {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
  }

  /* Remove last border */
  .space:last-child {
    border-bottom: none;
  }

  /* Glow size */
  .absolute .w-\[330px\] {
    width: 200px !important;
    height: 200px !important;
    filter: blur(70px);
  }
  .best-seller h2 {
    font-size: 36px;
  }
  .best-seller h3 {
    font-size: 28px;
  }
  .best-seller p,
  .best-seller .format,
  .best-seller .author {
    font-size: 16px;
  }

  .best-seller .cmn-btn {
    padding: 16px 24px !important;
    font-size: 14px;
  }

  /* .best-sell-btn {
    display: flex;
    flex-direction: column;
    gap: 20px;
  } */

  .seller-slider .yellow div {
    width: 240px !important;
    height: 260px !important;
  }

  .mySwiperCards {
    height: 380px !important;
  }
  .recent_curated {
    padding-top: 100px !important;
  }

  .recent_curated h2 {
    font-size: 36px;
  }
  .recent_curated p {
    font-size: 16px;
  }

  .grid.md\:grid-cols-2 {
    grid-template-columns: 1fr !important;
  }

  .flip-container {
    margin-bottom: 20px;
  }
  .editor {
    padding-top: 100px;
    padding-bottom: 150px;
  }
  .editor h2 {
    font-size: 36px;
  }
  .editor p {
    font-size: 16px;
    line-height: 1.5;
  }
  .editor img {
    max-width: 350px;
  }
  .choose_us {
    padding-bottom: 150px;
  }
  .choose_us .grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  .choose_us h2 {
    font-size: 36px;
  }
  .destinaton h4 {
    font-size: 26px;
  }
  .destinaton span {
    font-size: 18px;
  }
  .destinaton .dest-img img {
    max-width: 380px;
  }

  .destinaton .dest-cont > div {
    width: 80px;
    height: 80px;
  }
  .logo img {
    width: 150px;
  }

  #hamburger i {
    font-size: 28px;
    margin-bottom: 10px;
  }

  #mobileMenu a {
    font-size: 18px;
    padding: 10px 15px;
  }
}

@media (max-width: 576px) {
  .cont-banner {
    min-height: 260px;
  }
  .banner-cont h1 {
    font-size: 34px;
  }
  .banner-cont p {
    font-size: 16px;
  }

  .cont-details h2 {
    font-size: 28px;
  }
  .cont-details p {
    font-size: 16px;
  }
  .contact-list li {
    font-size: 18px;
  }

  .form-box h3 {
    font-size: 26px;
  }

  form input,
  form textarea {
    font-size: 14px;
    padding: 12px 16px;
  }

  button {
    font-size: 16px;
  }
  .footer {
    padding-top: 140px;
  }

  .footer-heading {
    font-size: 24px;
    padding-bottom: 15px;
  }

  .foot-link a {
    font-size: 16px;
  }

  .social-link a {
    font-size: 22px;
    margin: 0 10px;
  }

  .copy-right {
    font-size: 16px;
    line-height: 2.4;
  }
  .shop-heading {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .shop-heading h1 {
    font-size: 30px;
  }

  /* Search input button fix */
  .shop-filter input[type="text"] {
    padding-left: 45px !important;
  }

  .shop-filter button {
    right: 5px !important;
    top: 5px !important;
    padding: 7px 20px !important;
    font-size: 12px !important;
  }
  .abot-banner {
    min-height: 250px;
    background-position: center;
  }

  .banner-cont {
    padding-top: 80px !important;
    padding-bottom: 50px !important;
  }

  .banner-cont h1 {
    font-size: 30px;
  }

  .banner-cont p {
    font-size: 14px;
  }

  .about-para {
    padding: 60px 0 !important;
  }

  .abot-cont h2 {
    font-size: 28px;
  }

  .para p {
    font-size: 15px;
  }

  .light-card {
    padding: 40px 80px !important;
  }

  .light-card h3 {
    font-size: 24px;
  }

  .light-card ul li {
    margin-bottom: 15px !important;
  }
  .join_mail h2 {
    font-size: 28px;
  }

  .join_mail p {
    font-size: 15px;
  }

  .join_mail .relative {
    padding-top: 60px !important;
    padding-bottom: 50px !important;
  }

  .join_mail .flex {
    padding: 12px 16px !important;
    border-radius: 20px;
    margin: 0 15px;
  }

  .join_mail input {
    font-size: 15px;
  }
  .banner {
    min-height: 520px;
  }

  .banner-cont {
    padding-top: 100px !important;
  }

  .banner-cont h1 {
    font-size: 32px;
  }

  .banner-cont p {
    font-size: 14px;
  }

  .swiper-container {
    padding-top: 20px !important;
  }
  .space h3,
  .space div {
    font-size: 22px !important;
  }

  .space p {
    font-size: 14px !important;
  }

  .space a {
    font-size: 16px !important;
  }

  section.py-\[150px\] {
    padding: 80px 0 !important;
  }
  .best-seller h2 {
    font-size: 32px;
  }
  .best-seller h3 {
    font-size: 24px;
  }
  .best-seller p,
  .best-seller .author,
  .best-seller .format {
    font-size: 14px;
  }

  .seller-slider .yellow div {
    width: 200px !important;
    height: 220px !important;
    filter: blur(60px);
  }

  .mySwiperCards {
    height: 330px !important;
  }
  .recent_curated h2 {
    font-size: 32px;
  }
  .recent_curated p {
    font-size: 14px;
  }

  .curated-cont-btn a {
    font-size: 16px !important;
  }
  .editor {
    padding-top: 80px;
    padding-bottom: 120px;
  }
  .editor h2 {
    font-size: 32px;
  }
  .editor p {
    font-size: 15px;
  }
  .editor-img img {
    max-width: 300px;
  }
  .editor .yellow {
    display: none;
  }
  .choose_us h2 {
    font-size: 32px;
    margin-bottom: 50px;
  }
  .choose_us .grid {
    grid-template-columns: 1fr;
  }
  .choose_us .light-card {
    padding: 50px 20px;
  }
  .choose_us .light-card h3 {
    font-size: 24px;
  }
  .destinaton h4 {
    font-size: 22px;
    line-height: 1.4;
  }
  .destinaton span {
    font-size: 16px;
  }

  .destinaton .dest-cont > div {
    width: 70px;
    height: 70px;
    top: -10px;
  }

  .destinaton .dest-img img {
    max-width: 330px;
  }

  .destinaton {
    padding-bottom: 50px;
  }
  .logo img {
    width: 130px;
  }

  #mobileMenu {
    padding: 20px 15px;
  }

  #mobileMenu a {
    font-size: 17px;
  }
}

@media (max-width: 480px) {
  #products {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .product img {
    width: 100%;
  }

  .book-details {
    margin-left: 0 !important;
    margin-top: 10px;
  }

  .shop-filter {
    gap: 20px;
  }
  .editor h2 {
    font-size: 28px;
  }
  .editor p {
    font-size: 14px;
    max-width: 95%;
  }
  .choose_us h2 {
    font-size: 28px;
  }
  .choose_us .light-card p {
    font-size: 14px;
  }
  .destinaton h4 {
    font-size: 20px;
  }
  .destinaton span {
    font-size: 15px;
  }

  .destinaton .dest-img img {
    max-width: 300px;
  }
  .logo img {
    width: 120px;
  }

  #hamburger i {
    font-size: 26px;
  }

  #mobileMenu a {
    font-size: 16px;
  }
}

@media (max-width: 420px) {
  .banner-cont h1 {
    font-size: 30px;
  }
  .banner-cont p {
    font-size: 14px;
  }

  .form-box {
    padding: 20px;
  }

  .form-box h3 {
    font-size: 22px;
  }
  .footer-heading {
    font-size: 22px;
    padding-bottom: 12px;
  }

  .foot-link {
    gap: 10px 18px;
  }

  .foot-link a {
    font-size: 15px;
  }

  .social-link a {
    font-size: 20px;
    margin: 0 8px;
  }

  .copy-right {
    font-size: 15px;
  }
  .banner-cont h1 {
    font-size: 26px;
  }

  .abot-cont h2 {
    font-size: 24px;
  }

  .para p {
    font-size: 14px;
  }

  .light-card h3 {
    font-size: 22px;
  }

  .light-card ul,
  .light-card p {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }
  .join_mail h2 {
    font-size: 24px;
  }

  .join_mail p {
    font-size: 14px;
    padding: 0 10px;
  }

  .join_mail .flex {
    padding: 10px 14px !important;
    border-radius: 30px !important;
  }

  .join_mail input {
    font-size: 14px;
  }

  .join_mail button {
    font-size: 14px;
    padding: 8px 0 !important;
  }
  .banner-cont h1 {
    font-size: 28px;
  }

  .banner-cont p {
    font-size: 13px;
  }

  .cmn-btn {
    padding: 12px 20px !important;
    font-size: 13px;
  }
  .space h3,
  .space div {
    font-size: 20px !important;
  }

  .space p {
    font-size: 13px !important;
  }
  .best-seller h2 {
    font-size: 28px;
  }
  .best-seller h3 {
    font-size: 20px;
  }
  .best-seller p,
  .best-seller .author,
  .best-seller .format {
    font-size: 13px;
  }

  .mySwiperCards {
    height: 280px !important;
  }
  .recent_curated h2 {
    font-size: 28px;
  }
}

@media (max-width: 375px) {
  .shop-heading h1 {
    font-size: 26px;
  }

  select {
    font-size: 14px;
  }

  .product .book-details h3 {
    font-size: 18px;
  }

  .product .book-details p {
    font-size: 13px;
  }
  .editor h2 {
    font-size: 24px;
  }
  .editor p {
    font-size: 13px;
  }
  .destinaton h4 {
    font-size: 18px;
  }
  .destinaton span {
    font-size: 14px;
  }

  .destinaton .dest-cont > div {
    width: 60px;
    height: 60px;
    top: -5px;
  }
}

@media (max-width: 360px) {
  .banner-cont h1 {
    font-size: 26px;
  }
  .form-box h3 {
    font-size: 20px;
  }
  .footer-heading {
    font-size: 20px;
  }

  .foot-link a {
    font-size: 14px;
  }

  .copy-right {
    font-size: 14px;
  }
  .banner-cont h1 {
    font-size: 22px;
  }

  .light-card {
    padding: 80px 20px 40px !important;
  }

  .light-card h3 {
    font-size: 20px;
  }

  .light-card ul,
  .light-card p {
    font-size: 13px !important;
  }
  .join_mail h2 {
    font-size: 22px;
  }

  .join_mail p {
    font-size: 13px;
  }

  .join_mail .flex {
    padding: 10px 12px !important;
  }

  .join_mail button {
    font-size: 13px;
    padding: 8px 0 !important;
  }
  .banner-cont h1 {
    font-size: 24px;
  }
  .space h3,
  .space div {
    font-size: 18px !important;
  }

  .space p {
    font-size: 12px !important;
  }
  .best-seller h2 {
    font-size: 24px;
  }
  .best-seller h3 {
    font-size: 18px;
  }
  .best-seller p,
  .best-seller .author,
  .best-seller .format {
    font-size: 12px;
  }
  .recent_curated h2 {
    font-size: 24px;
  }
  .choose_us h2 {
    font-size: 24px;
  }
  .choose_us .light-card h3 {
    font-size: 20px;
  }
  .logo img {
    width: 110px;
  }

  #mobileMenu {
    padding: 18px 12px;
  }

  #mobileMenu a {
    font-size: 15px;
  }

  #hamburger i {
    font-size: 24px;
  }
}

@media (max-width: 320px) {
  .shop-heading {
    padding-top: 120px;
  }

  .shop-filter input[type="text"] {
    font-size: 12px !important;
    padding-left: 40px !important;
  }

  .shop-filter button {
    padding: 6px 16px !important;
  }

  .book-details h3 {
    font-size: 16px !important;
  }

  .book-details p {
    font-size: 12px !important;
  }
  .destinaton h4 {
    font-size: 16px;
  }
  .destinaton span {
    font-size: 13px;
  }

  .destinaton .dest-img img {
    max-width: 260px;
  }
}