/* ////////////////////////////      header     /////////////////////////////////////// */
@media (max-width: 900px) {
  header{
    padding: 0 30px;
  }
  .head1, .head2 {
    gap: 10px;
  }
  body{
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow-x: hidden;
	  overflow-y: visible;
  }
}
@media (max-width: 768px) {
  .head1{
    gap: 7px;
  }
}
@media (max-width: 600px) {
  header{
    padding: 0 20px;
    height: max-content;
  }
  .head1{
    gap: 5px;
  }
}
@media (max-width: 488px) {
  .head1{
    gap: 1px;
    display: block;
  }
}

/* ////////////////////////////      navbar     /////////////////////////////////////// */
@media (max-width: 900px) {
  .navbar{
    padding: 10px 40px;
  }
  .nav-links {
    font-size: 1.1rem;
  }
}
@media (max-width: 768px) {
  .navbar{
    padding: 10px 20px;
  }
  .nav-links {
    font-size: 1rem;
  }
}
@media (max-width: 568px) {
  
  .nav-links{
    display: none;
  }
  .menu-icon {
    display: block;
  }
  .logo{
    margin: auto;
  }
  .logo img{
   height: 80px;
    width: 90px;
  }
}
/* /////  whatsapp-icon  ////// */
@media (max-width: 768px) {

  .close-Wbtn {
      font-size: 20px;
  }
}

/* ////////////////////////////      banner    /////////////////////////////////////// */
@media (max-width: 768px) {
  .banner,.banner-img,.banner-img1 ,.banner-img2,.banner-img3,.banner-img4 {
      min-height: 250px;
  }

  .navlinks {
      gap: 5px;
  }
  .collection-item{
    width: 250px;
    height: 350px;
  }
}

@media (max-width: 480px) {
  .banner.banner-img,.banner-img1 ,.banner-img2,.banner-img3,.banner-img4 {
      min-height: 200px;
  }

  .navlinks {
      font-size: 11px;
  }
}

@media (max-width: 800px) {
  .collection-item{
    width: 250px;
    height: 330px;
  }
}
/* ////////////////////////////////  home-about ///////////////////////////////////// */

@media (max-width: 768px) {
  .home-about {
      flex-direction: column;
      text-align: center;
  }

  .home-about-content {
      text-align: center;
  }

  .home-about-image img {
      width: 100%;
      height: 37vh;
  }
}
@media (max-width: 768px) {
  .features {
      flex-direction: column;
      align-items: center;
  }
  
  .trusted-logos {
      flex-direction: column;
      align-items: center;
  }
  
  .faq-item {
      width: 90%;
  }
}

/* ////////////////////////////////  contact-section ///////////////////////////////////// */
@media (max-width: 768px) {
.contact-info-section {
  padding: 20px;
}
.contact-item i {
  padding: 10px;
}
}

/* ////////////////////////////////  All-collection ///////////////////////////////////// */
@media (max-width: 768px) {
  .All-collection {
      gap: 10px;
  }
  .chair{
    width: 140px;
    height: 170px;
  }
  .table {
    width: 210px;
    height: 170px;
  }
  .All-collection-info h4 {
      font-size: 0.8rem;
  }
  #show_image_popup {
      width: 90%;
      max-width: 400px;
  }
}

/* ////////////////////////////////  about-section ///////////////////////////////////// */
@media (max-width: 768px) {
  .about-content {
      flex-direction: column;
      align-items: center;
      text-align: center;
  }
     .about-image  img {
      width: 100%;
      height: 37vh;
      text-align: center;
      align-items: center;
  }
}
@media (max-width: 768px) {
  .about-content {
      flex-direction: column;
      text-align: center;
  }
  
  .about-text h2, .about-text p {
    text-align: center;
  }

  .about-text {
      text-align: center;
  }

  .about-section {
      padding: 20px;
  }

  .testimonial {
      max-width: 100%;
  }
}

@media (max-width: 480px) {
  .about-text h2 {
      font-size: 1.5rem;
  }

  .about-section h2 {
      font-size: 1.6rem;
  }

  .about-contact h2 {
      font-size: 1.3rem;
  }

  .testimonial {
      padding: 15px;
      font-size: 0.9rem;
  }
  .about-section {
    margin: 50px 13px;
  }
}

/* ////////////////////////////////  footer ///////////////////////////////////// */
@media (max-width: 863px){
  .footer h4{
    font-size: 1.2rem;

  }
  .Address p,.contact-links a, .footer2, .Quick-links a{
    font-size: 0.8rem;
  }
}
@media (max-width: 800px) {
    .footer {
        flex-direction: column;
        height: auto;
        align-items: center;
        text-align: center;
    }
    .dropdown-menu-ql{
      text-align: left;
    }
    .company, .Address, .Quick-links, .contact-links {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 0;
    }
    .Quick-links li::after {
      width: 100%;
    }
    .Quick-links li:hover::after {
      transform: scaleX(0.2);
    }
    .dropdown-menu-ql li:hover::after {
      transform: scaleX(1);
    }
    .dropdown-menu-ql {
      right: 35%;
    }
  }