@media only screen and (max-width: 767px) {
    section.banner-parts {
        height: auto;
    }
    .banner-sec {
        background-size: contain;
        height: auto;
    }
    .banner-text {
        margin-top: 0;
    }
    .banner-text h1 {
        font-size: 25px;
    }
    .mang-heading h1 {
        margin-bottom: 10px;
        font-size: 25px;
    }
	.flow-lists p{
		font-size: 16px;
	}
    .mang-heading p {
        width: 100% !important;
        padding: 0;
        font-size: 13px;
        line-height: 24px;
    }
    section.location-lists .col-md-12 {
        padding: 0;
    }
    .solution-space .solution-title {
        font-size: 20px;
    }
    .water-flowing {
        padding: 20px 0;
    }
    .water-flowing .col-md-4 {
        padding: 0;
    }
    .flow-lists {
        margin-bottom: 15px;
        padding: 0;
    }
    .solution-parts {
        margin: 30px 0;
    }
    .res-left,
    .res-right {
        width: 100%;
    }
    .solution-space {
        padding: 10px 0 0 0 !important;
    }
    .solution-list li {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .water-management .solution-parts:nth-child(3),
    .water-management .solution-parts:nth-child(5) {
        flex-direction: column-reverse;
    }
    .classified-roles .mang-heading {
        margin-top: 20px;
    }
    .classified-roles .mang-heading h3 {
        font-size: 20px;
    }
    .water-flowing.kariot-works .sol-list {
        max-width: 100% !important;
        padding: 0;
        flex: max-content;
    }
    .water-flowing.kariot-works .sol-list .flow-lists {
        width: 100%;
    }
    .classified-roles .water-flowing.kariot-works {
        padding: 10px 0px;
    }
    .water-flowing.kariot-works .flow-lists {
        min-height: auto;
    }
    .water-gals {
        margin: 10px 0;
    }
    .flow-lists img.full-clr {
        width: 75px;
        height: auto;
    }
    .water-flowing.kariot-works .flow-lists::before {
        top: unset;
        bottom: -5px;
        transform: rotate(90deg);
        right: 44%;
        z-index: 1;
    }
    .we-love {
        margin: 10px 0;
    }
    .client-left,
    .clients-pic,
    .client-right {
        width: 100%;
    }
    .client-subs {
        top: unset;
        bottom: 0px;
        right: 0px;
    }
    .clients-logo .logo {
        width: 31%;
        padding: 5px;
        min-height: 80px;
    }
    p.heading-back-para {
        margin-bottom: 0;
    }
    ul.casestudy-slider {
        padding: 20px 0;
    }
    li.case-study-list {
        flex-direction: column;
    }
    .cs-list-left,
    .cs-list-right {
        width: 100%;
    }
    .view-more-list {
        width: 175px;
        margin: 0 auto;
    }
    .casestudy-list-head h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 10px 0;
    }
    .casestudy-list-head p {
        font-size: 16px;
    }
    ul.casestudy-list li {
        width: 100%;
        font-size: 14px;
        line-height: 22px;
    }
    section.awards-section {
        padding: 0;
        margin: 20px 0;
        height: auto;
    }
    .award-left,
    .award-right {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }
    .award-left b {
        width: 96px;
        height: auto;
        margin: 0 auto;
    }
    .award-left b img {
        width: 100%;
    }
    .award-left h3 {
        font-size:20px;
        line-height: 48px;
    }
    .award-left p {
        width: 100%;
        font-size: 13px;
        line-height: 24px;
    }
    .awards-left-image {
        display: flex;
        justify-content: space-evenly;
    }
    .award-right-info>img {
        width: 100%;
    }
    .award-right-info-1 {
        width: 100%;
        margin-bottom: 20px;
    }
    .award-right-info-1 .award-right-info::before {
        right: 0;
        z-index: -1;
    }
    .award-right-info-2, .award-right-info-3 {
		position: relative;
		top: inherit;
		right: inherit;
		margin-bottom: 20px;
	}
    .award-info {
        right: 50%;
        transform: translate(50%, -50%);
        bottom: -40px;
        left: unset;
        padding: 5px 10px;
        width: 200px;
    }
    .award-info b img {
        width: 38px;
    }
    .award-right-info-2 .award-right-info::before {
        bottom: -20px;
        right: 0;
        z-index: -1;
    }
    .mobile-screens .M-100 {
        margin-top: 10px;
        padding: 0;
    }
    .mobile-screens::before {
        height: 100%;
        bottom: unset;
    }
    .container.contact-box {
        margin-top: 25px !important;
    }
    .container.contact-box .mang-heading h3 {
        min-height: 40px;
        text-align: center;
    }
    /*#our_demo {
        margin-top: 100px;
    }*/
    #our_demo .heading-back {
        text-align: center;
    }
    #our_demo .mang-heading p {
        font-size: 15px;
        line-height: 26px;
        padding: 0 15px;
    }
    h3.demo-heading {
        font-size: 20px !important;
    }
    ul.list-inline {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }
    ul.list-inline a {
        margin: 0;
    }
    .container.contact-box .mang-heading h3 .new-sec {
        position: unset;
    }
    #message_sect .container {
        padding: 0;
    }
    .contact-info,
    .contact-information .inner_message_form {
        width: 100%;
        margin: 10px 0;
        padding: 20px;
    }
    .contact-info h5 {
        text-align: center;
    }
    ul.contact-us {
        font-size: 13px;
    }
    ul.contact-us li {
        margin-bottom: 35px;
    }
    .contant_message_form_part.whatsup-clone-form {
        width: 100%;
    }
    .two_sect_contact {
        margin: 0 !important;
    }
    .info_col.send-msg li.two_sect_fields,
    .info_col.send-msg input#submitBtn_new {
        width: 100% !important;
    }
    /*#message_sect {
        padding-right: 15px;
        padding-left: 15px;
    }*/
    /********clients********/
    .banner-parts.client-ban {
        height: auto;
    }
    #our_clients .mang-heading h3 {
        min-height: auto;
        font-size: 32px;
    }
    .client-right.new-client-full .clients-logo .logo {
        width: 23%;
        padding: 5px;
        margin: 3px;
        height: 70px;
    }
    /********contact********/
    .banner-parts.contact-ban {
        height: auto;
    }
    .whatsup-clone-form .flag-container {
        height: 44px;
    }
    /********case-study********/
    h3.case-study-heading {
        font-size: 20px;
    }
    .banner-parts.cs-banner-part,
    .banner-sec.new-banner-sec,
    .banner-head {
        width: 100%;
        height: auto;
    }
    .banner-sec.new-banner-sec .kar-bans img {
        display: block;
    }
    .banner-head .col-md-12 {
        padding: 0;
    }
    .kar-water h4 {
        font-size: 32px;
    }
    h6.cs-subhead {
        font-size: 17px;
    }
    .kar-water p {
        line-height: 27px;
        font-size: 13px;
    }
    div.cs-box .case-studies li.case-study-list {
        height: auto;
        padding: 10px 0;
    }
    .cs-lists>div {
        padding: 0;
    }
    .case-study-list.cs-box-section .casestudy-list-head h3 {
        font-size: 23px;
        line-height: 36px;
    }
    li.case-study-list .side-gallery img {
        margin: 10px 0;
    }
    div.cs-box {
        margin-bottom: 0;
    }
    .space-loaction img,
    li.case-study-list .side-gallery img,
    .mobile-screens .text-center img {
        padding: 0 15%;
		width: 100% !important;
		height: auto !important;
    }
    .clients-pic>img {
        padding: 0 5%;
    }
    .flow-lists img.full-clr {
        width: 58px;
    }
    /**************************************/
    .project-info,
    ul.casestudy-list {
        width: 100%;
    }
    .project-info li:nth-child(1),
    .project-info li:nth-child(2) {
        width: 30%;
    }
    .project-info li:nth-child(3) {
        width: auto;
    }
    /**********light-box************/
    .lb-outerContainer {
        width: 90% !important;
        height: auto !important;
    }
    .lb-loader {
        top: -32px;
        right: 0;
    }
    .lb-image {
        width: 100% !important;
        height: auto !important;
    }
    /************cs-section**************/
    .solution-section {
        flex-direction: column-reverse;
    }
    .result-section.column-result-section {
        flex-direction: column-reverse;
    }
    .challenge-section,
    .solution-section,
    .innovation-section,
    .result-section {
        padding: 15px 0;
    }
    .challenge-img,
    .solution-img,
    .innovation-img,
    .result-img {
        padding: 0 25%;
    }
    .challenge-info h4,
    .solution-info h4,
    .innovation-info h4,
    .result-info h4 {
        font-size: 32px;
    }
    .ttp-info .challenge-info ul,
    .ttp-info .solution-info ul,
    .ttp-info .innovation-info ul,
    .ttp-info .result-info ul {
        line-height: 24px;
        font-size: 13px;
        padding-left: 28px;
    }
    .ttp-info .challenge-info ul li::before,
    .ttp-info .solution-info ul li::before,
    .ttp-info .innovation-info ul li::before,
    .ttp-info .result-info ul li::before {
        left: -25px;
    }
    .challenge-info p,
    .solution-info p,
    .innovation-info p,
    .result-info p {
        line-height: 28px;
        font-size: 13px;
    }
    /****contact-us*****/
    li.two_sect_contact {
        width: 100%;
    }
    /****client-banner*******/
    .client-banner .contact-section h4 {
        top:50px !important;
        font-size: 25px !important;
        left: 0;
    }
    .casestudy-banner .contact-section {
        width: 100%;
    }
       /****case-study*******/
       .casestudy-banner h4 {
        top: 20px;
        font-size: 20px;
    }
    .casestudy-banner h6 {
        top: 50px;
        font-size: 10px;
        width: 60%;
    }
    .casestudy-banner p {
        top: 80px;
        width: 54%;
        line-height: 10px;
        font-size: 6px;
    }
    .case-studies .divider{
     padding-top: 30px;
    }
    .project-chemical {
        justify-content: space-between;
    }
    .project-chemical li {
        width: 48%;
    }
    .project-chemical li:nth-child(3) {
        width: 100%;
    }
/********FAQ CSS*********/
    .left_faq,
    .right_faq {
        width: 100%;
    }
    .app_title h4 {
        font-size:20px!important;
    }
    .contact-information {
        width: 100%;
        border-radius: 0;
    }
    .contact-information .contact-info {
        border-radius: 0;
        margin-top: 0;
    }
    .contact-information .contact-info h5 {
        font-size: 32px;
    }
    .contact-information li.two_sect_contact {
        width: 100%;
    }
    .contact-information .info_col.send-msg input#submitBtn_new {
        width: 62% !important;
    }
    .main-footer .col-md-3:nth-child(2) {
        padding-left: 16px;
    }
    .awards-left-image {
        white-space: normal;
        flex-wrap: wrap;
    }
.awards-left-image img {
    margin-right: 0;
    margin-bottom: 15px;
}
.awards-left-image img {
    max-width: 79px;
}
.container{
	width:100%;
}
.our-clients ul {
    justify-content: space-between;
}
.our-clients ul li {
    border: 0!important;
    width: 32%;
    padding: 0!important;
}
.our-clients ul li img {
    width: 100%!important;
}
.contant_message_form_part .info_col li{
	padding-left: 15px;
}
.footer-links{
	display: block;
}
.head-menu-bar .close_spans {
    border-radius: 0;
    margin-left: 0;
    margin-top: 0;
    background-color: transparent;
    width: inherit;
    height: inherit;
}
 .animated {
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}

}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-text-heading {
        height: auto;
    }
     /**********our clients**************/
     .client-banner .contact-section h4 { 
        top: 130px !important;
        left: 0 !important;
        font-size: 40px!important;
    } 
    .casestudy-banner .contact-section {
        width: 100%;
    }
    .casestudy-banner h4 {
        top: 55px;
        font-weight: 600;
        font-size: 40px;
    }
    .casestudy-banner h6 {
        top: 110px;
        width:50%;
        font-size: 15px;
    }
    .casestudy-banner p {
        top: 155px;
        line-height: 24px;
        font-size: 12px;
        width: 60%;
    }
    .case-studies .divider{
        padding-top: 20px;
       }
    .project-chemical {
        justify-content: space-between;
    }
    .project-chemical li {
        width: 48%;
    }
    .project-chemical li:nth-child(3) {
        width: 100%;
    }
    .contact-information {
    width: 100%;
}
.contact-information .contact-info h5 {
    font-size: 29px;
}
.contact-information .info_col.send-msg input#submitBtn_new {
    width: 45% !important;
}
.main-footer .col-md-3:nth-child(2) {
    padding-left: 60px;
}
.awards-left-image {
    white-space: normal;
}
.awards-left-image img {
    max-width: 94px;
    object-fit: contain;
}

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .clients-pic {
        width: 85%;
        height: auto;
    }
    .client-subs {
        top: unset;
        bottom: -10px;
        right: 10px;
    }
    .clients-logo .logo {
        width: 23%;
    }
    .res-right {
        width: 53%;
    }
    .client-right {
        width: 53%;
    }
    .water-flowing .col-md-3 {
        padding: 0px 15px 0px 0px;
    }
    ul.casestudy-slider {
        padding: 10px 0;
    }
    .casestudy-list-head h3 {
        font-size: 32px;
        line-height: 46px;
    }
    .award-left {
        width: 47%;
    }
    .award-right {
        width: 51%;
    }
    .award-right-info>img {
        width: 100%;
    }
    .award-right-info-2 {
        bottom: -15px;
        top: unset;
    }
    .award-info {
        top: unset;
        right: 50%;
        transform: translate(50%, 0);
        left: unset;
        width: 196px;
    }
    .M-100 {
        margin-top: 5px;
    }
    .big_images {
        margin: 60px 0px;
    }
    .mobile-screens::before {
        bottom: 0;
    }
    h3.demo-heading {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .mobile-screens .mang-heading p,
    .mobile-screens h3.demo-heading {
        padding: 0;
    }
    .award-left h3 {
        font-size: 32px;
    }
    .award-left p {
        width: 100%;
        font-size: 13px;
    }
    .info-col li.two_sect_contact {
        margin: 0 !important;
    }
    .solution-parts {
        margin: 60px 0px;
    }
    section.location-lists {
        margin-top: 15px;
    }
    .water-flowing {
        padding: 25px 0;
    }
    .mang-heading h1 {
        margin-bottom: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1366px) {
    .menu-sections {
        width: 75%;
    }
    .award-right-info-1 .award-right-info::before {
        right: -25px;
        top: -25px;
        z-index: -1;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1014px) {
    .fixed .header-section ul.meu-lists li {
        padding: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .award-right-info-1 {
        width: 80%;
        transform: translate(10%, 0);
    }
    .award-right-info-2 {
        top: unset;
        width: 80%;
        right: 50%;
        transform: translate(70%, -35%);
    }
    .award-info {
        top: unset;
        left: -120px;
        width: 196px;
        bottom: -15px;
        transform: unset;
    }
    .M-100 {
        margin-top: 80px;
    }
    .mobile-screens::before {
        bottom: unset;
    }
    .main-footer .col-md-3:nth-child(2) {
    padding-left: 82px;
}
}

@media only screen and (min-width:320px) and (max-width: 567px) {
    .project-info li:nth-child(1),
    .project-info li:nth-child(2) {
        width: 33.3% !important;
    }

}

@media only screen and (max-width: 991px) {
    .banner-text.square-transition {
        display: none;
    }
    .banner-sec {
        background-image: none;
    }
    .banner-text-heading {
        width: 100%;
        position: relative;
        height: 155px;
    }
    .banner-res-img,
    .banner-res-img img {
        width: 100%;
        display: block;
    }
    /*****/
    .mang-heading p {
        width: 100% !important;
        font-size: 16px;
        line-height: 26px;
        padding: 0;
    }
    ul.casestudy-list li {
        width: 100%;
    }
    /********header********/
    .header-top {
        visibility: hidden;
    }
    .cus-container {
        width: 100%;
    }
    header.fixed {
        position: unset;
    }
    .header-section span.logo {
        width: 125px;
    }
    .header-section span.logo img {
        width: 100%;
    }
    .ham-menu {
        display: block;
        position: absolute;
        right: 20px;
        top: 28px;
        width: 24px;
        height: 24px;
        text-align: center;
        cursor: pointer;
    }
    .menu-sections {
        position: fixed;
        right: -100%;
        top: 0;
        width: 300px;
        background-color: #161d20;
        height: 100vh;
        box-shadow: -3px -3px 5px #1d205670;
        z-index: 10;
        transition: .2s ease-in;
    }
    .menu-sections.fixed {
        right: 0;
        transition: .2s ease-in;
    }
    .meu-lists {
        display: block !important;
        flex-direction: column !important;
    }
    .close_spans {
        border-radius: 50%;
        margin-left: 10px;
        margin-top: 10px;
        background-color: #fff;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    .header-section ul.meu-lists li a {
        color: #a4a4a4;
    }
    .header-section ul.meu-lists li.active a {
        border-bottom: 3px solid #35B3F2;
        color: #35B3F2;
    }
    ul.meu-lists li {
        padding: 15px !important;
    }
    .header-section ul.meu-lists li.get-quotes a {
        margin: 0;
        cursor: pointer;
    }
    .header-section ul.meu-lists li.get-quotes a {
        border: 1px solid #35B3F2;
        color: #35B3F2;
    }
    .banner-text-heading h1 {
        font-size: 20px;
        top: 0;
    }
    /*********************/
    .gallery a {
        width: 18.5%;
    }
    .column-reverse {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .case-study-list-left,
    .case-study-list-right {
        width: 100%;
    }
    li.case-study-list .side-gallery img {
        padding: 0 15%;
    }
.client-left, .clients-pic, .client-right {
    width: 100%;
    padding-top: 30px;
}
.case-studies{
    padding: 12% 0;
}
.cs-list-left, .cs-list-right  {
    width: 100%;
}

}
/***********nav-tab*************/

@media only screen and (max-width: 767px) {
    .nav-tab-management .tab-head,
    .nav-tab-management .tab-content {
        width: 100%;
    }
    .nav-tab-full {
        min-height: auto;
        padding: 20px 0;
    }
    .nav-tab-full .res-nav-content {
        width: 100%;
        padding: 0 10%;
    }
    .nav-tab-management .tab-head #nav-tab a.nav-item {
        margin-bottom: 15px;
        font-size: 12px;
        width: 50%;
    }
    .nav-tab-full .tab-solution-list {
        font-size: 13px;
        width: 100%;
    }
    .nav-tab-full .tab-solution-list li {
        line-height: 30px;
    }
    .nav-tab-full .tab-solution-list li::before {
        top: 10px;
    }
    section.cta-section {
        background-size: cover;
        background-position: right;
        margin-top: 20px;
    }
    .cta-info p {
        font-size: 20px;
		text-align: center;
    }
	.buy.get-quote.cta-btn{
		float: none;
		justify-content: center;
		display: flex;
	}
    .get-quote a.get-a-quote {
        width: 145px;
        font-size: 16px;
    }
    .cta-bg {
        width: 170px;
    }
	.case-study-lists .owl-nav{
		display:none;
	}

}

@media screen and (min-width: 1024px) and (max-width: 1200px){
    .awards-left-image img {
    margin-right: 10px;
    max-width: 130px;
}
.awards-left-image {
    white-space: normal;
}

}