@media (min-width: 576px) {}

@media (min-width: 768px) {
.client-feedback .contact-form-card.p-md-5
{ padding: 1rem !important;}

}

/* Open main dropdown on hover (Desktop) */
@media (min-width: 992px) {
  .nav-item.dropdown:hover>.dropdown-menu {
    display: block;
    margin-top: 0;
    /* Prevents gaps that break hover state */
  }
    .news-section-home .news-sec h6.fw-bold {
    max-height: 40px;
    overflow: hidden;
    min-height: 40px;
}
}

@media (min-width: 1200px) {}

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

@media (max-width: 1399.98px) {}


@media (max-width: 1199.98px) {

   .gallery-section .owl-prev{
       left:10px;
}

    .gallery-section .owl-next{
    right:10px;
      }

}

/* tablet */
@media (max-width: 991.98px) {
  .why-section h2 {
    font-size: 48px;
  }

  .why-section p {
    font-size: 18px;
  }

  .slider-title {
    font-size: 38px;
  }
      .company-details h2{
        font-size:40px;
    }

    .footer-border{
        border-right:none;
        border-bottom:1px solid var(--color-sky-blue);
    }
     .register-card{
        padding:30px;
    }
    .custom-nav .nav-link
    {
      text-align: center;
    }
    .dropdown-menu .dropdown-submenu {
    position: unset;
    }
    .custom-nav li.nav-item
    {width: 100%;}
    .show-submenu .dropdown-menu.dropdown-submenu
    {
        display: block;
        margin-top: 0;
    }
    .sticky-top {
    position: unset;
    }
    .top-bar
    .order-now-btn {
         min-width: 84px;
        font-size: 12px !important;
        font-weight: 700 !important;
        height: 32px;
        padding: 5px !important;
        border-radius: 50px !important;
}
.lag-btn{border:none !important;}
.con-p{padding: 5px 2px !important;}
.company-image {
    max-height: 423px;
}
.footer-item{
    min-height: auto;
}
.image-wrapper .small-image {
        left: 0;
        bottom: 9px;
        position: relative;
        margin-top: 25px;
        width: 100%;
        border: 0;
}
}

@media (max-width: 767.98px) {

      .sub-banner h1{
        font-size:18px;
    }

    .sub-banner p{
        font-size:14px;
    }

    .sub-title::before,
    .sub-title::after{
        width:40px;
    }
    
    .company-details h2{
        font-size:32px;
    }

    .company-details p{
        font-size:16px;
        line-height:1.8;
    }
     .custom-accordion .accordion-button{
        font-size:17px;
        padding:20px;
    }

    .accordion-body{
        padding:0 20px 25px;
    }

    .accordion-body p,
    .plant-list li{
        font-size:14px;
        line-height:1.9;
    }

  

        .gallery-item img{
        height:300px;
    }

     .input-wrapper{
        flex-direction:column;
    }

    /* Stacked layout: the icon sits above the field as a full-width bar, so the
       desktop label offset must be dropped. */
    .icon-box-reg,
    .input-wrapper > .icon-box-reg{
        width:100%;
        min-width:0;
        height:45px;
        font-size:24px;
        margin-top:0;
    }

    .custom-input,
    .custom-select,
    .otp-btn{
        height:45px;
        font-size:16px;
    }

    /* At the smaller 45px height the base 15px top/bottom padding clips the text
       (most visible on the country-code <select>). Reduce vertical padding and
       keep the text on one line so the full country code/name stays readable. */
    .custom-input,
    .custom-select{
        padding-top:8px;
        padding-bottom:8px;
        line-height:1.4;
    }

    .custom-select{
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .submit-btn{
        width:100%;
        min-width:100%;
        height:65px;
        font-size:20px;
    }
   .py-5.sub-page-content,  .py-5.sub-page-content .container.py-5
   {
        padding-top: 1rem !important;
    padding-bottom: 1rem !important;
   }
}

/* mobile */
@media (max-width: 575.98px) {
  .why-section {
    padding: 80px 0;
  }

  .section-top {
    gap: 10px;
  }

  .section-top .line {
    width: 50px;
  }

  .why-section h2 {
    font-size: 34px;
  }

  .why-section p {
    font-size: 16px;
    line-height: 1.8;
  }

  .slider-title {
    font-size: 18px;
  }
.top-text, .slider-title, .slider-desc
{text-align: center !important;}
.slider-content .btn-order
{display: block !important;}
.carousel-control-next, .carousel-control-prev
{z-index: 9999;}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 1rem;
    height: 1rem;
    background-position: 10%;
    background-size: 90% 75%;
}

}

@media (max-width: 479.98px) {}


@media (max-width: 1399.98px) and (min-width: 992px) 
{
  .top-nav-rec
  {display: grid !important; justify-content: center !important;}
  .brand-sec a img{margin: 0 auto; max-width: 200px;}
  .nav-scrolled .brand-sec a img {    max-width: 150px;}
}