@media (max-width: 767px) {
  .logo img {
    width: 150px !important;
  }

  .container .common-heading {
    font-size: 27px;
    line-height: 35px;
    padding-bottom: 50px;
  }

  .lightbox .prev {
    left: 0 !important;
  }

  .lightbox .next {
    right: 0 !important;
  }

  .slid-p1 {
    font-size: 35px;
    padding: 0px !important;
    line-height: 45px;
    margin-bottom: 0px !important;
  }

  .products-grid {
    gap: 4px !important;
  }

  .slid-p2 {
    font-size: 19px;
    padding: 0px !important;
    margin-top: 10px;
  }

  .slide-inner .header-text {
    width: 100% !important;
    padding-left: 40px !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .swiper-container {
    height: calc(80vh - 0px);
  }

  .about-title img {
    width: 240px !important;
  }

  .page-heading h2 {
    font-size: 42px !important;
  }

   .item {
    width: 90% !important;
    margin-top: 50px !important;
  }
  .gallery img {
    height: 250px !important;
    object-fit: cover !important;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
  .item {
    width: 324px !important;
  }

  .gallery img {
    height: 200px !important;
  }

  .scroll-to-section {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .container,
  .container-md,
  .container-sm {
    max-width: 925px !important;
  }

  .about-title img {
    width: 282px !important;
  }

  .gallery {
    gap: 33px !important;
  }

  .logo img {
    width: 170px !important;
  }

  .header-area .main-nav .nav li {
    padding-left: 13px;
    padding-right: 13px;
  }

  .slide-inner .header-text {
    width: 90% !important;
    padding-left: 60px !important;
    display: flex !important;
    align-items: center !important;
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
  }

  .swiper-container {
    height: calc(80vh - 0px);
  }

  .slid-p1 {
    font-size: 55px;
    padding: 0px !important;
    line-height: 65px;
    margin-bottom: 0px !important;
  }

  .slid-p2 {
    font-size: 21px;
    padding: 0px !important;
    margin-top: 10px;
  }

  .container .common-heading {
    line-height: 50px;
  }
}

@media (min-width: 1025px) and (max-width: 1300px) {
}

@media (min-width: 1301px) and (max-width: 1400px) {
}