@media (max-width:1024px) {
	.menu-toggle {
		display: flex;
		order: 3;
	}

	.nav-right {
		order: 2;
	}

	.lang-menu {
		right: auto;
		left: 0;
	}

	.nav-links {
		position: fixed;
		top: 64px;
		left: 0;
		width: 100%;
		background: #fff;
		flex-direction: column;
		gap: 0;
		max-height: 0;
		overflow: hidden;
		transition: max-height .3s ease;
		box-shadow: 0 4px 10px rgba(0, 0, 0, .08);
	}

	.nav-links.show {
		max-height: 400px;
	}

	.nav-links li {
		width: 100%;
		border-top: 1px solid #eee;
	}

	.nav-links a {
		display: block;
		padding: 15px 25px;
	}

	section h1 {
		font-size: 2rem;
	}

	section h2 {
		font-size: 1.8rem;
	}
	#about h2 {
		font-size: 28px;
		line-height:42px;
	}
	#keyfeatures h2 {
		font-size: 28px;
		line-height:42px;
	}
	#borewell h2{
		font-size: 28px;
		line-height:42px;
	}
	#faqs h2{
		font-size: 28px;
		line-height:42px;
	}
	#industrial h2{
		font-size: 28px;
		line-height:42px;
	}

	#home h1 {
		font-size: 2.2rem;
	}
	.banner_spacing{
    	margin-top: 170px!important;
	}
	section{
		    padding: 40px 0px 40px;
	}
	.pl-5 {
		padding:0px;
	}
	.nav-links {
        position: fixed;
        top: 80px;           /* Adjust according to your header height */
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 9999;
    }

}

@media (min-width: 1025px) and (max-width:1399px) {
	.nav-links{
		gap: 10px;
		padding-left:0px!important;
	}
	.nav-links a {
		font-size: 14.5px;
		padding:8px 3px;
	}
	
}






@media (min-width: 431px) and (max-width: 770px) {
	#about h2 {
		font-size: 26px;
		line-height:38px;
	}
	#keyfeatures h2 {
		font-size: 26px;
		line-height:38px;
	}
	#borewell h2{
		font-size: 26px;
		line-height:38px;
	}
	#faqs h2{
		font-size: 26px;
		line-height:38px;
	}
	#industrial h2{
		font-size: 26px;
		line-height:38px;
	}
	#videos h2{
		font-size: 26px;
		line-height:38px;
	}
	.box_shadow .title1{
		font-size: 18px;
	}
	.box_shadow{
		    padding: 12px;
			height: 340px;
	}
	.tab button{
		width: 32.7%;
		padding: 14px 14px;
		    font-size: 15px;
	}

}




@media (min-width: 320px) and (max-width: 430px) {
	.banner_spacing{
    	margin-top: 170px;
	}
	.pl-5 {
		padding:0px;
	}
	#keyfeatures h2 {
		font-size: 24px;
    	line-height: 30px;
	}
	#about h2 {
		padding-top:30px;
		font-size: 24px;
		    line-height: 30px;
	}
	#enquiryus h2 {
		padding-top:30px;
		font-size: 24px;
		padding-bottom:10px;
		text-align:center;
		    line-height: 30px;
	}
	.modify-center {
		text-align: left;
	}
	.box_shadow {
		 height: auto;
    	margin-bottom: 30px;
	}
	#borewell h2 {
		font-size: 24px;
    	line-height: 30px;
	}
	.tab button {
		width:100%;
	}
	.tabcontent {
		padding: 24px 16px;
	}
	#faqs h2 {
		font-size: 24px;
    	line-height: 30px;
	}
	#industrial h2 {
		padding-top:30px;
		font-size: 24px;
    	line-height: 30px;
	}
	#videos h2 {
		font-size: 24px;
    	line-height: 30px;
	}
	.tabcontent h5 {
		font-size: 17px;
	}
	 .grid_container {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
	/* header {
		top:20px;
	} */
	 .navbar {
		margin: 20px auto 0;
	 }
	    .nav-links {
        position: fixed;
        top: 80px;           /* Adjust according to your header height */
        left: 0;
        width: 100%;
        height: calc(100vh - 80px);
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
        z-index: 9999;
    }


 }