@media screen and (max-width: 576px) {
    .cta-all {
    padding: 30px 0;
  }

.cta-all br {
  display: none;
}

  .cta-all h2 {
    font-size: 22px;
  }

  .cta-all p {
    font-size: 16px;
  }

  .cta-all .btn {
    padding: 8px 20px;
    font-size: 13px;
  }
}



/* desktop */
@media screen and (max-width: 1200px) and (min-width: 992px) {
}

/* large screens */
@media screen and (max-width: 1440px) and (min-width: 1200px) {
}

/* Tabs */

@media (max-width: 768px) {
  .navbar-nav .dropdown li:nth-child(-n + 6):after {
    display: none;
  }

  .navbar-nav li:nth-child(-n + 6):after {
    display: none;
  }

  .nav-top-media {
    display: none;
  }

  .navbar-brand img {
    width: 180px;
    margin-top: 0;
  }

  .navbar-toggler,
  .navbar-toggler:focus,
  .navbar-toggler:active,
  .navbar-toggler-icon:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
  }

  .about-us-section .parent-boxes {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-top: 20px;
  }

  .about-us-section {
    padding: 40px 0;
  }

  .title-water-sol {
    padding-left: 10px;
    padding-right: 10px;
  }

  .services-grid {
    grid-template-columns: 1fr;
  }

  .services-content {
    color: #fff;
    text-align: center;
    padding: 1rem 0rem 9rem;
  }

  .fs-20 {
    font-size: 16px;
  }

  .services-content h3 {
    font-weight: bold;
    font-size: 20px;
  }

  .services-top {
    padding-bottom: 0;
  }
  .services-grid h3 {
    font-size: 18px;
    margin-bottom: 0;
    padding: 20px;
  }

  .sg-box_2,
  .sg-box_3 {
    padding: 20px 0;
  }

  .services-grid {
    display: flex;
    flex-direction: column;
  }

  .services-grid > .sg-box_3 {
    order: 1;
  }

  .services-grid > .sg-box_4 {
    order: 2;
  }

  .solutions-argaya br {
    display: none;
  }

  .solutions-argaya h3 {
    font-size: 20px;
  }

  .solutions-argaya p {
    font-size: 16px;
  }

  .Technology-aragya {
    padding-top: 30px;
  }

  .Technology-content {
    padding: unset;
  }

  .niti-ayoga {
    padding: 40px 0;
  }

  .problem-statment h3 {
    font-size: 28px;
    padding-top: 20px;
  }

  .footer-section {
    background-color: #232323;
    color: #fff;
    padding: 30px 0;
  }

  .contact-info-footer {
    padding-top: 20px;
  }

  .reuse-recover-reduce {
    padding: 40px 0;
  }

  .circular-water-system h3 {
    font-size: 22px;
    margin-bottom: 15px;
  }

  .circular-water-system {
    padding: 0px;
  }

  .circular-water-system p {
    margin-bottom: 20px;
    font-size: 16px;
    padding-bottom: 20px;
  }

  .arghya-bang {
    padding: 40px 0;
  }

  .arghya-intro {
    padding: unset;
  }

  .arghya-intro p {
    font-size: 16px;
    padding-top: 20px;
  }

  .why-choose-arghya {
    padding: 60px 0;
  }

  .whyy-choose-arghya-content p {
    font-size: 16px;
  }

  .whyy-choose-arghya-content {
    padding: 30px 0;
  }

  .lab-container {
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
  }

  .lab-content,
  .lab-image {
    flex: none;
    width: 100%;
    padding: 20px 15px;
  }

  .lab-title {
    font-size: 24px;
  }

  .lab-text {
    font-size: 15px;
  }

  /* Optional: Remove alternate layout for even sections on mobile */
  .lab-container:nth-child(even) .lab-content,
  .lab-container:nth-child(even) .lab-image {
    order: unset;
  }

  .lab-title:after {
    display: none;
  }

  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: inline-block !important;
  }

  .tech-arghya-content {
    padding: 50px 0;
    background: linear-gradient(135deg, #e6f4fa 0%, #f0f9f1 100%);
  }

  .tech-arghya-content h1 {
    font-size: 1.5rem;
  }

  .only-tech {
    padding: 0 !important;
  }

  .only-tech h6,
  .only-tech p {
    text-align: center;
  }

  .mob-tech-img {
    padding: 30px 0;
  }

  .section-title,
  .section-title-tech {
    font-size: 20px;
    text-align: center;
    padding-bottom: 10px;
  }

  .section-title::after {
    left: 50%;
    transform: translateX(-50%);
  }

  .matter-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
  }

  .matter-icon {
    margin: 0 0 15px 0;
  }

  .matter-content h4 {
    font-size: 18px;
  }

  .matter-content p {
    font-size: 15px;
  }

  .csr {
    padding: 50px 20px;
    text-align: center;
  }

  .csr h1 {
    font-size: 1.5rem;
    padding-bottom: 10px;
  }

  .csr h1::after {
    display: none;
  }

  .csr p {
    font-size: 16px;
    margin-bottom: 20px;
  }

  .csr .only-csr-title,
  .points h5 {
    font-size: 18px;
  }

  .key-csr-focus {
    padding-top: 30px;
  }

  .mob-video {
    display: flex;
  }

  .desk-video {
    display: none;
  }

  .video-section {
    height: 50vh;
  }

  .bg-video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .video-content {
    top: 50%;
    padding: 0 10px;
  }

  .video-section .video-content h1 {
    font-size: 2.5rem;
  }

  .animated-heading {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }

  .points-imp {
    display: flex;
    flex-direction: column;
  }
  .points-imp p {
    font-size: 18px;
  }

  .nav-top-section .top-div2 a {
    display: none;
  }

  .link-mob {
    display: flex;
  }

  .soc-mob {
    display: flex;
    gap: 10px;
    padding-top: 10px;
  }

  .mpw {
    margin-right: 35px;
  }

  .survey-section h1 {
    font-size: 1.6rem;
  }

  .services-box .benefits {
    display: flex;
    flex-direction: column;
  }

  .services-box .benefits img {
    width: 100%;
  }

  .product-EU301 .content-product {
    padding: unset;
  }

  .product-EU301-mobile{
    display: inline-block;
    padding-top: 40px;
    text-align: center;
  }

  .product-EU301 .bg-blue{
    display: none;
  }

  .product-EU301-mobile h3{
    font-size: 25px;
    font-weight: bold;
    color: #00669f;
  }

.eu301-spec {
    background: linear-gradient(135deg, #e6f4fa 0%, #f0f9f1 100%);
    padding-top: 70px;
    padding-bottom: 60px;
}

.eu301-spec .specs h3 {
    padding-top: 20px;
}

  .estimation-page {
    flex-direction: column;
  }
  .estimation-page .es-left {
    border-right: none;
    border-bottom: 1px solid #0f75bc;
  }
  .estimation-page .es-left,
  .estimation-page .es-right {
    padding: 15px 10px;
  }

    .cta-all {
    padding: 40px 0;
  }

  .cta-all h2 {
    font-size: 26px;
  }

  .cta-all p {
    font-size: 17px;
  }

  .cta-all .btn {
    padding: 10px 22px;
    font-size: 14px;
  }

  .cta-all br {
  display: none;
}
}