*{
		margin:0;
		padding:0;
	}
	body{
		margin:0;
		padding:0;
		font-family: "Roboto", sans-serif;
		font-weight:400;
		line-height:1.4;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}
	.container{
		max-width:1100px;
		padding:0 15px;
		margin:0 auto;
	}
	.col-3{
		width:25%;
	}
	.col-9{
		width:75%;
	}
	.col{
		width:50%;
	}
	.row {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	    align-items: center;
	}
	a{
		color:#000;
		text-decoration: none;
		font-size:14px;
		-webkit-transition: all 0.3s ease-in-out 0.03s;
		-moz-transition: all 0.3s ease-in-out 0.03s;
		transition: all 0.3s ease-in-out 0.03s;
	}
	a:hover{
		text-decoration: underline;
		color:#03A9F4;
	}
	.text-center{
		text-align: center;
	}
	h3{
		color:#000;
		font-size:25px;
		font-weight:600;
		margin-bottom:30px;
	}
	ul{
		margin:0;
		padding:0;
	}
	.common-section{
		padding:30px 0;
	}
	.heading-section h2 {
	    margin-bottom: 30px;
	    font-size: 25px;
	    text-transform: uppercase;
	    position: relative;
	    padding-bottom: 10px;
	    color: #03ad03;
	}
	.heading-section h2:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    border-bottom: solid #03ad03 3px;
	    width: 120px;
	    height: 5px;
	    left: 0;
	}
	.heading-section.text-center h2:after {
	    left: 50%;
	    transform: translate(-50%);
	}
	p {
	    font-size: 15px;
	    margin-bottom: 10px;
	    color: #595757;
	    line-height: 1.5;
	}
	img{
		max-width:100%;
	}
	.w-100{
		width:100%;
	}
	.pt-3{
		padding-top:30px;	
	}
	.pt-6{
		padding-top:60px;	
	}

	/*********************** Header CSS ***************************/
	
	.header-section {
	    box-shadow: 1px 1px 2px -1px #ccc;
	}
	.header-section .row{
		justify-content: space-between;
	}
	.header-section .col.header-logo {
	    width: auto ;
	}
	.header-section .row .col.header-menu {
	    width: 70%;
	    text-align: center;
	}
	.header-section .menu-section .nav-section ul li {
	    display: inline-block;
	    padding:12px 8px;
	}
	.header-section .menu-section .nav-section ul li.active {
	    background: #03ad03;
	}
	.header-section .col.header-info {
	    text-align: right;
	}
	.header-section .menu-section .nav-section ul li a {
	    color: #fff;
	    text-align: center;
	    font-family: "Alegreya", serif;
	    font-weight: 600;
	    font-size: 13px;
	    text-transform: uppercase;
	}
	.header-section .menu-section .nav-section ul li:hover{
		 background: #03ad03;
	}
	.header-section .menu-section .nav-section ul li a:hover{
		text-decoration: none;
	}
	.header_sticky {
	    position: sticky;
	    top: 0;
	    left: 0;
	    background: #fff;
	    z-index: 9;
	}
	.menu-section {
	    background: #03A9F4;
	    padding:0;
	    margin: 0 auto;
	    text-align: center;
	}
	.header-section .col.header-info ul li {
	    display: inline-block;
	    text-align: right;
	    margin-left: 10px;
	}
	.header-section .col.header-info ul li span {
	    padding-right: 5px;
	}
	button#toggleButton {
	    display: none;
	}
	.header-section .col.header-info ul li:first-child {
	    margin-left: 0;
	}
	.header-section .menu-section .nav-section ul li:first-child a {
	    font-size: 0;
	}
	.header-section .menu-section .nav-section ul li:first-child a:before {
		content:"\f015";
	    font-size:13px;
	    color:#fff;
	    font-family:'fontAwesome';
	}


	/*********************** About Page CSS ***************************/
	
	.common-section.about-us-section{
		position: relative;
	}
	.our-objective p strong {
	    color: #03A9F4;
	    font-size:15px;
	}
	.our-objective strong {
	    color: #03ad03;
	    font-size:20px;
	}
	.objective_list ul{
		columns: 2;
	}
	.objective_list ul li {
	    display: block;
	    margin-bottom: 10px;
	    position: relative;
	 }
	.objective_list ul li span {
		font-size: 15px;
	    color: #595757;
	    padding-left: 20px;
	}
	.objective_list ul li:before {
	    content: "\f0a4";
	    color: #03ad03;
	    font-size: 15px;
	    font-family: "fontAwesome";
	    padding-right: 10px;
	    position: absolute;
	    left:0;
	}
	.objective_list {
	    padding-top: 25px;
	}
	.objective_list strong {
	    color: #000;
	    font-size:15px;
	    text-transform: uppercase;
	    border-bottom: solid #000 2px;
	    display: inline-block;
	    margin-bottom: 20px;
	}

	/*********************** Business Segments Page CSS ***************************/
	
	.water-system-section {
	    background: #efefef;
	}
	.water-img{
		position: relative;
	}
	.water-img:before {
	    content: "";
	    border-top: solid #03A9F4 8px;
	    position: absolute;
	    left: 0;
	    width: 100px;
	    height: 100px;
	    border-left: solid #03A9F4 8px;
	}
	.water-img:after{
	    content: "";
	    border-bottom: solid #03A9F4 8px;
	    position: absolute;
	    right: 0;
	    bottom:0;
	    width: 100px;
	    height: 100px;
	    border-right: solid #03A9F4 8px;
	}
	.water_descrptn em {
	    font-style: normal;
	    font-size: 15px;
	    display: block;
	    color: #000000;
	    font-weight: 500;
	    padding: 10px 0;
	    position: relative;
	    padding-left: 20px;
	}
	.water_descrptn em:before {
	    content: "\f0a4";
	    color: #03ad03;
	    font-size: 15px;
	    font-family: "fontAwesome";
	    padding-right: 10px;
	    position: absolute;
	    left:0;
	}
	.heading-section h3.blue-hdng{
	    color: #03A9F4;
	    font-weight: 700;
	    font-size: 25px;
	    text-transform: uppercase;
	    position: relative;
	}
	.heading-section h3.blue-hdng:after {
	    content: "";
	    position: absolute;
	    bottom: 0;
	    border-bottom: solid #03A9F4 3px;
	    width: 120px;
	    height: 5px;
	    left: 0;
	}
	.heading-section.text-center h3.blue-hdng:after {
	    left: 50%;
	    transform: translate(-50%);
	}
	.flowchart-img-sectn1{
		padding:20px 0;
	}
	.flowchart-img-sectn1 img {
	    border: solid #7c7979 2px;
	    padding: 20px;
	    max-width: 100%;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.flowchart-img h5 {
	    font-size: 30px;
	    color: #03A9F4;
	    text-transform: uppercase;
	    padding: 20px 0;
	}
	.airflot-img.text-center {
	    margin: 30px 0;
	}
	.airflot-img.text-center img {
	    border: solid #ccc 1px;
	    padding: 10px;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}
	.screw-section {
	    width: 100%;
	}

	.service-section .advantage_list.col{
		width: 60%;
	}
	.service-section .advantage_img.col{
		width:30%;
	}
	.service-section .advantage_img.col img{
		width: 100%;
		height:100%;
		aspect-ratio: 1.1;
		object-fit: cover;
		border:solid #ccc 2px;
	}
	.reverse-row {
	    flex-direction: row-reverse;
	    display: flex;
	}

	/*************** Water Chemical Treatment Page CSS ***************/


	.service-section .objective_list{
		padding-top:0;
	}
	.water-chemcl-sec .advantage_img img{
		width:auto!important;
		height:auto!important;
		object-fit: contain!important;
	}
	.water-chemcl-sec .heading-section h3{
	    font-size:20px;
	    text-transform: uppercase;
	    position: relative;
	    padding-bottom: 0;
	    color:#03A9F4;
	}
	.water-chemcl-sec .heading-section h3:after{
		content: "";
	    position: absolute;
	    bottom: 0;
	    border-bottom: solid #03A9F4 3px;
	    width: 80px;
	    height: 5px;
	    left: 0;
	}
	.row.water-chemcl-sec{
		justify-content:space-evenly;
		gap:30px;
	}
	.row.water-chemcl-sec.service-section.reverse-row {
	    border-bottom: solid #ddd 1px;
	    border-top: solid #ddd 1px;
	    padding: 40px 0;
	    margin: 30px 0px;
	}
	.airflot-img img.water_bnr{
		width:100%;
	}	


	/*********************** Instruments & Equipments CSS ***************************/

	.row.instrument-section{
		justify-content: space-between;
		gap:0;
	}
	.row.instrument-section .col{
		width:50%!important;
	}
	.instrument-section .advantage_img.col img {
	    object-fit: contain!important;
	    width:auto;
	    aspect-ratio:unset!important;
	}
	.instrument-section ul li{
		position: relative;
		padding-left:25px;
	}
	.instrument-section ul li span{
		padding-left:0;
	}
	.instrument-section ul li:before{
		position: absolute;
		left:0;
	}
	.row.instrument-section.service-section.reverse-row {
	    border-bottom: solid #ddd 1px;
	    border-top: solid #ddd 1px;
	    padding: 40px 0;
	    margin: 30px 0px;
	    width:100%;
	}
	.row.instrument-section.service-section.reverse-row .col{
		width:100%!important;
	}
	.row.instrument-section.service-section.reverse-row .objective_list.col ul{
		column-count:3;
	}
	.instrument-section .advantage_img.col{
		display: flex;
	    justify-content: space-around;
	    gap: 8px;
	}
	.instrument-section .advantage_img.instrmnt-btm-sectn img{
		width:100%!important;
		height:100%!important;
		object-fit: contain!important;
	    aspect-ratio:1.1!important;
	}


	/*********************** MBBR Media Page CSS *******************/

	.table_jbn table{
		border-collapse: collapse;
		width: 100%;
	}
	.table_jbn table th{
		background:#03A9F4;
		color:#fff;
		font-size:15px;
		font-weight:500;
	}
	.table_jbn table td, th{
		border: 1px solid #efefef;
		text-align: left;
		padding: 10px;
		font-weight:400;
		font-size:14px;
	}
	.table_jbn table tr:nth-child(odd) {
		background-color:#e2f4fd;
	}
	.mbbr-section .row.instrument-section.service-section.reverse-row .col{
		width:50%!important;
	}
	.about-content.mbbr-section:last-child .row.instrument-section.service-section.reverse-row{
	    border-bottom: 0 !important;
	    padding-bottom: 0;
	}

	/*********************** Footer CSS ***************************/
	
	.footer-section {
	    background: #ddd;
	}
	.footer-section .heading-section h2{
		color:#000;
	}
	.footer-section .heading-section h2:after{
		border-bottom: solid #000 3px
	}
	.footer-wrap{
		margin-top:40px;
	}
	.footer-wrap.row {
		align-items: flex-start;
	}
	.footer-wrap.row .col{
		width:auto;
		gap:12px;
	}
	.footer-wrap.row .col h5{
	    font-size:18px;
	    text-transform: uppercase;
	    margin-bottom: 30px;
	}
	.footer-wrap.row .col ul li {
	    display: block;
	    margin-bottom: 15px;
	    position: relative;
	    padding-left: 20px;
	    font-size:15px;
	}
	.footer-wrap.row .col ul li a{
		font-size:15px;
	}
	.footer-wrap.row .col ul li span {
	    position: absolute;
	    left: 0;
	    top: 0;
	}
	.footer-wrap.row .col.ftr-logo{
		width:25%!important;
	}
	.copyright-section{
	    background: #000;
	    padding: 15px 0;
	}
	.copyright-section p {
	    color: #fff;
	    margin-bottom: 0;
	}


	/*********************** Responsive CSS ***************************/



	@media only screen and (min-width:1025px) and (max-width:1199px){
		.header-section .menu-section .nav-section ul li a{
			padding-left: 3px;
    		margin-left: 2px;
    		font-size:12px;
		}
		.header-section .menu-section .nav-section ul li{
			padding: 10px 3px;
		}
	}


	@media only screen and (min-width:992px) and (max-width:1024px){
		.header-section .col.header-info ul li a{
			font-size:13px;
		}
		.header-section .menu-section .nav-section ul li{
			padding: 10px 3px;
		}
		.header-section .menu-section .nav-section ul li a{
			font-size:12px;
		}
		.footer-wrap.row .col h5{
			font-size:16px;
			margin-bottom: 20px;
		}
	}

	@media (max-width:991px){
		.menu-section {
		    position: relative;
		    background: transparent;
		    padding: 0;
		}
		button#toggleButton {
		    display: block;
		    position: absolute;
		    top: -75px;
		    right: 20px;
		    background: #03ad03;
		    padding: 10px 12px;
		    border: 0;
		    border-radius: 3px;
		}
		#toggleButton span:before {
		    content: '\f0c9';
		    font-size: 20px;
		    font-family: 'fontAwesome';
		    color:#fff;
		}
		.menu-section .active span:before {
		    content: '\f00d' !important;
		}
		.header-section .menu-section .nav-section ul li {
		    display: block;
		    text-align: center;
		}
		.menu-section ul#menu-list {
		    position: absolute;
		    right: 20px;
		    background: #fff;
		    top: -35px;
		    box-shadow: -1px 3px 10px -2px #000;
		    display:none;
		    z-index:9;
		}
		.menu-section ul#menu-list li a {
		    color: #000;
		    display: block;
		    padding: 8px 12px;
		    border-bottom: solid #ccc 1px;
		    border-left: 0 !important;
		    margin-left: 0;
		    text-align: left;
		}
		.menu-section ul#menu-list li:last-child a{
			border-bottom:0;
		}
		.header-section .col.header-info {
		    position: absolute;
		    order: 1;
		    top: 0;
		    width: 100%;
		    background: #03ad03;
		    left: 0;
		    padding: 10px 0;
		}
		.header-section .col.header-info ul li {
		    display: block;
		    text-align: center;
		    margin-left: 0;
		}
		.header-section .col.header-info ul li span i{
			color:#fff;
		}
		.header-section .col.header-info ul li a{
			color:#fff;
		}
		.header-section .menu-section .nav-section ul li.active{
			background: #03ad03;
		}
		.header-section .menu-section .nav-section ul li.active a{
			color:#fff!important;
		}
		.header-section .menu-section .nav-section ul li:hover a{
			color:#fff!important;
		}
		.header-section .col.header-logo{
			margin-top:30px;
		}
		.heading-section h2{
			font-size: 20px;
		}
		.header-section .menu-section .nav-section ul li{
			padding:0;
		}
		.menu-section ul#menu-list li a{
			font-size: 13px;
		}
		.header-section .menu-section .nav-section ul li:first-child a:before{
			display: none;
		}
		p{
			font-size:14px;
			line-height: 1.7;
		}
		.objective_list ul {
			columns: 1;
		}
		.objective_list ul li span{
			font-size:14px;
		}
		.water_descrptn em{
			font-size:14px;
		}
		.heading-section h3.blue-hdng{
			font-size:20px;
			margin-bottom:15px;
		}
		.row.instrument-section.service-section.reverse-row .objective_list.col ul {
			column-count: 1;
		}
		.row.instrument-section.service-section.reverse-row .objective_list.col ul li{
			padding-left:20px;
		}
		.row.instrument-section .col {
		    width: 100% !important;
		}
		.mbbr-section .row.instrument-section.service-section.reverse-row .col {
		    width: 100% !important;
		}
		.mbbr-section .row.instrument-section.service-section .advantage_img.col {
		    margin-top: 30px;
		}

	}

	@media (max-width:767px){
		
		.footer-wrap.row .col.ftr-logo {
		    width: auto!important;
		}
		.footer-wrap.row .col h5{
			font-size:16px;
			margin-bottom:20px;
		}
		.footer-wrap .col.ftr-info {
		    margin-top: 20px;
		}
		.footer-wrap.row .col{
			width:100%;
		}
		.instrument-section .advantage_img.col{
			flex-wrap:wrap;
		}
		.service-section .advantage_list.col {
		    width: 100%;
		}
		.service-section .advantage_img.col {
			  width: 100%;
		}
	}

	@media (max-width:479px){
		.footer-wrap.row .col ul li{
			font-size:13px;
		}
		.footer-wrap.row .col ul li a {
		    font-size: 13px;
		}

	}