@media (max-width: 1300px) {
    .graph.line15 {
        right: 2%;
    }
    .graph.line12 {
        left: 2%;
    }
    .cordinbation1 p {
        font-size: 14px;
    }
    .solution1 {
        clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%, 0 100%);
    }
    .oilcordinbation1 p {
        width: 70%;
    }
    .oilservices1 {
        clip-path: polygon(0 0, 88% 0, 68% 100%, 0% 100%, 0 100%);
        margin-right: -240px;
    }
    .oilcordinbation p {
        width: 73%;
    }
    .esd1 {
        width: 70%;
        clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%, 0 100%);
    }
    .oilcordinbation p {
        width: 70%;
    }
    .hse1 {
        width: 68%;
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%, 0 100%);
    }
    .oilsolutionhead {
        width: 60%;
    }
    .regular h4 {
        width: 56%;
    }

    /* airody */
    .flex1 ul li {
        font-size: 13px;
        line-height: 28px;
        width: 65%;
    }
    .flex1 {
        clip-path: polygon(0 0, 100% 0, 75% 100%, 0% 100%, 0 50%);
    }
    .flex1 ul {
        padding: 30px 0px 5px 26px;
    }
    .flex1 {
        width: 63%;
    }
    .flex2 {
        margin-top: 9px;
    }
    .flex2 {
        margin-top: 0px;
    }

    /* electromec */
    .tech12 {
        width: 588px;
    }
    .tech11 {
        width: 411px;
    }
    .wabco1 {
        clip-path: polygon(0 0, 85% 0, 63% 100%, 0% 100%, 0 100%);
        width: 73%;
    }
    .treatplant h4 {
        font-size: 27px;
    }
    .water1 {
        clip-path: polygon(0 0, 90% 0, 67% 100%, 0% 100%, 0 100%);
        width: 75%;
    }
    .tre11 {
        width: 418px;
    }
    .tre12 {
        width: 500px;
    }
    .tre13 {
        width: 569px;
    }
    .water1 {
        clip-path: polygon(0 0, 85% 0, 65% 100%, 0% 100%, 0 100%);
        width: 80%;
    }
}

@media (max-width: 1200px) {
    .div1 {
        width: 30%;
        margin-bottom: 20px;
    }

    .div2 {
        width: 20%;
        margin-bottom: 20px;
    }

    .div3 {
        width: 40%;
        margin-bottom: 20px;
    }

    .aboutbg {
        padding: 20px;
    }

    .abouttitle,
    .abouttitle2 {
        font-size: 28px;
    }

    .aboutpara {
        font-size: 14px;
    }
    .solarflex11 p {
        font-size: 13px;
        width: 75%;
    }
    .esd1 {
        width: 100%;
        clip-path: none;
    }
    .oilservices2 {
        background: #fffcf0;
    }
    .oilservices1 {
        clip-path: none;
    }
    .oilcordinbation p {
        width: 50%;
    }
    .hse1 {
        width: 100%;
        clip-path: none;
    }
    .hse2 img {
        width: 323px;
        padding-top: 40px;
    }
    .hse1 .oilcordinbation p {
        width: 54%;
    }
    .whosays {
    margin-top: 100px;
}
.whosays h3 {
    font-size: 26px;
    line-height: 15px;
}
}

@media (max-width: 1150px) {
    .slider-img img {
        width: 620px;
    }
    .blog-panel {
        width: 7.735vmin;
    }
    .newblogg {
        margin: 20px 90px;
    }
    .sideservice {
        font-size: 100px;
    }
    .navbar-desctop-menu > li {
        margin-left: 1.1em;
    }
    .enquiryy {
        margin-left: 2rem !important;
    }
}
@media (max-width: 1024px) {
    .home-showcase .home-showcaseSlider .swiper-wrapper .swiper-slide {
        height: 100vh !important;
    }
    .first1 {
        font-size: 35px;
    }
    .footer-icon {
        margin-left: 0px;
    }
    .navbar-desctop-menu > li {
        margin-left: 1.1em;
    }
    .enquiryy {
        margin-left: 1rem !important;
    }
    .shinetechimg {
        height: 100%;
    }
    .overviewstart {
        padding-left: 40px;
    }
    .servicehead p {
        text-align: justify;
        width: 84%;
    }
    .linediv ul a li {
        font-size: 14.61px;
    }

    /* solar */
    .solarflex11 {
        width: 100%;
        clip-path: none;
    }
    .solarflex11 p {
        font-size: 13px;
        width: 50%;
    }
    .solarflex1 p {
        font-size: 13px;
    }
    .solarser3 {
        width: 369px;
    }
    .oursherve2 {
        margin-left: -177px;
    }

    /* oilgas */
    .oilgas {
        margin-top: 38%;
    }
    .oilservices1 {
        clip-path: none;
    }
    .oilservices1 {
        margin-right: 0px;
    }

    .oilcordinbation1 p {
        width: 100%;
        text-align: justify;
    }
    .oilcordinbation p {
        text-align: justify;
    }
    .oilsolutionhead {
        width: 58%;
    }
    .oilsolution2 {
        height: 100%;
        background: #fffcf0;
    }
    .oilsolution2 img {
        width: 350px;
        padding-top: 54px;
    }
    .oilsolution1 {
        width: 90%;
    }
    /*  */
    .mechanical {
        margin-bottom: 10px;
    }
    .rectangle {
        display: none;
    }
    .vertical-panel-info .line {
        display: none;
    }
    .shinetech_section {
        height: 40vh;
    }
    .client_section {
        height: 40vh;
    }
    /* blog */
    .sblog_section {
        height: 40vh;
    }
    .airbody_section {
        height: 40vh;
    }
    .wabco_section {
        height: 40vh;
    }
    .esd2 img {
        width: 347px;
        padding-top: 30px;
    }
    /*  */
    .flex2 {
        margin-top: 9px;
    }
    .flex1 {
        width: 56%;
    }
    .cold1 {
        clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%, 0 50%);
    }
    .cold1 ul {
        padding: 0px 0px 7px 125px;
    }
    .ourprocontent p {
        padding: 55px 93px 0px 10px;
        font-size: 14px;
        text-align: justify;
    }
    .cold1 {
        width: 58%;
    }
    .cold1 ul li {
        font-size: 14px;
    }

    /* elctro */
    .cordinbation1 p {
        text-align: justify;
    }
    .cordinbation1 {
        padding: 10px;
    }
    .tech11 {
        width: 368px;
    }
    .tech12 {
        width: 537px;
    }
    .solution1 {
        clip-path: polygon(0 0, 84% 0, 57% 100%, 0% 100%, 0 100%);
    }
    .cordinbation {
        padding: 10px;
    }
    .cordinbation p {
        font-size: 14px;
        width: 53%;
    }
    /* .arrow-right {
        top: 120.5vmin;
    } */
    .arrow-left {
        right: 15vmin;
    }
    .cline1 {
        left: 2%;
    }
    .ourprohead1 {
        width: 46% !important;
    }
    .datas {
        margin: 50px 20px;
    }
    .datas p {
        font-size: 13px !important;
        line-height: 1;
    }
    .turn2 {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 27% 100%);
    }
    /* wabco */
    .visionpara {
        padding: 44px 3px;
    }
    .visionpara p {
        width: 80%;
        margin-left: 10px;
        font-size: 13px;
    }
    .visionn2 img {
        width: 390px;
    }
    .visionn1 {
        clip-path: polygon(0 0, 94% 0, 81% 100%, 0% 100%, 0 100%);
    }
    .values1 {
        clip-path: polygon(0 0, 87% 0, 72% 100%, 0% 100%, 0 100%);
    }
    .values2 img {
        width: 451px;
    }
    .valuepara h5 {
        width: 65%;
        line-height: 16px;
        font-size: 15px;
    }
    .valuepara {
        padding: 32px 0px 0px 17px;
    }
    .customspan {
        font-size: 15px;
    }
    .valuepara p {
        font-size: 13px;
        width: 69%;
    }
    .wabcopara p {
        font-size: 13px;
        width: 72%;
        margin-left: 0px;
    }
    .wabco1 {
        clip-path: polygon(0 0, 84% 0, 69% 100%, 0% 100%, 0 100%);
        padding: 50px 10px;
        width: 80%;
    }
    .web11 {
        width: 383px;
    }
    .web12 {
        width: 434px;
    }
    .watertreat p {
        width: 100%;
    }
    .watertreat {
        padding: 30px;
        margin: 0px;
    }
    .workhead h4 {
        font-size: 23px;
    }
    .filterhead h4 {
        font-size: 20px;
    }
    .filterpara p {
        font-size: 17px !important;
        line-height: 26px !important;
    }
    .fil11 {
        width: 492px;
    }
    .fil12 {
        width: 600px;
    }
    .treatplant h4 {
        font-size: 23px;
    }
    .waterpara p {
        font-size: 13px;
        width: 74%;
    }
    .water1 {
        padding: 50px 0px 37px 20px;
        clip-path: polygon(0 0, 90% 0, 58% 100%, 0% 100%, 0 100%);
        width: 70%;
    }
    .waterpara h5 {
        font-size: 18px;
        width: 65%;
    }
    .waterdivv li {
        font-size: 14px;
    }
    .filter1 {
        clip-path: polygon(0 0, 85% 0, 59% 100%, 0% 100%, 0 100%);
        padding: 50px 0px 37px 70px;
        width: 65%;
    }

    /* .tre11 {
        width: 306px;
    }
    .tre12 {
        width: 390px;
    }
    .tre13 {
        width: 465px;
    } */
    .whosays {
             margin-top: 225px;
    }
    .clienttop {
        margin-top: 30%;
        margin-right: 20px;
    }
    .clientsec p {
        padding: 0px 70px;
    }
    .filterhead {
    width: 58%;
    }
        .wabcohead {

        width: 40%;
    }
}
@media (max-width: 992px) {
    .ourprohead1 h4 {
        padding: 10px 10px 10px 20px;
    }
    .graph {
        display: none;
    }
    .shade1,
    .shade2 {
        display: none;
    }
    .page-lines1 {
        display: none;
    }
    .page-lines {
        display: none;
    }
    .helpsec {
        display: block;
    }
    .helpsec2 {
        margin-top: 10%;
        width: 100%;
    }
    .stright {
        display: none;
    }
    .experience-new {
        margin-bottom: 100px;
    }
    .counting {
        padding-bottom: 0px;
    }
    .blog-panel {
        display: none;
    }
    .blogcontent h3 {
        font-size: 20px;
    }
    .sblogcontent {
        margin: 0px;
    }
    .rectangle {
        display: none;
    }

    /* services resonsive */
    .flexdiv1 {
        display: block;
    }
    .flex1 ul li {
        font-size: 20px;
        line-height: 32px;
        width: 100%;
    }
    .nav label {
        display: none;
    }
    .colddiv {
        display: block;
    }
    .flex1 ul {
        padding: 35px;
    }
    .flex1 {
        width: 100%;

        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 0 50%);
    }
    .cold1 {
        width: 100%;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%, 0 50%);
    }
    .turn2 {
        clip-path: none;
        width: 100%;
    }
    .datas {
        margin: 20px;
        padding: 30px 0px 30px 0px;
    }
    .datas p {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 6px;
    }
    .ourprocontent p {
        padding: 40px 20px 20px 20px;
    }
    .ourprocontent p {
        font-size: 14px;
    }
    .cold1 ul li {
        font-size: 14px;
    }
    .cold1 ul {
        padding: 20px;
    }
    .ourprohead h4 {
        padding: 0px 10px;
    }
    .recentdk h4 {
        margin-top: 1%;
    }

    .entery {
        text-align: justify;
    }
    .turndiv {
        display: block;
    }

    /* solar service */

    .solarflex11 p {
        width: 50%;
        text-align: justify;
    }
    .solarflexdiv1 {
        display: flex;
    }
    .solarflex1 p {
        font-size: 13px;
        width: 50%;
    }
    .solarflex11 {
        padding: 30px 20px 0px 20px;
    }
    .solarflex1 {
        width: 100%;
        clip-path: none;
    }
    .solarflex1 h2 {
        padding-top: 35px;
    }
    /* oil */
    .oilgas {
        margin-top: 50%;
    }
    .oilcordinbation1 p {
        font-size: 13px;
    }
    .oilcordinbation1 {
        padding: 0px;
    }
    .oilcordinbation1 h3 {
        font-size: 16px;
    }
    .oilcordinbation p {
        font-size: 13px;
    }
    .oilcordinbation {
        padding: 30px 0px 20px 30px;
    }
    .oilsolution2 img {
        padding-top: 25px;
    }

    /*  */
    .flex2 {
        position: unset;
    }
    .cold2 {
        position: unset;
    }
    .ourprohead {
        width: 62%;
        top: -26px;
    }
    .ourprocontent p {
        padding-bottom: 0px;
    }
    .cold1 ul {
        padding: 0px 20px 20px 40px;
    }

    /* electro */
    .services {
        display: block;
    }
    .services2 {
        display: block;
    }
    .solutiondiv {
        display: block;
    }
    .solution1 {
        width: 100%;
        clip-path: none;
        padding: 20px;
    }
    .solutionhead {
        width: 92%;
    }
    .services1 {
        clip-path: none;
        margin-right: 0px;
        width: 100%;
    }
    .tech11 {
        position: unset;
        width: 100%;
    }
    .tech12 {
        position: unset;
        margin-top: 20px;
        width: 100%;
    }
    .solution2 {
        position: unset;
    }
    .cordinbation1 {
        padding: 30px 0px 0px 0px;
    }
    .cordinbation1 p {
        margin-left: 0px;
        width: 100%;
    }
    .cordinbation {
        padding: 30px 0px 0px 0px;
    }
    .cordinbation p {
        width: 100%;
        margin-left: 0px;
    }
    .solutiosec {
        margin-top: 60px;
    }
    .solution2 img {
        width: 100%;
    }
    .tech1 {
        max-width: 100%;
        margin-left: 0px;
    }
    .tech2 {
        max-width: 100%;
    }
    .cordinbation1 p {
        font-size: 18px;
    }
    .cline1,
    .cline2,
    .cline3,
    .cline4 {
        display: none;
    }
    /* contact section */

    .cmobile {
        padding: 0 70px;
    }
    .cloaction {
        padding: 0 70px;
    }

    /* wabco */
    .wabcodiv {
        display: block;
    }
    .wabco1 {
        clip-path: none;
        padding: 50px 10px;
        width: 100%;
    }
    .wabcopara p {
        width: 100%;
    }
    .visionn2 {
        position: unset;
    }
    .web11 {
        width: 100%;
        position: unset;
    }
    .web12 {
        width: 100%;
        margin-top: 20px;
        position: unset;
    }
    .visiondiv {
        display: block;
    }

    .visionn1 {
        clip-path: none;
        width: 100%;
    }
    .visionpara p {
        width: 100%;
    }
    .visionn2 img {
        width: 100%;
    }
    .valuesdiv {
        display: block;
    }
    .values1 {
        clip-path: none;
        width: 100%;
    }
    .values2 {
        margin-top: 20px;
        position: unset;
        width: 100%;
    }
    .valuepara p {
        width: 100%;
    }
    .values2 img {
        width: 100%;
    }
    .valuepara h5 {
        width: 100%;
    }
    .waterdiv {
        display: block;
    }
    .tre11 {
        position: unset;
        width: 100%;
    }
    .tre12 {
        position: unset;
        width: 100%;
        margin-top: 20px;
    }
    .tre13 {
        margin-top: 20px;
        position: unset;
        width: 100%;
    }
    .waterpara p {
        width: 100%;
    }
    .treatplant h4 {
        font-size: 18px;
    }
    .water1 {
        clip-path: none;
        width: 100%;
        padding: 50px 20px 37px 70px;
    }
    .filterdiv {
        display: block;
    }
    .fil11 {
        position: unset;
        width: 100%;
    }
    .fil12 {
        margin-top: 20px;
        position: unset;
        width: 100%;
    }
    .filter1 {
        width: 100%;
        clip-path: none;
    }
    .filterhead h4 {
        font-size: 23px;
    }
    .filterhead {
        width: 90%;
    }
    .offer {
        width: 94%;
    }
    .filterpara h5 {
        width: 100%;
    }
    .workhead h4 {
        font-size: 18px;
    }
    .supply {
        width: 80%;
    }
    .visionpara {
        padding: 44px 10px 44px 10px;
    }
    .visionpara p {
        margin-left: 0px;
    }
    .wabcopara p {
        font-size: 16px;
    }
    .whosays p {
        width: 100%;
    }
    .centerwater {
        margin-bottom: 3px;
    }
    .testisec {
        clip-path: none;
    }
    .worksec {
    margin-bottom: 50px;
    }
       .wabcotop h1 {
        font-size: 25px;
    }
    .whosays {
             margin-top: 0px;
            margin-bottom: 25px;
    }
}
@media (max-width: 860px) {
    .home-showcase .home-showcaseSlider .showcaseSlider-nav {
        position: relative;
        bottom: 70px;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination {
        bottom: 70px;
    }

    .home-showcase
        .home-showcaseSlider
        .swiper-wrapper
        .swiper-slide
        .swiper-image {
        padding: 2vh 5vw;
    }
    .text-container {
        position: absolute;
        top: 40%;
        max-width: 70%;
    }
    .newblogg {
        margin: 43px 0px;
    }
    .cold2 {
        margin-left: 0px;
        text-align: -webkit-center;
    }
    .flex2 {
        margin-left: 0px;
        text-align: -webkit-center;
    }

    /* solar */
    .solarflex11 p {
        width: 100%;
        text-align: justify;
        font-size: 16px;
    }
    .solarflexdiv1 {
        display: block;
    }
    .solarflex1 p {
        font-size: 16px;
        width: 100%;
    }
    .solarser1 {
        position: unset;
    }
    .solarser2 {
        position: unset;
    }
    .firstslider {
        margin-top: 40px;
    }
    .solarflex11 {
        padding: 30px;
    }
    .solarser1 {
        width: 100%;
    }
    .solarser2 {
        width: 100%;
        margin-top: 20px;
    }
    .solarser3 {
        width: 100%;
    }
    .solarflex2 {
        position: unset;
    }
    .solarflex1 {
        width: 100%;
        clip-path: none;
    }
    .solarflex1 h2 {
        padding-top: 35px;
    }
    .solarflex1 {
        padding: 0px 65px 10px 90px;
    }
    /* oil */
    .oilsolutionhead {
        width: 70%;
    }
    .oilgas h3 {
        font-size: 32px;
    }
    .newregular {
        padding: 0px 0px 20px 30px !important;
    }
    .div3 {
        width: 28%;
    }
    .div2 {
        width: 19%;
    }
    .div1 {
        width: 35%;
    }
    .arrow-right {
        right: 0vmin;
    }
    .ourprohead1 {
        width: 50% !important;
    }
}
@media (max-width: 768px) {
    .abouttitle,
    .abouttitle2 {
        font-size: 18px;
    }

    .aboutpara {
        font-size: 11px;
    }

    .aboutbg {
        padding: 15px;
    }

    .sideservice {
        font-size: 90px;
    }
    .vertical-panel-title {
        letter-spacing: 10px;
    }
    .arrow-left {
        right: 20vmin;
    }
    .cpage h4 {
        margin-left: 13px;
    }
    .bmessage {
        padding: 0px;
    }
    .cmobile {
        padding: 10px 20px 3px 20px;
    }
    .cloaction {
        padding: 10px 20px 3px 20px;
    }
    .bmessage {
        margin-bottom: 30px;
    }
    .clientlogo img {
        width: 100%;
    }
     .mechanical h1 {
        margin-top: 30px;
    }
}
@media (max-width: 760px) {
    .oilservices {
        display: block;
    }
    .oiltech1 {
        width: 100%;
        margin-left: 0px;
    }
    .oilservices2 {
        background: none;
    }
    .oiltech2 {
        width: 100%;
    }
    .oilcordinbation1 p {
        margin-left: 0px;
    }
    .oilsolutiosec {
        margin: 50px 0px 20px 0px;
    }
    .oilsolutionhead {
        width: 90%;
    }
    .oilsolutiondiv {
        display: block;
    }
    .oilsolution1 {
        width: 100%;
    }
    .oilsolution1 {
        clip-path: none;
    }
    .oilsolution2 {
        position: unset;
        background: none;
    }
    .oilsolution2 img {
        padding-top: 0px;

        width: 100%;
    }
    .oilcordinbation {
        padding: 30px 10px 10px 10px;
    }
    .oilcordinbation p {
        width: 100%;
    }
    .oilsolutionhead {
        margin-top: 20px;
    }
    .oilsolutionhead h4 {
        font-size: 14px;
        padding: 10px 10px 10px 15px;
    }
    .esd2 {
        position: unset;
    }
    .esd2 img {
        width: 100%;
    }
    .hse2 {
        position: unset;
    }
    .hse2 img {
        width: 100%;
        padding-top: 40px;
    }
    .hse1 .oilcordinbation p {
        width: 100%;
    }
    .newregular {
        padding: 10px !important;
    }
    .regular h4 {
        width: 94%;
    }
    .regular h4 {
        font-size: 14px;
    }
    .supply {
        width: 100%;
    }
}

@media (max-width: 560px) {
    .blogtop h1 {
        text-align: center;
    }

    .slider-img img {
        display: none;
    }

    .home-showcase {
        position: relative;
    }
    .first1 {
        font-size: 17px;
    }
    .vertri {
        display: none;
    }
    .about-flex {
        flex-direction: column;
    }
    .servicehead h5 {
        line-height: 1;
    }
    .div1,
    .div2,
    .div3 {
        width: 100%;
        margin-bottom: 20px;
    }
    .newcompany {
        top: 77px;
        font-size: 50px;
    }
    .blogtop h1 {
        margin-top: 26%;
    }

    .blogsec {
        padding-top: 0px !important;
    }
    .about .fade-title-left {
        top: 0.98em;
        font-size: 96px;
    }

    .servicesecound {
        padding: 10px;
    }
    .abovertical-panel {
        display: none;
    }
    .servicehead p {
        width: 100%;
    }
    .overviewstart {
        padding-left: 10px;
        padding-bottom: 30px;
    }
    .airodyy1 {
        font-size: 20px;
    }
    .airodyy {
        font-size: 20px;
    }
    .ourprohead {
        width: 70%;
        top: -15px;
    }
    .ourprohead h4 {
        padding: 0px 10px;
        font-size: 16px;
    }
    .sblogcontent h3 {
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: -1px;
        text-align: justify;
    }

    /* solar */

    .shinetechtop h1 {
        font-size: 18px;
        top: 35%;
    }

    .shinetech_section {
        height: 30vh;
    }
    .client_section {
        height: 30vh;
    }
    .sblog_section {
        height: 30vh;
    }
    .airody h1 {
        font-size: 22px;
        top: 37%;
        left: 9%;
    }
    .airbody_section {
        height: 30vh;
    }
    .wabco_section {
        height: 30vh;
    }
    .solarflex1 {
        padding: 20px;
    }
    .otherr {
        padding: 18px 0px;
        font-size: 30px;
    }
    .mechanical p {
        padding: 20px;
        text-align: justify;
    }

    .ourservediv {
        display: block;
    }
    .oursherve2 {
        margin-left: 0px;
    }
    .oursherve1 {
        background: url(/assets/img/shserve1.png);
        background-size: cover;
    }
    .oursherve2 {
        background: url(/assets/img/solar2.png);
        background-size: cover;
    }
    .oilgas {
        margin-top: 0%;
        padding-top: 50%;
    }
    .text-container {
        max-width: 100%;
    }
    .carousel2 {
        height: 163px !important;
        width: 215px !important;
    }

    /* airody */
    .slides-1 .slide img {
        width: 50%;
        height: 50%;
    }
    .slides .slide img {
        width: 50%;
        height: 50%;
    }
    .flex1 ul li {
        font-size: 14px;
    }
    .cordinbation1 p {
        font-size: 14px;
    }
    .solutionhead h4 {
        font-size: 15px;
    }
    /* .arrow-right {
        right: 0vmin;
        bottom: 4vh;
    } */
    .arrow-left {
        right: 40vmin;
    }
    .spec1 {
        text-align: center;
    }
    .div3 p {
        width: 100%;
    }
    .projects {
        padding-top: 10px;
    }
    .sideservice {
        font-size: 66px;
    }

    .ourprohead1 {
        width: 84% !important;
    }
    .ourprohead1 h4 {
        font-size: 16px;
    }
    .wabcohead {
        width: 70%;
    }
    .wabcoheadtop h1 {
        font-size: 20px;
    }
    .wabcotop h1 {
        font-size: 13px;
        left: 30%;
    }
    .newwebco {
        top: 55% !important;
        left: 14% !important;
    }

    /* wabco */
    .treatplant h4 {
        font-size: 16px;
    }
    .treatplant {
        width: 95%;
    }
    .water1 {
        padding: 50px 20px 20px 20px;
    }
    .treatplant h4 {
        padding: 10px 10px 10px 20px;
    }
    .waterpara h5 {
        font-size: 16px;
        line-height: 25px;
        width: 100%;
    }
    .filter1 {
        padding: 50px 10px 37px 10px;
    }
    .filterhead h4 {
        font-size: 19px;
    }
    .filterhead {
        clip-path: polygon(0 0, 99% 0, 90% 100%, 0 100%, 0 100%);
    }
    .filterhead h4 {
        padding: 12px 10px 10px 10px;
    }
    .waterpara p {
        text-align: justify;
    }
    .offer {
        text-align: justify;
    }
    .wabcopara p {
        text-align: justify;
    }
    .workhead h4 {
        font-size: 13px;
        padding: 10px 10px 10px 15px;
    }
    .watertreat {
        padding: 30px 10px 30px 10px;
    }
    .watertreat p {
        font-size: 17px;
        line-height: 28px;
    }
    .reversepara p {
        font-size: 15px;
    }
    .offer {
        width: 100%;
        font-size: 15px !important;
        line-height: 23px !important;
    }
    .filterpara p {
        font-size: 15px;
    }
    .waterrow {
        padding: 10px 0px;
    }
    .brow h3 {
        font-size: 14px;
    }
    .brow h3 img {
        width: 30px;
        height: 30px;
    }
    .clientsec p {
        padding: 10px;
        text-align: justify;
    }
    .clientsec h4 {
        font-size: 30px;
    }
    .whosays p {
        width: 100%;
        text-align: justify;
    }
    .clienttop h1 {
        font-size: 28.2px;
    }
    .clienttop {
        margin-top: 23%;
    }
        .wabcohead h4 {
        padding: 10px 10px 10px 35px;
    }
    .clientsec p {
    font-size: 16px;

}
.newone
{
    display:block !important;
}
}

@media (max-width: 480px) {
    .newabout2 {
        font-size: 17px !important;
    }
    .newabout {
        font-size: 17px !important;
    }
    .service-item {
        gap: 67px;
        margin: 25px 25px;
        display: flex;
    }
    .shinetechimg img {
        width: 300px;
    }

    h2,
    .h2 {
        font-size: 18px;
    }
    .bench {
        font-size: 25px;
    }
    .stright {
        display: none;
    }
    .abouttitle,
    .abouttitle2 {
        font-size: 20px;
        line-height: 28px;
    }

    .aboutpara {
        font-size: 10px;
        line-height: 20px;
    }

    .aboutbg {
        padding: 10px;
    }

    .about-flex .div3 img {
        width: 100%;
    }
    .sideprojects {
        line-height: 0.5px;
        right: -58px;
        font-size: 35px;
    }
    .ourpro h3 {
        font-size: 30px;
    }
    .nav-dots .nav-dot {
        width: 9px;
        height: 9px;
        margin: 0 2px;
    }
}
@media (max-width: 460px) {
    .home-showcase
        .home-showcaseSlider
        .swiper-wrapper
        .swiper-slide
        .swiper-image {
        background-position: unset !important;
    }
    .sblogcontent h3 {
        font-size: 17px;
    }
    .project-zoom {
        left: 60%;
        top: 52%;
        width: 70px;
        height: 70px;
    }
}
@media (max-width: 360px) {
    .abouttitle,
    .abouttitle2 {
        font-size: 18px;
        line-height: 24px;
    }

    .aboutpara {
        font-size: 9px;
        line-height: 18px;
    }

    .aboutbg {
        padding: 5px;
    }
}

/* This service page slider  */

/* minwidth */

@media (min-width: 992px) {
    .home-showcase .home-showcaseSlider {
        display: block;
    }

    .home-showcase
        .home-showcaseSlider
        .swiper-wrapper
        .swiper-slide
        .swiper-image {
        align-items: center;
        justify-content: end;
    }

    .text-container {
        max-width: 75%;
        margin: 0;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0 0 2.5% 5%;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination-bullet {
        width: 1.5vw;
        height: 3px;
        margin: 0 8px !important;
    }

    .home-showcase .home-showcaseSlider .swiper-pagination-bullet-active {
        width: 3vw;
    }

    .home-showcase .home-showcaseSlider .showcaseSlider-nav {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 1;
        padding: 0 7% 2.5% 5%;
    }

    .home-showcase .home-showcaseSlider #macaron {
        width: fit-content;
        width: 8.4vw;
    }

    .home-showcase .scrollSliderButton {
        position: absolute;
        left: 50%;
        bottom: 0;
        z-index: 2;
        display: flex;
        flex-direction: column;
        align-items: center;
        transform: translate(-50%, 40%);
        color: #fff !important;
        text-decoration: none;
        font-size: 0.9vw;
        height: 4.8vw;
        font-family: "CabinetGrotesk-light", sans-serif;
    }

    .home-showcase .scrollSliderButton .line {
        height: 4.8vw;
        width: 2px;
        background: #8c97d0;
        margin-top: 5px;
        animation: scroll-anim 1.6s cubic-bezier(0.62, 0.01, 0.71, 0.47) 0s
            infinite normal forwards;
    }
    .arrow-left {
        top: auto;
        bottom: 2.5vmin;
    }

    .arrow-right {
        right: 58px;
        margin-left: 5em;
        top: 83.5vmin;
        bottom: auto;
        transform: rotate(270deg);
    }
}

/*  */

/* Between Media Queries for Responsiveness */

@media (min-width: 576px) and (max-width: 768px) {
    .text-container h4 {
        max-width: 100%;
        font-size: 21px;
        margin: 10px 0;
        line-height: 30px;
    }
}
/* solar services */
@media (min-width: 1400px) and (max-width: 1970px) {
    .solarflex11 {
        clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%, 0 50%);
    }
    .solarflex1 {
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%, 0 50%);
    }

    .oursherve2 {
        margin-left: -68px;
    }
    .oilsolution1 {
        width: 80%;
        clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%, 0 100%);
    }
    .oilservices1 {
        clip-path: polygon(0 0, 97% 0, 81% 100%, 0% 100%, 0 100%);
        margin-right: -145px;
    }
    .oilservices1 {
        flex: 1 1 90%;
    }
    .esd2 img {
        width: 465px;
    }
    .esd1 {
        width: 83%;
        clip-path: polygon(0 0, 96% 0, 82% 100%, 0% 100%, 0 100%);
    }

    .hse2 img {
        width: 480px;
    }
    .hse1 {
        width: 83%;
        clip-path: polygon(0 0, 96% 0, 83% 100%, 0% 100%, 0 100%);
    }
    .flex1 {
        width: 78%;
        clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%, 0 27%);
    }
    .roomsec {
        margin: 30px 0px 130px 0px;
    }
    .cold1 {
        width: 76%;
        clip-path: polygon(0 0, 100% 0, 91% 100%, 0% 100%, 0 50%);
    }
    .turn2 {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 12% 100%);
    }
    .solution1 {
        width: 80%;
        clip-path: polygon(0 0, 98% 0, 88% 100%, 0% 100%, 0 100%);
    }
    .services1 {
        margin-right: 0px;
    }
    .services1 {
        clip-path: polygon(0 0, 80% 0, 63% 100%, 0% 100%, 0 100%);
        width: 100%;
    }
    .tech11 {
        width: 469px;
    }
    .tech12 {
        width: 624px;
    }
    .cline1 {
        left: 15%;
    }
    .cline2 {
        left: 45%;
    }
    .cline3 {
        right: 40%;
    }
    .cline4 {
        right: 23%;
    }
    .wabcopara p {
        font-size: 18px;
        width: 78%;
    }
    .wabco1 {
        clip-path: polygon(0 0, 92% 0, 81% 100%, 0% 100%, 0 100%);
    }
    .wabcopara p {
        font-size: 23px;
        width: 80%;
    }
    .web11 {
        width: 520px;
    }
    .web12 {
        width: 590px;
    }
    .visionpara p {
        font-size: 23px;
    }
    .visionn1 {
        clip-path: polygon(0 0, 93% 0, 80% 100%, 0% 100%, 0 100%);
    }
    .visionn2 img {
        width: 712px;
    }
    .values2 img {
        width: 670px;
    }
    .values1 {
        clip-path: polygon(0 0, 96% 0, 84% 100%, 0% 100%, 0 100%);
    }
    .valuepara p {
        font-size: 24px;
        width: 71%;
    }
    .visionpara p {
        width: 70%;
    }
    .valuepara h5 {
        font-size: 24px;
    }
    .customspan {
        font-size: 24px;
    }

    .water1 {
        clip-path: polygon(0 0, 82% 0, 67% 100%, 0% 100%, 0 100%);
        width: 90%;
    }
    .waterpara p {
        font-size: 23px;
    }
    .waterpara h5 {
        font-size: 27px;
    }
    .waterdivv {
        padding-left: 27px;
    }
    .waterdivv li {
        font-size: 22px;
    }
    .filter1 {
        clip-path: polygon(0 0, 85% 0, 71% 100%, 0% 100%, 0 100%);
        width: 85%;
    }
    .clienttop {
        margin-top: 25%;
    }
      .newwebco {
        top: 53% !important;
        left: 32% !important;
    }
    .workhead {
     top: 0px; 
}
    .watertreat {

    padding-top: 100px;
}
}
@media (min-width: 1030px) and (max-width: 1330px) {
    .oursherve2 {
        margin-left: -68px;
    }
    .oilgas {
        margin-top: 40%;
    }
}
@media (min-width: 1600px) and (max-width: 1970px) {
    .solarflex11 {
        width: 83%;
    }
    .solarflex1 {
        clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%, 0 50%) !important;
    }
    .oilservices1 {
        clip-path: polygon(0 0, 100% 0, 81% 100%, 0% 100%, 0 100%);
    }
}

@media (min-width: 1020px) and (max-width: 1025px) {
    .prosideinstatic::before {
        left: 12px;
        width: 217px;
    }
}

@media (min-width: 776px) and (max-width: 990px) {
    .mobile_block1 {
        display: block;
    }
    .mobile_none1 {
        display: none;
    }
    .oiltech1 {
        margin-left: 73px;
    }
}
@media (max-width: 755px) {
    .mobile_block1 {
        display: none;
    }
    .mobile_none1 {
        display: block;
    }
    .blogcontent h3 {
        font-size: 18px;
        letter-spacing: 1px;
    }
}
@media (max-width: 990px) {
    .mobile_block {
        display: block;
    }

    .mobile_none {
        display: none;
    }
    .turn2 {
        width: 100%;
    }
    .turn1 {
        margin-right: 0px;
    }
    .servicehead h5 {
        margin-top: 62px;
    }
    /*.tp-splitted.tp-linesplit{*/
    /*    font-size: 16px;*/
    /*}*/

    /*.solarflexdiv1{*/
    /*    flex-flow: column;*/
    /*}*/
}