@media screen and (max-width: 3840px) {
}

@media screen and (max-width: 2560px) {
}

@media screen and (max-width: 1920px) {
  .stellarnav ul li:nth-child(4) { padding-right: 12rem; }
  /* .stellarnav ul li:nth-child(5) { padding-left: 1.2rem; padding-right: 15rem; } */
  /* .stellarnav ul li:nth-child(6) { padding-left: 5rem; } */
}

@media screen and (max-width: 1700px) {
  /* .vendor .vendorBox {
    max-width: 393px;
  } */
  .stellarnav ul li:nth-child(6) { padding-left: 1.2rem; }
  .vendor .vendorBox { max-width: 479px; }
  .vendor .vendorBox:nth-child(4) { max-width: 439px; }
  .vendor .vendorBox:nth-child(5) { max-width: 484px; top: 69px; }
  .vendor .vendorBox:last-child { max-width: 423px; }
}

@media screen and (max-width: 1680px) {
  .vendor .vendorBox { max-width: 450px; }
  .vendor .vendorBox:nth-child(4) { max-width: 429px; }
  .vendor .vendorBox:nth-child(5) { max-width: 464px; top: 69px; }
  .vendor .vendorBox:last-child { max-width: 403px; }
}

@media screen and (max-width: 1440px) {
  .stellarnav ul li:nth-child(5) { padding-right: 17rem; }
  h1 { font-size: 5.44rem; }
  .banner .bannerWraps p { max-width: 19rem; top: -45%; right: 0; font-size: 1rem; }
  .banner .bannerWraps .searchBox { bottom: -105%; }
  .vendor .vendorBox { max-width: 400px; }
  .vendor .vendorBox:nth-child(4) { max-width: 430px; top: 30px; }
  .vendor .vendorBox:nth-child(5) { max-width: 430px; top: 69px; }
  .vendor .vendorBox:last-child { max-width: 380px; }
}

@media screen and (max-width: 1366px) {
  .stellarnav ul li:nth-child(4) { padding-right: 7rem; }
  .stellarnav ul li:nth-child(5) { padding-right: 1.2rem; padding-left: 7rem; }
  .call,   .stellarnav ul a, header .auth a { font-size: 12px; }
  header .ecom-icon { width: 2rem; flex: 0 0 2rem; height: 2rem; line-height: 2rem; }
  .vendor .vendorBox { max-width: 380px; }
  .vendor .vendorBox:nth-child(4) { max-width: 430px; top: 30px; }
  .vendor .vendorBox:nth-child(5) { max-width: 400px; top: 69px; }
  .vendor .vendorBox:last-child { max-width: 350px; }
}

@media screen and (max-width: 1280px) {
  .vendor .vendorBox { max-width: 350px; }
  .vendor .vendorBox:nth-child(4) { max-width: 380px; top: 30px; left: 20px; }
  .vendor .vendorBox:nth-child(5) { max-width: 350px; top: 69px; }
  .vendor .vendorBox:last-child { max-width: 350px; }
}

@media screen and (max-width: 1200px) {
  .stellarnav.right.mobile { width: 100%; text-align: end; }
}

@media screen and (max-width: 1156px) {
  .stellarnav ul li { padding: 0 0.5rem; }
  header .auth a { padding-left: 0.5rem; }
}

@media screen and (max-width: 1024px) {
}

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

@media screen and (max-width: 850px) {
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 767px) {
}

@media screen and (max-width: 575px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 414px) {
}

@media screen and (max-width: 380px) {
}

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

/* common css for custom-blog */
.blog-card { background-color: #fff; padding: 1.9rem; }

.blog-card .text a { font-family: "poppinsbold"; font-size: 1.399rem; color: #000; }

.blog-card img { height: 350px; margin-top: 20px; object-fit: cover; object-position: center; width: 100%; }