/* Mobile devices (up to 600px) */
@media (min-width: 320px) and (max-width: 480px) {
  /* Styles for mobile devices */
  html {
    font-size: 50%;
  }
  .grid-two-cols {
    grid-template-columns: 1fr;
  }
  .grid-three-cols {
    grid-template-columns: 1fr;
  }
  .grid-four-cols {
    grid-template-columns: 1fr;
  }
  .awesome-features-grid-two-cols {
    grid-template-columns: 1fr;
  }
  .mobileViewNone {
    display: none;
  }
  .wrapper-heading p {
    max-width: 100%;
  }
  .awesome-features .grid-three-cols {
    grid-template-columns: 1fr 1fr;
  }
  .director .grid {
    gap: 2rem;
  }
  .director .grid-three-cols {
    grid-template-columns: 1fr;
  }

  .counter-bg .grid-four-cols {
    grid-template-columns: 1fr 1fr;
    display: grid;
  }
  .pro-details-desc-grid-two-cols {
    grid-template-columns: 1fr;
  }
  .pro-other-desc-list .grid-two-cols {
    grid-template-columns: 1fr 1fr;
  }
  .condition .grid-two-cols {
    grid-template-columns: 1fr 1fr;
  }
  .navbar {
    padding: 0 5rem;
  }
  .top-nav {
    flex-direction: column;
    gap: 2rem;
  }
  .common-text-bg {
    /* margin-top: 0; */
  }
  .gallery .image-container .image {
    height: 165px;
  }
  .video_gallery {
    width: 100%;
  }
  .chairmain-text {
    font-size: 6rem !important;
  }
  /* =====================
    top navbar 
========================= */
}

/* Tablets (601px to 900px) */
@media (min-width: 480px) and (max-width: 768px) {
  html {
    font-size: 53%;
  }
  .grid-two-cols {
    grid-template-columns: 1fr;
  }
  .grid-three-cols {
    grid-template-columns: 1fr;
  }
  .grid-four-cols {
    grid-template-columns: 1fr;
  }
  .awesome-features-grid-two-cols {
    grid-template-columns: 1fr;
  }
  .mobileViewNone {
    display: none;
  }
  .wrapper-heading p {
    max-width: 100%;
  }
  .awesome-features .grid-three-cols {
    grid-template-columns: 1fr 1fr;
  }
  .director .grid {
    gap: 2rem;
  }
  .director .grid-three-cols {
    grid-template-columns: 1fr;
  }

  .counter-bg .grid-four-cols {
    grid-template-columns: 1fr 1fr;
  }
  .pro-details-desc-grid-two-cols {
    grid-template-columns: 1fr;
  }
  .pro-other-desc-list .grid-two-cols {
    grid-template-columns: 1fr 1fr;
  }
  .condition .grid-two-cols {
    grid-template-columns: 1fr 1fr;
  }
  .navbar {
    padding: 0 5rem;
  }
  .top-nav {
    flex-direction: column;
    gap: 2rem;
  }
  .gallery .image-container .image {
    height: 165px;
  }
  .video_gallery {
    width: 100%;
  }
  .chairmain-text {
    font-size: 6rem !important;
  }
}

/* Small desktops (901px to 1200px) */
@media (min-width: 768px) and (max-width: 1024px) {
  /* Styles for small desktop devices */
  .top-nav {
    width: 80%;
  }
}

/* Large desktops (1201px and above) */
@media (min-width: 1024px) and (max-width: 1200px) {
  /* Styles for large desktop devices */
}
/* Extra Large desktops (1201px and above) */
@media (min-width: 1200px) {
  /* Styles for large desktop devices */
}