@media (max-width: 1500px) {
  .hero{
    background: rgba(249, 191, 41, 0.1);
    padding: 0px 0px;
  }
}


@media (max-width: 1399px) {
  .faq .right .img-box-1 {
    width: 100%;
  }

  .faq .right .img-box-2 {
    position: absolute;
    width: 80%;
    height: auto;
    bottom: 0;
    right: 0;

  }
}

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

  }

  #categories-sec .category-card {

    padding: 10px 5px;
  }

  #categories-sec .category-title {
    font-size: 16px;
  }

  #categories-sec .category-text {
    font-size: 14px;
  }
}


@media (max-width: 1199px) {


  .home .carousel-caption h1 {
    font-size: 40px;

  }

  .home .carousel-caption p {
    font-size: 18px;

  }

  .about .left {
    height: 400px;
  }

  .home h1 {
    font-size: 50px;

  }

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

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

  .home-banner .carousel-inner .carousel-caption p {
    font-size: 45px;
  }

  .home-banner .carousel-inner .second .carousel-caption p:nth-child(2) {
    margin-right: 0;
    font-size: 18px;
  }

  .carousel-caption {
    left: 10px !important;
    right: 10px !important;
  }
}

@media (max-width: 991px) {
  .hero h2 {
    font-size: 40px;
  }
  .navbar-nav .nav-link {
    text-align: center;
    font-size: 16px;
  }

  .navbar-nav .nav-item {
    text-align: center;

  }

  .faq .right {
    display: none;
  }

  .home .content {
    padding-top: 60px;
  }

  .feature .container {
    position: static;
    transform: translateX(0);
  }

  #about {
    padding-top: 0px;

  }

}

@media (max-width: 900px) {
  .gallery .main-box .box {
    flex: 1 1 calc(50% - 16px);
  }
}



@media (max-width: 600px) {
  .gallery-item {
    flex: 1 1 100%;
  }

  .home .content h1 {
    font-size: 40px;
  }
}

@media (max-width: 787px) {
/*    #categories-sec .category-card::after {*/
/*    height: 70%;*/
/*}*/
    
   /*#categories-sec .category-card .hov-content {*/
   /* opacity: 1;*/
   /*}*/
  .home .content {
    padding-top: 96px;
  }

  .home .content h1 {
    padding-top: 40px;
  }

  .section {
    padding: 50px 0;
  }

  .home .carousel-caption h1 {
    font-size: 28px;

  }

  .home .carousel-caption p {
    display: none;


  }

  .about .content .list-item div {
    margin-bottom: 5px;
  }

  .about .content .list-item i {
    margin-right: 10px;
  }

  /* .counter {
      font-size: 26px;
      font-weight: bold;
      color:white;
    }
    .label {
      margin-top: 10px;
      font-size: 16px;
      color:black;
    } */
   

}

@media (max-width: 500px) {
    .call{
         width: 50px;
    height: 50px; 
    font-size:1.5rem;
    }
    .whatsapp {
     width: 50px;
    height: 50px;
       font-size:1.5rem;
        
    }
      .hero h2 {
        font-size: 26px;
    }
  .gallery .main-box .box {
    flex: 1 1 100%;

  }
  #testimonial .carousel-inner .main-box{
    padding: 20px 40px;
  }

  .contact .icon-box a {
    padding: 8px 0;
    width: 36px;
    height: 36px;
    transition: 0.3s;
  }

  .home .content {
    padding-top: 50px;
  }

  .contact .form {
    padding: 10px;
  }

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

  .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;
  }
}

@media (max-width: 575px) {
  #home {
    height: fit-content;
  }

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

  .home-banner .carousel-inner .carousel-caption p {
    font-size: 34px;
  }

  .sub-head {
    font-size: 30px;
  }

}

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

@media (max-width: 450px) {
  .about .left .img-box-1 {
    width: 100%;

  }

  .about .left .img-box-2 {
    width: 80%;

  }
}

@media (max-width: 400px) {

  .home-banner .carousel-inner .carousel-caption p {
    font-size: 28px;
  }

  .sub-head {
    font-size: 26px;
  }

}

@media (max-width: 360px) {

  .about .left .img-box-2 {
    width: 80%;
    bottom: 15%;

  }
}