@media screen and (max-width: 1199px) {
    .home_sec2 .num_counterfull .counter-container .counter,
    .home_sec2 .num_counterfull .counter-container .num span {
        font-size: 40px;
    }
    .home_sec2 .num_counterfull .counter-container {
        padding: 12px 15px;
    }
    .home_sec2,
    .home_sec4,
    .home_sec5,
    .home_sec6 {
        padding: 60px 0;
    }
    .home_sec5 .card .txt {
        max-width: 252px;
    }
    .home_sec5 .card:hover .txt {
        max-width: 280px;
    }
    .home_sec5 .row {
        row-gap: 40px;
    }
    .home_sec6 .form_dv form .inputs .input {
        width: 46.7%;
    }
    h2 {
        font-size: 36px;
    }
    .hero_bnnr .video video,
    .hero_bnnr .video {
        max-height: 570px;
    }
    p {
        font-size: 16px;
    }
    .home_sec2 .num_counterfull .counter-container p {
        font-size: 16px;
    }
    header .menu-area .totl_head .main_links ul li a {
        padding: 12px;
    }
    .stellarnav ul {
        gap: 10px;
    }
    .home_sec4 .all_bars .bar img {
        max-width: 30px;
    }
    .home_sec4 .all_bars .bar_1 .bar {
        padding: 20px 10px 20px;
    }
    .hero_bnnr .top_div p {
        max-width: 672px;
    }
    .hero_bnnr .top_div h1 {
        line-height: 110%;
        max-width: 773px;
    }
    .hero_bnnr .top_div {
        padding-top: 0;
        align-items: center;
    }
    .sl_sec2 .side_img {
        max-width: none;
        width: 100%;
    }
    .sl_sec6 .imgs {
        gap: 21px;
    }
    .sl_sec4 .prcs {
        gap: 70px;
    }
    .sl_sec4 h2 {
        font-size: 30px;
    }
    .sl_sec4 .prcs .prcs_dv {
        width: 130px;
        height: 130px;
    }
    .sl_sec4 .prcs .prcs_dv .sm_sv {
        width: 120px;
        height: 120px;
    }
    .sl_sec4 .prcs .prcs_dv .sm_sv img {
        max-width: 35px;
    }
    .sl_sec4 .prcs .prcs_dv::after {
        right: -64px;
        width: 55px;
        height: 26px;
    }
    .sl_sec4 p {
        margin-bottom: 15px;
    }
    .sl_sec3 .full_tabs .tab-content table td.left {
        font-size: 19px;
        line-height: 110%;
    }
    .sl_sec3 .full_tabs .tab-content table td {
        padding: 10px 28px;
    }
    .sl_sec2,
    .sl_sec4,
    .sl_sec5,
    .sl_sec6,
    .prjct_sec2 {
        padding: 60px 0;
    }
    .prjct_sec3 .pr-card .txt .points li::before {
        width: 16px;
        height: 16px;
    }
    .prjct_sec3 {
        padding-bottom: 60px;
    }
    .sl_sec6 .accordian li h5 {
        font-size: 23px;
    }
    .sl_sec4 .post_lists li.active {
        padding-top: 30px;
        margin-bottom: 20px;
    }
    .sl_sec4 .post_lists li {
        padding-top: 0;
    }
    .inds_sec2 {
        padding: 60px 0;
    }
    .inds_sec2.inds_sec3 {
        padding: 0 0 60px;
    }
    .ind_sec2 .accordian {
        padding-bottom: 0;
    }
    .hero_bnnr.inner_bnnr h2 {
        font-size: 27px;
        line-height: 100%;
    }
    .inds_sec2 h2 {
        font-size: 30px;
    }
    .prjct_sec3 .pr-card .txt .points li {
        font-size: 14px;
    }
    .ind_sec2 .imgs .img {
        height: 290px;
    }
}

@media (max-width: 1200px) {
    h2 {
        font-size: 36px;
    }
}
@media (max-width: 991px) {
    header {
        background: #fff;
        padding: 9px 14px;
    }
    header .menu-area .totl_head .main_links {
        flex-direction: row-reverse;
        column-gap: 20px;
    }
    .btn {
        font-size: 14px;
        padding: 10px;
    }
    header .menu-area .totl_head .main_logo {
        max-width: 150px;
    }

    .hero_bnnr .top_div {
        position: relative;
        background-color: #143d57;
        padding: 59px 0;
    }
    .hero_bnnr.inner_bnnr .top_div {
        padding: 59px 0;
    }
    h2 {
        font-size: 30px;
    }
    .hero_bnnr .top_div h1 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 12px;
        max-width: none;
    }
    .hero_bnnr .video,
    .hero_bnnr .video video {
        max-height: 210px;
    }
    .hero_bnnr .video::after {
        width: 446px;
        height: 365px;
        bottom: -89px;
    }
    header .menu-area .totl_head .main_links ul li a {
        font-size: 15px;
        color: #fff;
    }
    .home_sec2 .num_counterfull {
        margin-top: 30px;
    }
    .home_sec2 .num_counterfull .counter-container .counter,
    .home_sec2 .num_counterfull .counter-container .num span {
        font-size: 30px;
    }
    .home_sec2 .num_counterfull .counter-container p {
        font-size: 14px;
        line-height: 110%;
    }
    .home_sec2 h2 {
        margin-bottom: 15px;
    }
    .home_sec3 .point_dv {
        position: static;
    }
    .home_sec3 .point_dv .sm_dv {
        max-width: none;
        width: 47%;
    }
    .brdcamp li::after {
        width: 7px;
        height: 13px;
    }
    .home_sec3 .point_dv.two {
        transform: none;
        margin-top: 15px;
        margin-bottom: 30px;
    }
    .home_sec4 .row {
        row-gap: 30px;
    }
    .home_sec5 .card .txt {
        max-width: 290px;
    }
    .home_sec5 .card:hover .txt {
        max-width: 300px;
    }
    .home_sec6 .row {
        flex-direction: column-reverse;
        row-gap: 30px;
    }
    footer .row:first-child {
        padding-bottom: 30px;
    }
    footer .row {
        row-gap: 30px;
    }
    .home_sec4 .all_bars {
        gap: 20px;
    }
    .sl_sec2 .row {
        row-gap: 30px;
    }
    .sl_sec4 .post_lists {
        margin-top: 40px;
    }
    .sl_sec5 .row {
        row-gap: 30px;
    }
    .sl_sec4 .post_lists li .hide_txt img {
        max-height: 400px;
        object-fit: cover;
    }
    .sl_sec5 img {
        width: 100%;
    }
    .sl_sec4 .post_lists li.active .hide_txt {
        row-gap: 30px;
    }
    .sl_sec6 .imgs {
        max-width: none;
    }
    .inds_sec2 .row {
        row-gap: 30px;
    }
    .inds_sec2 img {
        width: 100%;
    }
    .sl_sec2,
    .sl_sec4,
    .sl_sec5,
    .sl_sec6,
    .prjct_sec2,
    .home_sec2,
    .home_sec4,
    .home_sec5,
    .home_sec6,
    .cu_sec3.sl_sec6 {
        padding: 40px 0;
    }
    .prjct_sec2 h2 {
        margin-bottom: 20px;
    }
    .cu_sec3.sl_sec6 .row {
        row-gap: 30px;
    }
    .ind_sec2 .accordian {
        padding-bottom: 0;
    }
    .sl_sec6 .imgs {
        padding-top: 40px;
    }
    .sl_sec6 .imgs .img {
        width: 48.4%;
    }
    footer .txt {
        text-align: left;
        max-width: 400px;
    }
    .error404 .page-header h1 {
        font-size: 30px;
    }
    .error404 .page-content p {
        font-size: 15px;
        padding: 0 14px;
    }
    .error404 .page-content {
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    header .menu-area .totl_head .main_logo {
        max-width: 135px;
    }
    .hero_bnnr .top_div h1 {
        font-size: 27px;
        text-align: center;
        line-height: 29px;
        margin-bottom: 12px;
        max-width: none;
    }
    .hero_bnnr .video,
    .hero_bnnr .video video {
        max-height: 210px;
    }
    .hero_bnnr .top_div {
        position: relative;
        background-color: #143d57;
        padding: 30px 0;
    }
    .hero_bnnr .video::after {
        width: 446px;
        height: 365px;
        bottom: -89px;
    }
    .hero_bnnr .top_div p {
        text-align: center;
        font-size: 14px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .hero_bnnr .top_div .btn,
    .home_sec4 .btn {
        margin: 0 auto;
        display: table;
    }
    .home_sec2,
    .home_sec4,
    .home_sec5,
    .home_sec6 {
        padding: 30px 0;
    }
    .home_sec4 .all_bars {
        gap: 10px;
    }
    h2 {
        font-size: 25px;
    }
    p {
        font-size: 14px;
        line-height: 110%;
    }
    .home_sec2 h2 {
        text-align: center;
        margin-bottom: 14px;
    }
    .home_sec2 p {
        text-align: center;
        font-size: 14px;
    }
    .home_sec2 .btn {
        margin: 0 auto;
        display: table;
    }
    .home_sec2 .row {
        row-gap: 0;
    }
    .home_sec3 .top p {
        margin-bottom: 20px;
    }
    .sl_sec2 p {
        text-align: center;
    }
    .home_sec2 .num_counterfull {
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
    .home_sec2 .num_counterfull .counter-container .counter {
        font-size: 24px;
    }
    .home_sec2 .num_counterfull .counter-container .num span {
        font-size: 24px;
    }
    .home_sec2 .num_counterfull .counter-container .num {
        justify-content: center;
    }
    .home_sec2 .num_counterfull .counter-container p {
        font-size: 14px;
    }
    .home_sec2 .num_counterfull .counter-container {
        padding: 16px;
    }
    .home_sec3 .point_dv {
        position: static;
    }
    .home_sec3 .point_dv.two {
        transform: none;
        margin-top: 15px;
    }
    .home_sec3 .point_dv .sm_dv {
        max-width: none;
        width: 47%;
    }
    .home_sec3 .point_dv .sm_dv .icn {
        width: 45px;
        height: 45px;
        margin-bottom: 6px;
    }
    .home_sec3 .point_dv .sm_dv .icn img {
        max-width: 35px;
    }
    .home_sec3 .point_dv .sm_dv h5 {
        font-size: 15px;
        line-height: 100%;
        margin-bottom: 6px;
    }
    .home_sec3 .point_dv .sm_dv p {
        font-size: 14px;
        line-height: 110%;
    }
    .home_sec3 .water_twenty_effct {
        margin-top: 20px;
    }
    .home_sec4 .row {
        row-gap: 30px;
    }
    .home_sec4 .all_bars .bar_2 .bar {
        padding: 15px 6px 12px;
        height: 140px;
    }

    .home_sec4 .all_bars .bar p {
        font-size: 12px;
    }
    .home_sec4 .all_bars .bar img {
        max-width: 30px;
        margin-bottom: 6px;
    }
    .home_sec4 .all_bars .bar_4 .bar {
        width: 83px;
        height: 235px;
    }
    .home_sec4 .all_bars h6 {
        font-size: 12px;
    }
    .home_sec4 .all_bars .bar_2 .bar {
        height: 157px;
    }
    .home_sec4 .all_bars .bar_3 .bar {
        height: 205px;
    }
    .home_sec4 .side_txt {
        text-align: center;
        font-size: 14px;
        margin-bottom: 12px;
    }
    .home_sec5 p,
    .home_sec5 h2 {
        text-align: center;
    }
    .home_sec5 .row {
        row-gap: 20px;
    }
    .home_sec5 .card .txt h4 a {
        font-size: 17px;
    }
    .home_sec5 .card .txt h4 {
        margin-bottom: 6px;
    }
    .home_sec5 .card .txt a {
        font-size: 14px;
    }
    .home_sec5 .card .txt {
        padding: 10px;
    }
    .home_sec6 .row {
        row-gap: 20px;
    }
    .home_sec6 .form_dv form .inputs .input {
        width: 100%;
    }
    .home_sec6 .form_dv form .inputs .input textarea {
        min-height: 105px;
    }
    .home_sec6 .form_dv form .inputs .input input[type="submit"] {
        margin: 0 auto;
        display: table;
    }
    .home_sec6 .form_dv form .inputs {
        gap: 12px;
    }
    footer {
        padding: 30px 0 15px;
    }
    footer .logo_footer {
        max-width: 210px;
        margin: 0 auto 20px;
        display: table;
    }
    footer .row {
        row-gap: 20px;
    }
    footer p {
        text-align: center;
        font-size: 14px;
        line-height: 110%;
    }
    footer h4 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    footer .links li {
        text-align: center;
        margin-bottom: 7px;
    }
    .sl_sec6 .accordian li h5::after {
        width: 30px;
        height: 30px;
    }

    footer .links li a {
        font-size: 15px;
        line-height: 110%;
    }
    footer .form_dv form input:not([type="submit"]) {
        padding: 9px 50px 9px 16px;
    }
    footer .form_dv form input[type="submit"] {
        right: 5px;
        top: 4px;
        width: 34px;
        height: 34px;
        border-radius: 4px;
        background-size: 20px;
    }
    footer .row:first-child {
        padding-bottom: 30px;
    }
    footer .btm_txt {
        padding-top: 10px;
    }
    .home_sec6 .form_dv form .inputs .input input:not([type="submit"]),
    .home_sec6 .form_dv form .inputs .input textarea {
        padding: 8px 12px;
        font-size: 14px;
    }
    .home_sec6 .form_dv h2 {
        text-align: center;
        margin-bottom: 10px;
    }
    .home_sec5 .card:hover .txt {
        max-width: 326px;
    }
    .home_sec6 .form_dv p {
        text-align: center;
    }
    .hero_bnnr.inner_bnnr h2 {
        text-align: center;
        font-size: 25px;
        line-height: 100%;
        margin-bottom: 12px;
    }
    .brdcamp {
        justify-content: center;
    }
    .brdcamp li,
    .brdcamp li a {
        font-size: 14px;
    }
    .sl_sec2 {
        padding: 30px 0;
    }
    .sl_sec2 .side_img {
        max-width: none;
        width: 100%;
    }
    .sl_sec2 h2 {
        text-align: center;
        margin-bottom: 0;
    }
    .sl_sec2 .row {
        row-gap: 25px;
    }
    .sl_sec4 .post_lists {
        margin-top: 20px;
    }
    .sl_sec6 .imgs .img {
        width: 47.2%;
        height: 150px;
    }

    .sl_sec2 .points li,
    .sl_sec2 .points li ol li {
        font-size: 14px;
        line-height: 110%;
    }
    .sl_sec3 p {
        font-size: 14px;
        line-height: 110%;
        margin-bottom: 15px;
        text-align: center;
    }
    .sl_sec3 .full_tabs .tabs li {
        font-size: 16px;
    }
    .sl_sec3 .full_tabs .tabs {
        gap: 15px;
        margin-bottom: 20px;
    }
    .sl_sec3 .full_tabs .tab-content h2 {
        text-align: center;
    }
    .sl_sec3 .full_tabs .tab-content .table_dv {
        overflow: auto;
    }
    .sl_sec3 .full_tabs .tab-content table {
        width: 700px;
    }
    .sl_sec3 .full_tabs .tab-content table td.left {
        font-size: 16px;
        line-height: 110%;
    }
    .sl_sec3 .full_tabs .tab-content table td.left,
    .sl_sec3 .full_tabs .tab-content table td.right {
        font-size: 15px;
        padding: 10px 17px;
    }
    .sl_sec4 {
        padding: 30px 0;
    }
    .sl_sec4 h2 {
        font-size: 25px;
        text-align: center;
    }
    .sl_sec4 p {
        text-align: center;
        font-size: 14px;
        margin-bottom: 12px;
    }
    .sl_sec4 .prcs .prcs_dv {
        width: 80px;
        height: 80px;
    }
    .sl_sec4 .prcs .prcs_dv .sm_sv {
        width: 75px;
        height: 75px;
    }
    .sl_sec4 .prcs .prcs_dv::after {
        right: -67px;
        width: 61px;
        height: 16px;
    }
    .sl_sec4 .prcs .prcs_dv .sm_sv h5 {
        font-size: 12px;
    }
    .sl_sec4 .prcs {
        gap: 60px;
    }
    .sl_sec4 .prcs .prcs_dv .sm_sv img {
        max-width: 20px;
    }
    .sl_sec4 .post_lists li {
        padding-top: 15px;
        margin-bottom: 20px;
    }
    .sl_sec4 .post_lists li h4 {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: center;
    }
    .sl_sec4 .post_lists li p {
        font-size: 14px;
        line-height: 110%;
        text-align: center;
        margin-bottom: 10px;
    }
    .sl_sec4 .post_lists li .btn {
        margin: 0 auto;
        display: table;
    }
    .sl_sec4 .post_lists li .show_txt {
        padding-bottom: 12px;
    }
    .sl_sec4 .post_lists li.active {
        margin-top: 20px;
    }

    .sl_sec4 .post_lists li .hide_txt .txt h3 {
        font-size: 22px;
        text-align: center;
    }
    .sl_sec4 .post_lists li.active .hide_txt {
        row-gap: 30px;
    }
    .sl_sec5,
    .sl_sec6 {
        padding: 30px 0;
    }
    .sl_sec5 h2 {
        font-size: 25px;
        margin-bottom: 12px;
        text-align: center;
    }
    .sl_sec5 .row {
        row-gap: 20px;
    }
    .sl_sec5 ul li {
        font-size: 14px;
    }
    .sl_sec6 h2 {
        margin-bottom: 15px;
        text-align: center;
    }
    .sl_sec6 .accordian li h5 {
        font-size: 18px;
        padding: 5px 0;
        padding-right: 40px;
    }
    .sl_sec6 .accordian li .content p {
        font-size: 14px;
        text-align: left;
    }
    .sl_sec6 .accordian li {
        margin-bottom: 12px;
        padding: 0 0 6px;
    }
    .sl_sec6 .accordian li .content {
        margin-top: 7px;
    }
    .sl_sec6 p {
        text-align: center;
        margin-bottom: 15px;
    }
    .cu_sec3.sl_sec6 p {
        margin-bottom: 0;
    }
    .cu_sec3.sl_sec6 .accordian {
        padding-top: 20px;
    }
    .sl_sec6 .imgs {
        gap: 15px;
    }
    .hero_bnnr.inner_bnnr .top_div {
        padding: 30px 0;
    }
    .home_sec6 .side_img {
        max-height: 300px;
    }
    .cu_sec3 .side_img {
        max-height: 250px;
    }
    .sl_sec6 .imgs {
        padding-top: 0;
    }
    .inds_sec2,
    .prjct_sec2 {
        padding: 30px 0;
    }
    .inds_sec2 .row {
        row-gap: 25px;
    }
    .inds_sec2 h2 {
        margin-bottom: 20px;
        font-size: 18px;
        text-align: center;
    }
    .inds_sec2 .points li {
        font-size: 15px;
    }
    .inds_sec2.inds_sec3 {
        padding: 0 0 30px;
    }
    .prjct_sec2 h2 {
        text-align: center;
        margin-bottom: 14px;
    }
    .owl-theme .owl-nav {
        display: none;
    }
    .prjct_sec2 .owl-carousel .owl-dots {
        display: block;
    }
    .prjct_sec2 .points li {
        font-size: 14px;
    }
    .prjct_sec2 .points li {
        margin-bottom: 14px;
    }
    .prjct_sec2 .points li::before {
        width: 16px;
        height: 16px;
    }
    .prjct_sec2 .owl-carousel {
        padding: 20px;
    }
    .prjct_sec2 p {
        text-align: center;
    }
    .prjct_sec2 p.btm_txt {
        margin-bottom: 15px;
    }
    .prjct_sec3 .owl-carousel .owl-dots {
        display: block;
    }
    .prjct_sec3 h2 {
        margin-bottom: 14px;
        text-align: center;
    }
    .prjct_sec3 {
        padding-bottom: 30px;
    }
    .prjct_sec3 .pr-card .txt p {
        margin-bottom: 12px;
    }
    .prjct_sec3 .pr-card .txt h5 {
        text-align: center;
    }
    .prjct_sec3 .owl-carousel::after {
        width: 60px;
        right: -2px;
    }
    .prjct_sec3 .pr-card .txt .points li {
        font-size: 14px;
    }
    .prjct_sec3 .pr-card .txt .points li::before {
        width: 16px;
        height: 16px;
    }
    .cu_sec3.sl_sec6 {
        padding: 30px 0;
    }
    .cu_sec3.sl_sec6 .row {
        row-gap: 25px;
    }
    .ind_sec2 .accordian {
        padding-bottom: 30px;
    }
    .ind_sec2 .imgs .img {
        height: 156px;
        width: 47.4%;
    }
    .ind_sec2 .accordian li ul li {
        font-size: 15px;
    }
    .sl_sec6 .accordian li .content ul li::before {
        top: 7px;
    }

    footer .txt {
        margin: 0 auto;
        text-align: center;
    }
    .sl_sec5 ul li::before {
        top: 4px;
        width: 16px;
        height: 16px;
    }
    .sl_sec5 ul li ol li::before {
        width: 5px;
        height: 5px;
        top: 7px;
    }
    .sl_sec5 ul li {
        padding-left: 22px;
    }
    .sl_sec5 ul li strong {
        margin-bottom: 5px;
    }
    .sl_sec5 ul li ol li {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
        padding-left: 10px;
    }

    .error404 .page-header h1 {
        font-size: 25px;
        margin-bottom: 14px;
    }
    .error404 .page-content p {
        font-size: 14px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .home_sec6 .form_dv form .inputs .input {
        width: 47.1%;
    }
    .sl_sec4 h2 {
        font-size: 39px;
    }
    .sl_sec4 .prcs {
        gap: 75px;
    }
    .sl_sec4 .prcs .prcs_dv::after {
        right: -68px;
        width: 59px;
        height: 21px;
    }
    .sl_sec2 .side_img {
        max-width: none;
        width: 100%;
    }
    .sl_sec4 .post_lists li {
        margin-bottom: 15px;
    }
    .hero_bnnr .top_div {
        padding-top: 0;
        align-items: center;
    }
    h2 {
        font-size: 40px;
    }
    .ind_sec2 .accordian {
        padding-bottom: 0;
    }
}