@media only screen and (max-width: 767px) {
    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: 24px;
        line-height: 38px;
        margin: 10px 0;
    }
    .casestudy-list-head p {
        font-size: 13px;
    }
    ul.casestudy-list li {
        width: 100%;
        font-size: 12px;
        line-height: 22px;
    }
    section.awards-section {
        padding: 0;
        margin: 20px 0;
        height: auto;
    }
    /********case-study********/
    h3.case-study-heading {
        font-size: 32px;
    }
    .banner-parts.cs-banner-part,
    .banner-sec.new-banner-sec,
    .banner-head {
        width: 100% !important;
        height: auto;
    }
    .banner-sec.new-banner-sec .kar-bans img {
        display: block;
    }
    .banner-head .col-md-12 {
        padding: 0;
    }
    .kar-water h4 {
        font-size: 20px !important;
    }
    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: 18px;
        line-height: 28px;
    }
    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%;
    }
    .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: 20px !important;
    }
    .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%;
    }
    .casestudy-banner .contact-section {
        width: 100% !important;
    }
       /****case-study*******/
    .casestudy-banner h4, .casestudy-banner h4 span {
        font-size: 22px !important;
    }
    .casestudy-banner h6 {
        top: 50px;
        font-size: 10px;
        width: 60%;
    }
    .project-chemical {
        justify-content: space-between;
    }
    .project-chemical li {
        width: 48% !important;
    }
    .project-chemical li:nth-child(3) {
        width: 100% !important;
    }
	.resumecaptcha-btn, .submit-btn{
		width:100% !important;
	}
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .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 {
        line-height: 24px;
        font-size: 12px;
        width: 60%;
        margin: 0 auto;
    }
    .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%;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    ul.casestudy-slider {
        padding: 10px 0;
    }
    .casestudy-list-head h3 {
        font-size: 32px;
        line-height: 46px;
    }
}   

@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;
    }
    ul.casestudy-list li {
        width: 100%;
    }
    /*********************/
    .gallery a {
        width: 18.5% !important;
    }
    .column-reverse {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .case-study-list-left,
    .case-study-list-right {
        width: 100% !important;
    }
    li.case-study-list .side-gallery img {
        padding: 0 15%;
    }
    .case-studies{
        padding: 12% 0;
    }
    .cs-list-left, .cs-list-right  {
        width: 100%;
    }

 }