@media (max-width:768px) {
    .znrg-banner-content h1 {
        font-size: 34px;
    }
    .znrg-banner-content p {
        font-size: 17px !important;
    }
    section.curved-sec, section.curved-sec-about {
        border-radius: 26%;
    }
    .about-znrg-content h2, .about-znrg-content-res h2, .screen-installer h2, .cover-serve h2, .let-works h2, .znrg-faq-content h2, .map-list h2, .about-znrg-content-page h2, .our-vision-mission-head h2 {
        font-size: 32px;
    }
    .heading-layout2 .heading__title {
        font-size: 30px;
    }
    p {
        text-align: justify;
    }
    .img-block img {
        width: 100%;
    }
    section.curved-sec, section.curved-sec-about {
        height: 74px;
    }
    .about-znrg-content img, .about-znrg-content-res img, .installer-img {
        width: 42px;
    }
    .about-znrg-content p, .serv-cont p, .about-znrg-content-page p {
        font-size: 16px !important;
    }
    .about-bullet i {
        padding: 7px 7px;
        font-size: 10px !important;
    }
    .headpro-none {
        background: none !important;
    }
    .ins-icon img {
        width: 32px;
        margin-bottom: 8px;
    }
    .installer-box {
        top: 14%;
    }
    .installer {
        margin-bottom: 20px;
    }
    .cover-serve span.fw700.text-dark1.fs-5 {
        font-size: 17px !important;
    }
    .service-main-box {
        margin: 0 0px;
    }
    .footer-content1 {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .footer-content1 a {
        margin-bottom:12px;
    }
    img.installer-img1 {
        position: absolute;
        top: -34px;
        left: 4%;
    }
    .for-mob-show {
        height: 380px;
        margin-top: 30px !important;
    }
    .inner-grade-cta {
        width: auto;
        top: 12%;
        left: 5%;
    }
    .map-list .check-widthop {
        width: auto;
    }
    .marker svg {
        width: 44px;
    }
    div#dot_1 {
        position: absolute;
        top: 5%;
        left: 61%;
    }
    .circle-base .pulse {
        height: 1.5px;
        width: 1.5px;
        margin: 82.8px 0px 0px 20.42px;
    }
    .circle-base .pulse:after {
        height: 40px;
        width: 40px;
    }
    .pulse:after {
        content: "";
        top: 6px;
        left: 12px;
    }
    div#dot_2 {
        position: absolute;
        top: 18%;
        left: 40%;
    }
    div#dot_3 {
        position: absolute;
        top: -2%;
        right: 35%;
    }
    .john-img img {
        width: 170px;
        margin-right: 8px;
    }
    .john-con h4 {
        font-size: 14px !important;
    }
    .john-con span {
        font-size: 14px !important;
    }
    .dot-3 .hvr {
        width: 190px;
        left: -200%;
    }
    .dot-3 .hvr:after {
        left: 105%;
        top: 28%;
        transform: rotate(270deg);
    }
    .dot-1 .hvr {
        bottom: -235%;
        left: -400% !important;
    }
    .dot-1 .hvr:after {
        bottom: auto;
        top: -9%;
        left: 52%;
        transform: rotate(180deg);
    }
    .dot.dot-1.active .hvr {
        opacity: 1;
        left: -430% !important;
    }
    .dot.dot-2.active .hvr {
        opacity: 1;
        left: -100% !important;
    }
    .dot-2 .hvr:after {
        left: 64px;
    }
    .dot.dot-3 .hvr {
        left: -520% !important;
        bottom: -120%;
    }
    .dot.dot-3.active .hvr {
        left: -436% !important;
    }
    .dot-2 .hvr {
        bottom: -245%;
        left: -55%;
    }
    /* About Page */
    img.installer-imgch, img.installer-imgbene {
        position: absolute;
        top: -38px;
        left: 12%;
    }
    .installer-imgch, .installer-imgbene {
        width: 46px;
    }
    .znrg-about-banner-content h1 {
        font-size: 48px;
    }
    section.curved-sec-about {
        margin-top: -28px;
    }
    .mission-box-content p {
        font-size: 17px !important;
    }
    .black-con-abs {
        display: none;
    }
    /* services */
    .service11 .mission-box-content {
        width: 310px;
        left: 2%;
        top: 12%;
    }
    .service11 .mission-box-content p {
        font-size: 15px !important;
    }
    .electricity-box {
        flex-direction: column;
        text-align: justify;
    }
    .head-elect2 {
        border-top: solid 1px #1E2447;
        border-left: none;
    }
    .head-elect1 {
        padding: 15px 0;
    }
}
@media (max-width:991px) {
    .navbar-toggler:focus {
        box-shadow: none !important;
    }
    .navbar-collapse {
        position: absolute;
        top: 60px;
        left: -200px;
        box-shadow: 1px 1px 10px #00000070;
        padding: 15px;
        border-radius: 7px;
        background-color: #fff;
        z-index: 999;
        width: 280px;
    }
    button.navbar-toggler {
        border: none !important;
    }
    .check-single-data p {
        font-size: 17px !important;
    }
    .inner-blog-con p {
        font-size: 14px;
    }
    .box-step p {
        font-size: 16px !important;
    }
}
@media (min-width:768px) and (max-width:991px) {
    img.installer-img1 {
        position: absolute;
        top: -16px;
        left: 16%;
    }
    .about-znrg-content p, .serv-cont p, .about-znrg-content-page p, .mission-box-content p {
        font-size: 16px !important;
    }
    
    .about-znrg-content h2, .screen-installer h2, .cover-serve h2, .let-works h2, .znrg-faq-content h2, .map-list h2, .about-znrg-content-page h2, .about-znrg-content-res h2, .our-vision-mission-head h2 {
        font-size: 34px;
    }
    .about-znrg-content img, .installer-img, .about-znrg-content-page img, .about-znrg-content-res img {
        width: 34px;
    }
    .mission-box-content.position-absolute {
        top: 4%;
        padding: 18px;
    }
    .resi-component-box p {
        font-size: 15px;
    }
    .compo-img img {
        width: 26px;
        margin-bottom: 12px;
    }
    .resi-component-box {
        padding: 16px 12px;
        height: 430px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .service11 .mission-box-content {
        width: 260px;
        left: 2%;
        padding: 24px 12px 0 !important;
    }
    .service11 .mission-box-content p {
        font-size: 14px !important;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .resi-component-box {
        height: 420px;
    }
}
@media (min-width: 1200px) {
    .banner-layout5 {
        padding-bottom: 190px;
    }
    .banner-layout5 .img-block {
        position: absolute;
        right: 0;
        z-index: 1;
        top: 0;
        width: 175%;
    }
    .banner-layout5 .text-block {
        padding: 0 70px 70px 70px;
    }
    .banner-layout5 .text-block p {
        font-size: 16px;
    }
    .banner-layout5 .text-block .banner__text:before {
        left: -70px;
    }
}
@media (max-width:480px){
    .installer-box p {
        font-size: 14px !important;
    }
}
@media (min-width:481px) and (max-width:768px){
    .installer-box p {
        font-size: 16px !important;
    }
}