@media (max-width: 1383px) {
  .counter-section {
    gap: 10px;

  }
}

@media (max-width: 1199px) {
  .contact .row {
    padding-left: 0px;
    padding-right: 0px;
  }

  .heading {
    color: var(--blackprimary);
    font-size: 25px;
  }

  .second-product {
    padding: 0 0px 150px 0px;
  }

  .banner {
    padding: 150px 0 100px 0;
  }

  .banner .content h1 {
    font-size: 50px;
  }
}

@media (max-width: 1099px) {
  .home-banner {
    top: 100px;
  }
  .navbar .navbar-nav .nav-link{
    color:black;
  }
}

@media (max-width: 992px) {
 .nav-container{
    background-color: white;
  }
}

@media (max-width: 768px) {
  .heading-box .heading {
    width: 100%;
  }

  .quality-sec .box.even {
    margin-top: 0px;
  }

  .quality-sec .box {
    margin: 10px 0;
  }

  .second-product .img-box:nth-child(1) {
    width: 100%;
  }

  .home-banner {
    top: 50px;
  }

  .textanim {
    font-size: 30px;
    letter-spacing: 1px;
  }

  .home-banner .carousel-control-prev-icon,
  .carousel-control-next-icon {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 3rem 40px;
    border: 10px solid var(--dark);

  }

  .contact-page .left .box .icon i {
    font-size: 25px;
  }
   .banner .content h1 {
    font-size: 35px;
  }
 
  

}

@media (max-width: 500px) {
  .product h1 {
    display: none;

  }

  .contact-page .content i {
    font-size: 2.2rem;
    border-radius: 2px;
  }

  .contact-page .content h4 {

    font-size: 22px;
  }

  .contact-page .content p {

    font-size: 16px;
  }

  .banner {
    padding: 100px 0 40px 0;
  }

}

@media (max-width: 480px) {
  .counter-box {
    flex: 1 1 100%;
    max-width: none;
  }
}