@media(max-width:1399px) {
  header .btn-primary{font-size: 13px;}
.btn-primary{font-size: 14px;border-radius: 12px;padding: 12px 16px;}
#menu ul li a {font-size: 14px;padding: 10px 15px;}
.owners-box .image-box img {margin-top: -86px;}
.family-sec .image-box img{max-width: 50%;}
.owners-box .content-box {    padding: 50px 89px 66px 87px;}
.test-sec .content-box h2 {font-size: 32px;}

}
@media(max-width:1299px) {
  .trust-sec .wrapper h2 {max-width: 90%;}
  .trust-sec.air .top-box { padding: 60px 50px 60px 60px;}
}
@media (max-width:1199px) {
#menu ul>li:has(ul)>a::before{right: -6px;}
header .topmenu .contact-box ul li{padding: 10px 15px;}
header .logo a img{max-width: 140px;min-width: 140px;}
#menu ul li a {padding: 10px 5px;}
.btn-primary{padding: 12px 6px;}
#menu ul {gap: 10px;}
.btn-primary img{max-width: 15px;max-height: 15px;}
.banner-content{padding: 25px;}
h1 {font-size: 40px;line-height: 48px;}
.banner-sec.inner-banner .heading span{font-size: 40px;line-height: 48px;}
.play-btn img{max-width: 130px;}
.water-card {padding: 20px;}
.water-card .icon-box img {margin-bottom: 30px;}
h2 {font-size: 36px;line-height: 42px;}
h3{font-size: 30px;line-height: 38px;}
.family-sec .main-box {padding: 50px 60px;}
.family-sec .image-box img{max-width: 40%;}
.owners-box .content-box {padding: 30px 30px 30px 60px;}
section{padding: 60px 0;}
footer .logo-box img {max-width: 200px;}
h4{font-size: 20px;line-height: 26px;}
.test-sec .form-box form .form-control, .test-sec .form-box form .form-select{padding: 10px;}
.water-card h4 {min-height: 40px;}
header .topmenu .contact-box ul li {font-size: 14px;}
 .green-box {padding: 25px 30px;}
.testimonial-sec .row {row-gap: 30px;}
footer {padding: 50px 0;}
.pay-sec .image{height: 100%;}
.pay-sec .image img{height: 100%;object-fit: contain;}
.pro-sec .row {row-gap: 30px;}
.pro-card .image-box img{max-width: 260px;max-height: 200px;}
.better-sec .credible-box {padding: 20px 20px;}
.member-sec .contact ul li a {font-size: 16px;}
.member-sec .acheive-box {padding: 30px;}
.team-card .details {padding: 15px;gap: 10px;}
.trust-sec.air .custom-video-box {right: 50px;}
.asses-sec .row {row-gap: 40px;}
.asses-sec.solutions .asses-card h4 {min-height: 50px;}
.btn-primary.join{background: #FFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 12%, rgba(0, 0, 0, 1) 12%, rgba(0, 0, 0, 1) 10%, rgba(21, 203, 180, 1) 12%, rgba(21, 203, 180, 1) 20%);}
.rate-sec .rating-box .item img {max-width: 130px;min-width: 130px;}
.rate-sec .main-box {padding: 40px;}
.contact-sec .timings-box {padding: 30px 25px;}
.contact-sec .coast-box > a{font-size: 16px;line-height: 22px;}
h5{font-size: 20px;line-height: 28px;}
.contact-sec .nav .nav-link{padding: 20px;font-size: 18px;line-height: 26px;}
.contact-sec .form-box {padding: 25px 30px;}

}

@media (max-width:1099px) {
.better-sec .credible-box {right: 0;}
  .trust-main{width: 100%;}
  .custom-video-box{position: relative;width: 100%;}
  .trust-sec .wrapper h2 {max-width: unset;}
.trust-sec .wrapper{max-width: unset;}
.custom-video-box{position: unset;max-width: 100%;position: relative;top: 0;left: 0;margin-bottom: 30px;}
.trust-sec.air .custom-video-box {right: 0; left: 0;width: 100%;bottom: 0; }
}
@media(max-width:991px){
  header {position: relative;top: 0;left: 0;width: 100%; z-index: inherit;padding: 0;} 
  header.inner .topbar{background-color: #F4F4F4;}
  header.inner{max-width: 100%;}
  .topbar { width:100%; position:relative;z-index: 999;background-color: var(--white);padding: 15px 0;}
  .topbar .logo a{font-size: 32px;font-weight: 400;}
  header .logo{width:140px;}
  .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;color: #000;}
  .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
    background-color: var(--white);padding: 10px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.1);}
  .topbar.sticky .logo{max-width:150px;}
  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;margin-right: 20px;  line-height: 1;}
  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
.topbar ul.top_right_contents li a{line-height: 1;transition: all .2s ease;display: flex;align-items: center;justify-content: center;border-radius: 50%;}
.topbar ul.top_right_contents li a:hover{background-color: var(--black);}
.topbar ul.top_right_contents li a img{transition: all .2s ease;}
.topbar ul.top_right_contents li a:hover img{filter: invert(1);}
  .topbar ul.top_right_contents li a i {font-size: 26px;}
  .topbar ul.top_right_contents li a i.user { font-size: 34px;}
  .topbar ul.top_right_contents li a.menu_open img{max-width:30px;width: 100%;}
  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
  .menu_toggler {margin:15px 0 0;}
  .menu_toggler .icons {font-size:26px; color:#212121}
  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
  .menu_close {text-align: start; margin-bottom: 33px;padding: 0;}
  .menu_close a{height:30px;width:30px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--white);transition: all .3s ease-in;}
  .menu_close a:hover{background: var(--black);}
  .menu_close a img{width: 24px;transition: all .3s ease-in;}
  .menu_close a:hover img{filter: invert(1);}
  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; padding:0 0 75px; transition: all  .5s ease-in  ;  max-width: 80%; width: 300px; height: 100vh;}
  .mobile_menu_wrap .form-control{width: 80%;}
  .mobile_menu_wrap.menu_show {right:0; background: var(--primary);padding:0 20px;border-radius: 20px 0 0 20px;}
  .mobile_menu_wrap ul { margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400;}
  .mobile_menu_wrap ul.main_menu {margin-bottom: 10px;}
  .mobile_menu_wrap ul.main_menu li{padding:0 ;color: var(--white);}
  .main_menu li.active a{font-weight: bold;}
  .mobile_menu_wrap ul.main_menu li a {font-size:16px; text-decoration: none;}
  .mobile_menu_wrap ul li a {position: relative; display: block;margin-top:15px; width: 100%; color: var(--white);}
  .mobile_menu_wrap ul li.hassub {position: relative;width: 100%;display: inline-block;}
  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 4px;font-size: 18px;width: 100%;text-align: end;}
  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 220px;background-color: var(--primary); margin:0; transition: all linear 0.3s; padding:48px 0 100px; overflow: auto; z-index: 9; visibility:hidden; box-shadow: 0 4px 16px 0 #00000020;border-left:1px solid var(--dark2) ;padding-left: 20px;}
  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;background-color:var(--secondary);}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: var(--dark);left: 0;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #fff; padding:10px 20px;margin-top: 0px;}
  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}
  header .logo a img{min-width: 160px;}
  .hero-sec{margin: 0;border-radius:0px;}
  .hero-sec .heading{margin-top: 0;}
.main-carousel {margin: 100px 0 10px 0;}
.hero-sec .heading p{font-size: 16px;line-height: 22px;}
section {padding: 40px 0;}
.topbar ul.top_right_contents li a.menu_open img { max-width: 24px;}
.video-box{position: relative;overflow: hidden;}
.video-thumb {position: absolute;top: 0;right: 0;width: 100%;height: 100%;object-fit: cover;z-index: 3;transition: opacity .6s ease, visibility .6s ease;border-radius: 12px;}
.video-overlay {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .4);display: flex;align-items: center;justify-content: center;z-index: 4;transition: opacity .6s ease, visibility .6s ease;pointer-events: none;}
.video-player {position: unset; width: 100%;z-index: 1;aspect-ratio: 16 / 9;}
.banner-sec .row{row-gap: 30px;}
.play-btn img {max-width: 100px;}
h1 {font-size: 36px;line-height: 42px;}
.banner-sec.inner-banner .heading span{font-size: 36px;line-height: 42px;}
.commercial-sec .row{row-gap: 30px;}
.water-card h4{min-height: unset;}
.water-card .icon-box img {max-width: 50px;max-height: 50px;margin-bottom: 20px;}
.commercial-sec .row {row-gap: 20px;}

.trust-sec{margin-top: 0;}
.trust-sec .top-box{position: unset;}
.custom-play-btn img {max-width: 90px;max-height: 90px;}
h2{font-size: 30px;line-height: 36px;}
h3 {font-size: 26px;line-height: 32px;}
.family-sec .image-box img{position: unset;width: 100%;height: auto;max-width: unset;}
.family-sec .main-box .row{flex-direction: column-reverse;row-gap: 30px;}
.family-sec::after{display: none;}
.family-sec .main-box {padding: 40px 40px 0;}
.owners-box{display: flex;flex-direction: column;width: 100%;}
.owners-box .content-box{position: unset;max-width: 100%;padding: 30px 30px 30px 30px;width: 90%;margin-inline: auto;margin-bottom: 20px;}
.owners-box .image-box img{margin-left: 0;margin-top: 0;}
.owners-box .image-box{text-align: center;}
.test-sec .container > .row{row-gap: 20px;}
footer .container > .row{row-gap: 40px;}
footer .container > .row.copy-row{ row-gap: 10px;text-align: center;}
footer .nav-links ul li:last-child a{margin-bottom: 0;}
footer .privacy-box ul{justify-content: center;}
.banner-sec.inner-banner .heading h1 {max-width: unset;}
.bred-sec {padding: 20px 0;}
.better-sec .content-box {max-width: unset;}
.better-sec .row{row-gap: 30px;}
.better-sec .content-box p {font-size: 16px;}
p{font-size: 16px;line-height: 24px;}
.asses-sec .heading p{font-size: 16px;line-height: 24px;}
.asses-sec .row {row-gap: 30px;}
.asses-card h4 {margin-bottom: 10px;}
.pay-sec .heading p {font-size: 16px;line-height: 24px;}
.pay-sec .row {row-gap: 30px;}
.energy-card p {font-size: 16px;line-height: 24px;}
.energy-card .wrapper .icon-box img {min-width: 50px;max-width: 50px;}
.energy-card:last-of-type{padding-bottom: 0;margin-bottom: 0;}
.customers-sec .row {row-gap: 30px;}
.customer-card .wrapper{margin-bottom: 15px;}
.customers-sec .heading p {font-size: 16px;line-height: 24px;}
.pro-sec .nav-link {font-size: 16px;line-height: 24px;}
.better-sec .credible-box{transform: none;margin-top: 20px;}
.member-sec .image-box{margin-bottom: 0;}
.member-sec .row{row-gap:20px;}
.member-sec .acheive-box {padding: 20px;}
.banner-sec.inner-banner .image-box img{border-radius: 8px;width: 100%;max-height: 226px;}
.trust-sec.air .custom-video-box{right: 0;min-height: unset;}
.trust-sec.air{margin-top: 0;}
.better-sec .content-box ul li {font-size: 16px;}
.purify-sec .row {row-gap: 30px;}
.asses-sec.air .green-box{position: unset;}
.banner-sec.inner-banner{min-height: unset;}
 .asses-sec.solutions{margin-top: 0;}
.asses-sec.solutions .asses-card h4{min-height: unset;}
.btn-box {display: flex;justify-content: center;gap: 30px;}
.nurse-sec .row {row-gap: 20px;}
.rate-sec .container >.row {row-gap: 30px;}
.rate-sec .rating-box {grid-template-columns: repeat(4, 1fr);}
.rate-sec .rating-box .item img {max-width: 110px;min-width: 110px;}
.better-sec .credible-box{width: 100%;max-width: 100%;position: relative;left: 0;}
.better-sec .image-box{max-width: 100%;}
.better-sec{padding-bottom:30px;}
.trust-sec.air .top-box { padding: 40px ;}
.trust-sec.air .custom-video-box {right: 0;position: relative;top: 0;left: 0;bottom: 0;width: 100%;margin-bottom: 20px;}
.trust-sec.air .wrapper{  max-width: 100%;}
.trust-sec.air{margin-top: 0;}
.asses-sec.features .asses-card h4{min-height: unset;}

.asses-sec.air .col-lg-3::after{display: none;}
.team-sec.coastel{margin-top: 0;}
.data-card h4 {min-height: unset;}
.asses-sec.air .green-box {margin: 0;}
.faqs-sec .accordion-header .accordion-button{font-size: 18px;}
h6{font-size: 17px;}

.banner-sec.inner-banner.contact-banner .heading {margin-bottom: 40px;}
.banner-sec.inner-banner.contact-banner .form-mian {padding: 35px;}
.banner-sec.inner-banner.contact-banner .form-mian .head-text {margin-bottom: 32px;}
.about-family-sec .bottom-text {margin-top: 0px;}
.about-intro-sec .row{row-gap: 20px;}
.about-intro-sec .bottom-text {margin-top: 0px;}
.about-family-sec .custom-video-box{margin-bottom: 0;}
 .video-box {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 12px;
  }

.asses-sec.air.about .data-card .icon-box img {
    min-width: 80px;
    max-width: 80px;
    height: 50px;
    object-fit: contain;
}


}
@media (max-width:767px) {
header .logo a img {max-width: 80px;}
h1 ,.banner-sec.inner-banner .heading .heading{font-size: 30px;line-height: 36px;}
.banner-sec.inner-banner .heading span{font-size: 30px;line-height: 36px;}
.trust-sec .top-box {padding: 20px 20px;}
.btn-more{font-size: 14px;}
.green-box .image-box img{min-width: 80px;max-width: 80px;}
.custom-video-thumb, .custom-video-player {max-width: 100%;min-height: 380px;}
.custom-video-cover{max-height:380px; }
.custom-video-box{min-height: unset;}
.family-sec .main-box {padding: 20px 20px 0;}
.play-btn img {max-width: 70px; }
footer .logo-box img { max-width: 160px;}
footer .nav-links ul li a {margin-bottom: 15px;}
.testibox .size-md{width: 60px;height: 60px;}
.testibox .size-sm {width: 40px;height: 40px;}
.custom-modal{min-width: unset;}
.better-sec .row {row-gap: 20px;}
.asses-card .num{font-size: 16px;line-height: 24px;}
.asses-sec .row {row-gap: 20px;}
.pay-sec .row {row-gap: 20px;}
.pro-sec .row {row-gap: 20px;}
footer .nav-links h4 {margin-bottom: 10px;}
.team-card .role span {font-size: 16px;}
.team-sec .row {row-gap: 20px;}
.better-sec .content-box ul li {font-size: 14px;}
.better-sec .gallery{flex-direction:column;}
.better-sec .main-slider{width:100%;}
.better-sec .thumb-slider{width:100%;max-width:100%;height:auto;}
.custom-play-btn img {max-width: 59px;max-height: 60px;}
.faqs-sec .accordion-button::after {max-width: 14px;height: 14px;}
.nurse-sec .custom-video-thumb.air {margin-bottom: 10px;}
.rate-sec .container >.row {row-gap: 20px;}
.rate-sec .main-box {padding: 25px;}
.rate-sec .rating-box{gap: 20px;}
.contact-sec .heading p {font-size: 16px;}
.contact-sec .nav .nav-link {padding: 15px;}


.better-sec.air .custom-video-box{margin-bottom: 0;}
.banner-sec.inner-banner.contact-banner .form-mian {padding: 25px;}

}
@media (max-width:575px) {
section {padding: 30px 0;}
.banner-content {padding: 20px;}
.trust-sec .top-box p {font-size: 14px;line-height: 20px;}
h2 {font-size: 26px;line-height: 32px;}
.green-box{padding: 20px 20px;flex-direction: column;justify-content: center;align-items: center;}
h3 {font-size: 22px;line-height: 28px;}
.green-box p {font-size: 14px;line-height: 20px;}
.owners-box .content-box p {font-size: 14px;line-height: 20px;}
.owners-box .content-box{position: unset;max-width: 100%;padding: 20px 20px 20px 20px;}
.family-sec p {font-size: 14px;line-height: 20px;}
.test-sec .content-box p{font-size: 14px;line-height: 20px;}
h4 {font-size: 18px;line-height: 26px;}
footer .container > .row {row-gap: 30px;}
footer {padding: 40px 0;}
footer .nav-links ul li a{font-size: 14px;font-weight: bold;line-height: 20px;}
footer .copy-row {margin-top: 30px;}
footer p{font-size: 14px;line-height: 20px;}
footer .desc p {font-size: 14px;line-height: 20px;color: #C9E1F6;max-width: unset;}
footer .privacy-box ul li a{font-size: 14px;line-height: 20px;}
.profile-img{margin-left: 0;position: absolute;top: -40px;border: none;padding-right: 0;}
.profile-img img{position: absolute;top: -55px;border: 10px solid var(--white);min-height: 110px;max-height: 110px;min-width: 110px;max-width: 110px;        left: 0; right: 0; margin-inline: auto;}
.btn-close {top: 10px;right: 20px;}
.bred-sec .bread-box ul{flex-wrap: wrap;}
.bred-sec .bread-box ul li a{font-size: 14px;line-height: 20px;}
p{font-size: 14px;line-height: 22px;}
.asses-sec .heading p {font-size: 14px;line-height: 20px;}
.energy-card p {font-size: 14px;line-height: 22px;}
.pay-sec .heading p {font-size: 14px;line-height: 22px;}
.solution-sec .water-card .btn-more img {max-width: 10px;min-width: 10px;}
.energy-card .wrapper .icon-box img {min-width: 40px;max-width: 40px;}
.solution-sec .water-card {padding: 20px;}
.customer-card p {font-size: 14px;}
.customer-card .wrapper .profile img {max-width: 60px;min-width: 60px;height: 60px;}
.banner-sec .row {row-gap: 20px;}
.pro-card .image-box img{max-width: 100%;height: auto;}
.better-sec .content-box p{font-size: 14px;}
.customers-sec .heading p {font-size: 14px;line-height: 21px;}
footer .nav-links form .form-control {padding: 10px;}
.member-tooltip{width: 340px;}
.purify-sec .row {row-gap: 20px;}
.bred-sec .bread-box ul li{font-size: 14px;}
.faqs-sec .accordion-body ul li{font-size: 14px;}
.faqs-sec .accordion-button{font-size: 14px;line-height: 22px;}
.btn-box {display: flex;justify-content: flex-start;gap: 20px;flex-direction: column;}
.video-card .role {font-size: 14px;}
.rate-sec .main-box form .form-control{padding: 10px;}
.contact-sec .heading p {font-size: 14px;}
.contact-sec .coast-box > a {font-size: 14px;}
.contact-sec .coast-box ul li a {font-size: 14px;}
.contact-sec .west-box span{font-size: 14px;}
.contact-sec .west-box .head {font-size: 16px;}
.contact-sec .row {row-gap: 20px;}
h5 {font-size: 18px;line-height: 24px;}
.contact-sec .nav .nav-link {padding: 10px;font-size: 16px;}
.contact-sec form .form-select,
.contact-sec form .form-control {padding: 10px;}
.contact-sec form .row{row-gap: 15px;}
.pro-card-big img {max-width: 300px; min-height: unset;max-height: 300px;}
.pro-card-big img {max-width: 200px;height: auto;min-height: unset;object-fit: contain;aspect-ratio: unset !important;max-height: 300px;}
.better-sec .main-slider {height: 380px;}

.trust-sec.air .top-box ,.trust-sec .top-box {  padding: 20px; }
footer .nav-links{margin-top: 20px;}
.free-water-sec .form-box form .form-select, .free-water-sec .form-box form .form-control {padding: 10px;font-size: 14px;}
.free-water-sec .form-box form .row {row-gap: 15px;}





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

    .custom-video-thumb, .custom-video-player {
    
        min-height: 250px;
    }

.free-water-sec form .btn-primary {min-width:150px;}






}