@media only screen and (min-width: 1800px) and (max-width: 1850px) {
    .main-nav-wrapper .main-nav-js::before {
        right: 0%;
        top: 67%;
    }

    .wpo-hero-static-s14 .hero-right.ress-heoror img {
        width: 90%;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1799px) {

    .service-card h2 {
        font-size: 18px;
    }

    .wpo-hero-slider {
        height: 95vh;
    }

    .service-card {
        height: 100%;
    }

    .wpo-hero-static-s14 .content {
        max-width: 800px;
    }

    .wpo-service-section-s9 .service-card {
        height: 100%;
    }

    .bd-header-top__meta a {
        font-size: 18px;
    }

    .main-nav-wrapper .main-nav-js::before {
        right: 0%;
        font-size: 91px;
        max-width: 850px;
        top: 70%;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 40px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 44px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .wpo-project-section-s5 .container-fulid,
    .projj-pill .container-fulid,
    .core-secc .container-fluid,
    .wpo-service-section-s4 .container-fluid {
        max-width: 1500px;
        margin: 0 auto;
    }

    .projj-pill {
        padding-top: 250px;
    }

    .wpo-project-section-s6 .top-content {
        right: 34%;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 23px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 22px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 30px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 18px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4 {
        font-size: 30px;
    }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    footer .text-center a {
        font-size: 16px;
    }

    .service-card h2 {
        font-size: 15px;
    }

    .service-card {
        height: 100%;
    }

    .project-card-s5 .content span {
        font-size: 17px;
    }

    .project-card-s5 img {
        width: 639px;
        height: 411px;
    }

    .project-card .content h2 a {
        font-size: 21px;
    }

    .wpo-hero-static-s14 .hero-right.ress-heoror img {
        width: 90%;
    }

    .shop-card {
        height: 100%;
    }

    .wpo-hero-static-s14 .content {
        max-width: 700px;
    }

    .wpo-service-section-s9 .service-card h2 {
        font-size: 21px;
    }

    .wpo-service-section-s9 .service-card {
        height: 100%;
    }

    .wpo-hero-slider-s3 .swiper-pagination-fraction {
        display: none;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 30px;
    }

    .wpo-work-section-s2 .item h3 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .wpo-work-section-s2 .item .text p,
    .whychos-para {
        font-size: 18px;
    }

    .project-card-s5 .content h2 a,
    .c-white-why {
        font-size: 25px;
    }

    .main-nav-wrapper .main-nav-js::before {
        right: 5%;
        font-size: 100px;
        max-width: 580px;
        top: 98%;
        height: 880px;
    }

    .wpo-hero-slider,
    .wpo-hero-slider-s3 {
        height: 80vh;
    }

    .bd-hero-area .bd-hero-wrap {
        min-height: 80vh;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 40px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 43px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .wpo-project-section-s5 .container-fulid,
    .projj-pill .container-fulid,
    .core-secc .container-fluid,
    .wpo-hero-slider-s3 .slide-content,
    .wpo-service-section-s4 .container-fluid {
        max-width: 1300px;
        margin: 0 auto;
    }

    .projj-pill {
        padding-top: 250px;
    }

    .wpo-project-section-s6 .top-content {
        right: 34%;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 23px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 21px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 30px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4 {
        font-size: 25px;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .wpo-about-section-s12 .about-right.res-abtrt p {
        margin: auto;
    }

    .info-invrsr {
        font-size: 30px;
    }

    .esg-section {
        background-position: right;
    }

    .service-card h2 {
        font-size: 22px;
        line-height: 1.2;
    }

    .service-card {
        height: 100%;
    }

    .project-card-s5 .content span {
        font-size: 12px;
    }

    .project-card-s5 img {
        width: 639px;
        height: 411px;
    }


    .project-card .content h2 a {
        font-size: 18px;
    }

    .wpo-hero-static-s14 .hero-right.ress-heoror img {
        width: 90%;
    }

    .shop-card {
        height: 100%;
    }

    .wpo-about-section-s6 .content p {
        width: calc(100% - 500px);
    }

    .wpo-service-section-s9 .service-card {
        height: 100%;
    }

    .wpo-hero-static-s14 .content {
        max-width: 500px;
    }

    /*.wpo-contact-pg-section .office-info .office-info-item .office-info-text p {*/
    /*    font-size: 14px;*/
    /*}*/

    .wpo-hero-slider-s3 .swiper-pagination-fraction {
        display: none;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 22px;
    }

    .wpo-work-section-s2 .item h3 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .wpo-work-section-s2 .item .text p,
    .whychos-para {
        font-size: 18px;
    }

    .project-card-s5 .content h2 a,
    .c-white-why {
        font-size: 24px;
    }

    .bd-header-top__meta a {
        font-size: 15px;
    }

    .project-card-s5 .content h2 a {
        font-size: 25px;
    }

    .main-nav-wrapper .main-nav-js::before {
        right: 5%;
        font-size: 100px;
        max-width: 580px;
        top: 80%;
        height: 880px;
    }

    .wpo-hero-slider,
    .wpo-hero-slider-s3 {
        height: 70vh;
    }

    .bd-hero-area .bd-hero-wrap {
        min-height: 75vh;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 36px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .wpo-project-section-s5 .container-fulid,
    .projj-pill .container-fulid,
    .core-secc .container-fluid,
    .wpo-hero-slider-s3 .slide-content,
    .wpo-service-section-s4 .container-fluid {
        max-width: 1100px;
        margin: 0 auto;
    }

    .projj-pill {
        padding-top: 250px;
    }

    .wpo-project-section-s6 .top-content {
        right: 30%;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 23px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 16px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 30px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4 {
        font-size: 25px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    footer .text-center a {
        font-size: 13px;
    }

    footer ul li a {
        font-size: 18px;
    }

    .para-coppy {
        gap: 300px;
    }

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .info-invrsr {
        font-size: 25px;
    }

    .wpo-work-section-s2 .item .text-1 p {
        font-size: 15px;
    }

    .wpo-about-section-s12 .about-right.res-abtrt p {
        margin: auto;
    }

    .esg-section {
        background-position: right;
    }

    .service-card h2 {
        line-height: 20px;
        font-size: 16px;
    }

    .wpo-service-section-s4 .title {
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        gap: 20px;
    }


    .project-card-s5 img {
        width: 437px;
        height: 282px;
    }

    .project-card .content .vill-plott {
        display: none;
    }

    .project-card .content span {
        font-size: 14px;
    }

    .project-card .content h2 a {
        font-size: 20px;
    }

    .project-card .content {
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.6);
    }

    .shop-card .content h2 {
        font-size: 20px;
    }

    .wpo-about-section-s6 .content p {
        width: calc(100% - 500px);
    }

    .wpo-service-section-s9 .service-card {
        height: 100%;
    }

    .wpo-hero-static-s14 .wraper {
        flex-direction: column;
        gap: 30px;
    }

    .wpo-contact-pg-section .office-info .office-info-item {
        height: auto;
    }

    .wpo-hero-slider-s3 .swiper-pagination-fraction {
        display: none;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 22px;
    }

    .wpo-hero-slider-s3 .slide-content .sub-title {
        max-width: 750px;
        position: relative;
        top: 0;
    }

    .wpo-hero-slider-s3 .slide-content {
        width: auto;
        padding-bottom: 20px;
        display: flex;
        gap: 20px;
        flex-direction: column;
    }

    .c-white-why {
        font-size: 17px;
    }

    .bd-header-top__meta a {
        font-size: 15px;
    }

    .main-nav-wrapper .main-nav-js::before {
        top: 110%;
        font-size: 90px;
        right: -2%;
        max-width: 600px;
    }

    .project-card-s5 .content h2 a {
        font-size: 18px;
    }

    .project-card-s5 .content span {
        font-size: 10px;
    }

    .wpo-hero-slider,
    .wpo-hero-slider-s3 {
        height: 60vh;
    }

    .bd-hero-area .bd-hero-wrap {
        min-height: 60vh;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 35px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .wpo-project-section-s5 .container-fulid,
    .projj-pill .container-fulid,
    .core-secc .container-fluid,
    .wpo-hero-slider-s3 .slide-content,
    .wpo-service-section-s4 .container-fluid {
        max-width: 900px;
        margin: 0 auto;
    }

    .projj-pill {
        padding-top: 250px;
    }

    .wpo-project-section-s6 .top-content {
        right: 34%;
        max-width: 320px;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 24px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 14px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4,
    footer .text-center h5 {
        font-size: 25px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    footer .text-center a {
        font-size: 10px;
    }

    footer ul li a {
        font-size: 18px;
    }

    .para-coppy {
        gap: 100px;
    }

    .wpo-service-section-s14 .service-card-s14 .item {
        align-items: center;
    }

    .marg-lidsts,
    .list-ull {
        gap: 15px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .info-invrsr {
        font-size: 30px;
    }

    .service-card h2 {
        font-size: 19px;
    }

    .wpo-about-section-s12 .about-right.res-abtrt p {
        margin: auto;
    }

    .esg-section {
        background-position: right;
    }

    .para-esgg {
        margin: 0;
    }

    .wpo-service-section-s4 .title {
        flex-direction: column;
        text-align: center;
        align-items: flex-start;
        gap: 20px;
    }

    .evey-brea {
        display: none;
    }

    .wpo-service-section-s4 .container-fluid {
        max-width: 720px;
    }

    .service-card {
        margin-bottom: 30px;
    }

    .project-card-s5 img {
        width: 437px;
        height: 282px;
    }

    .project-card .content .vill-plott {
        display: none;
    }

    .project-card .content span {
        font-size: 10px;
    }

    .project-card .content h2 a {
        font-size: 20px;
    }

    .project-card .content {
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.6);
    }


    .shop-card {
        margin-bottom: 30px;
    }

    .theme-btn.faq-btnn {
        margin-top: 0;
    }

    .wpo-about-section-s6 .content p {
        width: 100%;
        margin-top: 30px;
    }

    .wpo-hero-static-s14 .wraper {
        gap: 30px;
    }

    .wpo-service-section-s9 .service-card {
        height: 100%;
    }

    .wpo-contact-pg-section .office-info .office-info-item {
        height: auto;
    }

    .wpo-hero-slider-s3 .slide-content p {
        font-size: 15px;
        text-align: center;
    }

    .wpo-hero-slider-s3 .swiper-pagination-fraction {
        display: none;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 20px;
    }

    .wpo-hero-slider-s3 .slide-content .sub-title {
        max-width: 750px;
        position: relative;
        top: 0;
    }

    .wpo-hero-slider-s3 .slide-content {
        width: auto;
        padding-bottom: 0px;
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .top-res img {
        display: none;
    }

    .wpo-project-section-s14 .project-content .item .imgWrap,
    .wpo-project-section-s14 .project-content .item:nth-child(even) .content,
    .wpo-project-section-s14 .project-content .item .content {
        border-left: none;
        border-right: none;
    }

    .wpo-project-section-s14 .project-content .item:first-child {
        border-top: none;
    }

    .wpo-project-section-s14 .project-content .item {
        border-bottom: none;
    }

    .res-rder-bot {
        border-bottom: 0 !important;
    }

    .marg-imgss {
        margin-top: 50px;
    }

    .wpo-hero-slider,
    .wpo-hero-slider-s3 {
        height: 45vh;
        display: block;
    }

    .bd-hero-area .bd-hero-wrap {
        min-height: 45vh;
    }

    .project-card-s5 .content h2 a {
        font-size: 17px;
    }

    .project-card-s5 .content span {
        font-size: 7px;
    }

    .main-nav-wrapper .main-nav-js .sidebar-menu-area>ul>li a {
        font-size: 40px;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 37px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .projj-pill {
        padding: 120px 20px;
        margin: 0;
    }

    .projj-pill .container-fulid {
        margin-top: 0;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 22px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4,
    footer .text-center h5 {
        font-size: 25px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    footer .text-center a,
    footer .mb-0 p {
        font-size: 14px;
    }

    footer ul li a {
        font-size: 13px;
    }

    .para-coppy {
        gap: 50px;
    }

    .wpo-service-section-s14 .service-card-s14 .item {
        align-items: center;
    }

    .marg-lidsts,
    .list-ull {
        gap: 15px;
    }

}

@media only screen and (min-width: 577px) and (max-width: 767px) {

    .wpo-service-section-s4 .container-fluid {
        max-width: 540px;
    }

    .wpo-hero-static-s14 .wraper {
        gap: 30px;
    }

    .wpo-contact-pg-section .wpo-contact-title h2 {
        font-size: 35px;
    }

    .project-card-s9 .content h2 {
        font-size: 25px;
    }

    .wpo-hero-slider-s3 .slide-content p {
        font-size: 15px;
        text-align: center;
        padding-bottom: 10px;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 18px;
    }

    .wpo-hero-slider-s3 .slide-content .sub-title {
        max-width: 750px;
        position: relative;
        top: 0;
    }

    .wpo-hero-slider-s3 .slide-content {
        width: auto;
        padding-bottom: 0px;
        display: flex;
        gap: 10px;
        flex-direction: column;
        align-items: center;
    }

    .wpo-hero-slider-s3 {
        height: 50vh;
        display: block;
    }

    .wpo-hero-slider {
        height: 30vh;
        display: block;
    }

    .bd-hero-area .bd-hero-wrap {
        min-height: 30vh;
    }

    .ndr-logoims {
        width: 70px;
    }

    .project-card-s5 .content h2 a {
        font-size: 18px;
    }

    .project-card-s5 .content span {
        font-size: 14px;
    }

    .main-nav-wrapper .main-nav-js .sidebar-menu-area>ul>li a {
        font-size: 40px;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2,
    .wpo-blog-pg-section .post h3,
    .wpo-service-section-s4 .title h2,
    .locat-invrsr {
        font-size: 35px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .projj-pill .container-fulid {
        margin-top: 0;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 25px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 25px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    .wpo-testimonial-section-s6 .item h3,
    .wpo-testimonial-section-s6 .item h4,
    footer .text-center h5 {
        font-size: 25px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    .para-coppy {
        gap: 50px;
    }

    .wpo-service-section-s14 .service-card-s14 .item {
        align-items: center;
    }

    .marg-lidsts,
    .list-ull {
        gap: 15px;
    }

    hr:not([size]) {
        height: 0;
    }

    footer .gap-1 hr {
        border-top: none;
    }

    .numb-foote,
    footer ul {
        flex-direction: column;
        gap: 15px;
    }

    .foot-fdirec {
        gap: 1.5rem;
    }

    footer .px-0 {
        gap: 15px;
    }

    .padd-footro,
    .res-resout {
        padding-top: 2rem;
    }

    footer a img {
        padding: 0;
    }

    footer .m-0 {
        border-left: none;
        border-right: none;
        padding-top: 2rem;
    }

    .para-coppy {
        display: flex;
        gap: 10px;
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (min-width: 398px) and (max-width: 576px) {

    .service-card h2{
        font-size: 20px;
    }

    .info-invrsr {
        font-size: 30px;
        line-height: normal;
    }

    .esg-tabs .tab {
        font-size: 19px;
    }

    .desk-bannsws {
        display: none;
    }

    .mobb-banna {
        display: block;
    }

    .project-card .content .vill-plott {
        display: none;
    }

    .project-card .content span {
        font-size: 10px;
    }

    .project-card .content h2 a {
        font-size: 20px;
        line-height: normal;
    }

    .project-card .content {
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.6);
    }

    .wpo-hero-static-s14 .wraper {
        gap: 30px;
    }

    .wpo-contact-pg-section .office-info .office-info-item .office-info-text h2 {
        font-size: 25px;
    }

    .wpo-contact-pg-section .wpo-contact-title h2 {
        font-size: 35px;
    }

    .bd-breadcrumb__title {
        font-size: 28px;
    }

    .wpo-hero-slider-s3 .slide-content {
        align-items: center;
    }

    .wpo-hero-slider-s3 .slide-content p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 10px;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 24px;
        text-align: center;
    }

    .wpo-hero-slider-s3 {
        height: 85vh;
        display: block;
    }

    .subbb-heada {
        font-size: 25px;
    }

    /* .wpo-hero-slider {
        height: 24vh;
        display: block;
    } */

    .bd-hero-area .bd-hero-wrap {
        min-height: 24vh;
    }

    .ndr-logoims {
        width: 70px;
    }

    .project-card-s5 .content h2 a {
        font-size: 18px;
    }

    .project-card-s5 .content span {
        font-size: 15px;
        display: none;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-about-section-s6 .content .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2 {
        font-size: 32px;
    }

    .wpo-blog-pg-section .post h3,
    .locat-invrsr {
        font-size: 24px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .projj-pill .container-fulid {
        margin-top: 0;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 22px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 22px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    footer .text-center h5 {
        font-size: 25px;
    }

    footer .text-center a,
    footer ul li a,
    footer .mb-0 p {
        font-size: 13px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    .para-coppy {
        gap: 50px;
    }

    .wpo-service-section-s14 .service-card-s14 .item {
        align-items: center;
    }

    .marg-lidsts,
    .list-ull {
        gap: 15px;
    }

    hr:not([size]) {
        height: 0;
    }

    footer .gap-1 hr {
        border-top: none;
    }

    .numb-foote,
    footer ul {
        flex-direction: column;
        gap: 15px;
    }

    .foot-fdirec {
        gap: 1.5rem;
    }

    footer .px-0 {
        gap: 15px;
    }

    .padd-footro,
    .res-resout {
        padding-top: 2rem;
    }

    footer a img {
        padding: 0;
    }

    footer .m-0 {
        border-left: none;
        border-right: none;
        padding-top: 2rem;
    }

    .para-coppy {
        display: flex;
        gap: 10px;
        flex-direction: column;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {

    .wpo-work-section-s2 .item .text-1 p,
    .text-infoo p {
        font-size: 17px;
    }

    .wpo-about-section-s12 .about-right.res-abtrt p {
        margin: auto;
        text-align: start;
    }

    .wpo-about-section-s12 .about-right.res-abtrt {
        align-items: flex-start;
    }

    .para-esgg {
        margin: 0;
    }

    .wpo-service-section-s4 .title h2 {
        text-align: center;
    }

    .wpo-service-section-s4 .container-fluid {
        padding: 0 15px !important;
    }

    .evey-brea {
        display: none;
    }

    .wpo-service-section-s4 .title {
        flex-direction: column;
        text-align: center;
        align-items: center;
        gap: 20px;
    }

    .service-card {
        margin-bottom: 30px;
    }

    .project-card-s5 img {
        width: auto;
        height: auto;
    }


    .wpo-service-section-s9 .service-card {
        height: auto;
    }

    .bd-header.transparent-header {
        background-color: #073739;
    }

    .wpo-hero-slider {
        margin-top: 99px;
    }

    .scroll-btn,
    .wpo-hero-slider .swiper-pagination-fraction {
        display: none;
    }

    .shop-card {
        margin-bottom: 30px;
    }

    .theme-btn.faq-btnn {
        margin-top: 0;
    }

    .wpo-about-section-s6 .content p {
        width: 100%;
        margin-top: 30px;
    }

    .wpo-checkout-area .billing-adress {
        padding: 20px;
    }

    .wpo-contact-pg-section .office-info .office-info-item {
        height: auto;
    }

    .csrr-stu {
        font-size: 17px;
    }

    .project-card-s9 .content p {
        font-size: 16px;
    }

    .wpo-hero-slider-s3 .swiper-pagination-fraction {
        display: none;
    }

    .res-corepadd {
        padding: 0 !important;
    }

    .why-heads {
        margin-bottom: 30px;
    }

    .top-res img {
        display: none;
    }

    .wpo-project-section-s14 .project-content .item .imgWrap,
    .wpo-project-section-s14 .project-content .item:nth-child(even) .content,
    .wpo-project-section-s14 .project-content .item .content {
        border-left: none;
        border-right: none;
    }

    .wpo-project-section-s14 .project-content .item:first-child {
        border-top: none;
    }

    .wpo-project-section-s14 .project-content .item {
        border-bottom: none;
    }

    .res-rder-bot {
        border-bottom: 0 !important;
    }

    .marg-imgss {
        margin-top: 50px;
    }

    .project-allBtn.proj-resmm {
        margin-bottom: 50px;
    }

    .project-card-s5 {
        margin-bottom: 0;
    }

    .res-padd {
        padding: 80px 0;
    }

    .csr-ptt {
        padding-top: 80px;
    }

    .csr-pbb {
        padding-bottom: 80px;
    }

    .wpo-testimonial-section-s6 .testimonial-wrap {
        padding: 80px 0px;
    }

    .projj-pill {
        padding: 80px 20px;
        margin: 0;
    }
}

@media only screen and (max-width: 397px) {

    .info-invrsr {
        font-size: 25px;
        line-height: normal;
    }


    .esg-tabs .tab {
        font-size: 15px;
    }

    .desk-bannsws {
        display: none;
    }

    .mobb-banna {
        display: block;
    }

    .service-card h2,
    .wpo-service-section-s9 .service-card h2 {
        font-size: 16px;
    }

    .project-card .content .vill-plott {
        display: none;
    }

    .project-card .content span {
        font-size: 9px;
    }

    .project-card .content h2 a {
        font-size: 20px;
        line-height: normal;
    }

    .project-card .content {
        padding: 10px 20px;
        background: rgba(0, 0, 0, 0.6);
    }

    .wpo-hero-static-s14 .wraper {
        gap: 30px;
    }

    .wpo-contact-pg-section .office-info .office-info-item .office-info-text h2 {
        font-size: 25px;
    }

    /*.wpo-contact-pg-section .office-info .office-info-item .office-info-text p {*/
    /*    font-size: 16px;*/
    /*}*/

    .wpo-contact-pg-section .wpo-contact-title h2 {
        font-size: 30px;
    }

    .project-card-s9 .content h2 {
        font-size: 23px;
    }

    .wpo-hero-slider-s3 .slide-content {
        align-items: center;
    }

    .wpo-hero-slider-s3 .slide-content p {
        font-size: 18px;
        text-align: center;
        padding-bottom: 10px;
    }

    .wpo-hero-slider-s3 .slide-content h2 {
        font-size: 20px;
        text-align: center;
    }

    .wpo-hero-slider-s3 {
        height: 100vh;
        display: block;
    }

    .bd-breadcrumb__title {
        font-size: 25px;
    }

    .subbb-heada {
        font-size: 25px;
    }

    /* .wpo-hero-slider {
        height: 24vh;
        display: block;
    } */

    .bd-hero-area .bd-hero-wrap {
        min-height: 24vh;
    }

    .subbb-heada {
        font-size: 23px;
    }

    .res-corepadd {
        padding: 0 !important;
    }

    .why-heads {
        margin-bottom: 30px;
    }

    .main-nav-wrapper .main-nav-js .sidebar-menu-area>ul>li a {
        font-size: 25px;
    }

    /* .wpo-hero-slider {
        height: 20vh;
        display: block;
    } */

    .bd-hero-area .bd-hero-wrap {
        min-height: 24vh;
    }

    .ndr-logoims {
        width: 70px;
    }

    .project-card-s5 .content h2 a {
        font-size: 15px;
    }

    .project-card-s5 .content span {
        font-size: 12px;
        display: none;
    }

    .wpo-about-section-s13 .about-mid {
        padding: 0 20px;
    }

    .wpo-about-section-s13 .about-mid h3,
    .wpo-project-section-s14 .project-content .item .content h2,
    .why-heads,
    .head-projj,
    .head-tagss,
    .wpo-service-section-s14 .service-left .title h2,
    .wpo-about-section-s15 .about-right .content h2,
    .wpo-consultaForm-section-s2 .contact h2,
    .wpo-about-section-s12 .about-right h3,
    .wpo-project-section-s14 .title h2,
    .wpo-hero-static-s14 .content h2,
    .wpo-service-section-s9 .title h2,
    .wpo-faq-section .title .content h2,
    .wpo-product-section .title h2,
    .wpo-product-section-s2 .title h2 {
        font-size: 30px;
    }

    .wpo-blog-pg-section .post h3,
    .locat-invrsr {
        font-size: 20px;
    }

    .wpo-about-section-s6 .content .title h2 {
        font-size: 29px;
    }

    .wpo-about-section-s13 .about-right .about-funfact {
        justify-content: center;
    }

    .projj-pill .container-fulid {
        margin-top: 0;
    }

    .project-card-s6 .content span {
        font-size: 16px;
    }

    .project-card-s6 .content h2 {
        font-size: 17px;
    }

    .wpo-service-section-s14 .service-card-s14 .content h2 {
        font-size: 17px;
    }

    .wpo-service-section-s14 .service-card-s14 {
        padding: 20px;
    }

    .wpo-service-section-s14 .service-card-s14 .content p {
        font-size: 17px;
    }

    footer .text-center h5 {
        font-size: 25px;
    }

    footer .text-center a,
    footer ul li a {
        font-size: 16px;
    }

    footer .mb-0 p {
        font-size: 13px;
    }

    .wpo-about-section-s13 .about-right .about-funfact h4,
    .wpo-about-section-s13 .about-mid .fanfuct .item h5 {
        font-size: 18px;
    }

    .para-coppy {
        gap: 50px;
    }

    .wpo-service-section-s14 .service-card-s14 .item {
        align-items: center;
    }

    .marg-lidsts,
    .list-ull {
        gap: 15px;
    }

    hr:not([size]) {
        height: 0;
    }

    footer .gap-1 hr {
        border-top: none;
    }

    .numb-foote,
    footer ul {
        flex-direction: column;
        gap: 15px;
    }

    .foot-fdirec {
        gap: 1.5rem;
    }

    footer .px-0 {
        gap: 15px;
    }

    .padd-footro,
    .res-resout {
        padding-top: 2rem;
    }

    footer a img {
        padding: 0;
    }

    footer .m-0 {
        border-left: none;
        border-right: none;
        padding-top: 2rem;
    }

    .para-coppy {
        display: flex;
        gap: 10px;
        flex-direction: column;
        text-align: center;
    }

    .esg-title {
        font-size: 20px;
    }
}