/* Banner responsive code */
@media only screen and (max-width: 768px) {
  .ForBannner {
    font-size: 36px;
    line-height: 1.15em;
    font-weight: 600;
  }

  .hero-content-jewellery-erp p {
    font-size: 16px;
  }
  .DarkUiHead {
    font-size: 34px;
    line-height: 40px;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 25px !important;
  }
  .hero-section-jewellery-erp {
    background: url("../jewellery-erp-assets/banner/mobile-banner.webp")
      center/cover no-repeat;
  }
}

/* features responsive code */
@media (min-width: 768px) {
  .features-grid > .col {
    width: 20%;
  }

  .features-grid > .col:nth-child(5n) {
    border-right: none;
  }

  .features-grid > .col:nth-last-child(-n + 5) {
    border-bottom: none;
  }
}

@media (max-width: 767.98px) {
  .features-grid > .col {
    border-right: none;
  }

  .features-grid > .col:last-child {
    border-bottom: none;
  }
}

/* benefit responsive code */

@media (max-width: 767.98px) {
  .benefit-icon {
    margin-bottom: 10px;
  }
}

/* CTA */
@media screen and (max-width: 767px) {
  .sec_title {
    font-size: 30px;
    letter-spacing: 0.8px;
    line-height: 34px;
  }
}

/* why choose us responsive  */
@media (max-width: 767px) {
  .why-image {
    display: none;
  }
  .timeline {
    margin-left: 0;
  }
  .timeline::before {
    left: 20px;
  }
  .timeline-item {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .dot-bg-jewellery-erp {
    width: 120px;
    height: 120px;
    top: 10%;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
  .dot-bg-jewellery-erp {
    width: 200px;
    height: 200px;
    top: 14%;
    left: 43% !important;
    transform: translateX(-50%) !important;
  }
}