@media only screen and (max-width: 1025px) {
  .ready-sell-content h1 {
    font-size: 28px;
  }
  .right-contents > div .commitment-heading {
    text-align: left !important ;
  }
  .right-contents > div .commitment-heading h3 {
    text-align: left !important ;
    font-size: 19px;
  }
  .left-contents > div .commitment-heading h3 {
    font-size: 19px;
  }
  .full-row > div {
    flex-direction: column;
  }
  .commitment-heading {
    display: flex;
  }
  .sell-us-today > div div iframe {
    width: 500px;
  }
  .ready-sell-contents {
    flex-direction: column-reverse;
    gap: 20px;
    align-items: start !important;
  }

  .sell-us-today > div {
    flex-direction: column;
  }
}

@media only screen and (max-width: 769px) {
  .hero-heading > .text-white {
    font-size: 55px !important;
    width: 100% !important;
  }
  .navbar-collapse {
    background: #080808;
    color: #000;
    z-index: 1000;
    width: 100%;
  }
  .navbar-toggler {
    background: #fff;
  }
  .navbar-toggler-icon {
    color: #000000;
  }
  .navbar-collapse ul {
    padding: 10px 20px;
  }

  .sell-us-today > div {
    flex-direction: column;
  }
  .sell-us-today > div div iframe {
    width: 100%;
  }
  .blogs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
  }
  .blogs-grid-col {
    width: 100%;
  }
  .products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .header h1 {
    font-size: 35px !important;
  }
}
@media only screen and (max-width: 500px) {
  .hero {
    width: 100%;
    position: absolute;
    top: 70px;
    left: 0;
    transform: translate(0%, 0%);
  }
  header {
    height: 500px !important;
  }
  .hero-heading > .text-white {
    font-size: 34px !important;
    width: 100% !important;
  }
  .hero-paragraph {
    width: 100% !important;
  }

  .hero-button {
    padding: 10px 10px;
  }
  .main-service-card div {
    flex-direction: column;
  }
  .ready-sell-contents > .ready-sell-image img {
    width: 100%;
  }
  .products {
    display: grid !important;
    grid-template-columns: repeat(1, 1fr) !important;
  }
  .blogs-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin: 0 auto;
  }
  .subscribe {
    flex-direction: column;
  }
  .subscribe-field {
    flex-direction: column;
  }
  .subscribe-field input {
    width: 300px !important;
  }
  .subscribe-field a {
    text-align: center;
  }
  .middle-image img {
    width: 300px !important;
  }

  .featured-products {
    display: grid;
    grid-template-columns: auto !important;
    gap: 5px !important;

    padding: 20px;
  }
  .featured-product-container h1 {
    font-size: 20px;
    padding: 0 3px;
  }
  .explore-btn {
    padding: 5px 5px !important;
    font-size: 16px !important;
  }
}