
@media screen and (max-width: 1399px) {}

@media screen and (max-width: 1299px) {
    html{
        font-size: 80%;
    }
}

@media screen and (max-width: 1199px) {
    .container{
        max-width: 95%;
        width: 100%;
        margin: 0 auto;
    }
    section.home-sec5 .review-cart {
        padding: 1.6rem;
    }
    section.reviews-sec1 .review-cart{
        padding: 1.6rem;
    }
    section.residential-electrical-sec2 .orange-box .text-wraper h2 {
        margin-bottom: 1.38rem;
        font-size: 2.075rem;
    }
    section.residential-electrical-sec2 .orange-box .text-wraper ul li {
        margin-bottom: 0.8rem;
    }
    section.gallery-sec1 .row {
        gap: 1.6rem 0;
    }
}

@media screen and (max-width: 1024px) {}

/* nav ber css start */
@media screen and (max-width: 991px) {
  .slim-container a.slimNav_sk78-reveal span {
    background: #e3711b;
    margin: 0;
    width: 2.6rem;
    height: 0.1875rem;
  }
  .slim-container a.slimNav_sk78-reveal span + span {
    width: 2.2rem;
  }
  .slim-container a.slimNav_sk78-reveal span + span + span {
    width: 1.8rem;
  }
  .slim-container .slim-bar {
    background: transparent;
    padding: 0;
  }
  .slim-container a.slimNav_sk78-reveal {
    width: 3.3rem;
    height: 3rem;
    padding: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.52rem;
    z-index: 99;
    align-items: flex-end;
    top: 0.8rem;
    right: 0.5rem !important;
    color: #e3711b;
    border-radius: 6.25rem;
    border: transparent;
    background-color: transparent;
    font-size: 2.15rem !important;
  }
  .slim-container .slim-nav {
    background: #e3711b;
    margin-top: 5.5815rem;
  }
  .slim-container .slim-nav::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #ffffff;
    background-color: #F5F5F5;
    border-radius: 10px;
  }
  .slim-container .slim-nav::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
    border-radius: 10px;
  }
  .slim-container .slim-nav::-webkit-scrollbar-thumb {
    background-color: #e3711b;
    border: 2px solid #fff;
    border-radius: 10px;
  }
  .slim-container .slim-nav ul {
    flex-direction: column;
    gap: 0 !important;
  }
  .slim-container .slim-nav ul li a {
    width: 100%;
    padding: 1.3rem 1.25rem !important;
    color: #fff !important;
    text-transform: capitalize;
    box-sizing: border-box;
    border: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7333333333) !important;
  }
  .slim-container .slim-nav ul li.slim-last a {
    border: none !important;
  }
  .slim-container .slim-nav ul li a:hover {
    background: transparent;
  }
  .slim-container .slim-nav ul {
    flex-direction: column;
    gap: 0 !important;
  }
  .slim-container .slim-nav ul li a.slim-expand {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #e3711b;
    margin: 0;
    width: 3.65rem;
    height: 3.65rem;
  }
  .slim-container .slim-nav ul li a.slim-expand:hover {
    background: #e3711b;
  }
  .slim-container .slim-nav ul li li a {
    width: 100%;
    opacity: 1;
  }
  .offer-sec2 .creative-design {
    transform: scale(1);
  }
}
/* nav ber css end */

@media screen and (max-width: 991px) {
    h2 {
        font-size: 2.15rem;
    }
    section.home-banner .banner-contemt-wraper {
        padding-bottom: 3.5rem;
    }
    section.home-banner img.bg-img {
        height: 30rem;
    }
    section.home-sec2 {
        padding-top: 3.5rem;
    }
    section.home-banner img.pabs-img {
        width: 10rem;
        height: 12rem;
        top: 3rem;
    }
    section.home-sec2 img.left-img {
        height: 100%;
    }
    section.home-sec2 img.pabs-img {
        width: 5rem;
        height: 13rem;
        object-fit: contain;
        top: -5.8rem;
    }
    section.home-sec3 {
        padding-top: 3.5rem;
    }
    section.home-sec3 ul li h5 {
        font-size: 2.4rem;
        margin-bottom: 0.98rem;
    }
    section.home-sec4 {
        padding: 3.5rem 0;
    }
    section.home-sec4 .services-overview-box .text-wraper p {
        bottom: 0;
    }
    section.home-sec4 .services-overview-box img.main-img {
        height: 15rem;
    }
    section.home-sec4 .services-overview-box img.main-img.extra-hight {
        height: 32rem;
    }
    section.home-sec4 .services-overview-box::after {
        opacity: 1;
    }
    section.home-sec5 {
        padding: 3.5rem 0;
    }
    section.home-sec6 {
        padding-top: 3.5rem;
    }
    section.home-sec7 {
        padding: 3.5rem 0;
    }
    section.home-sec8 {
        padding: 3.5rem 0 2.69rem;
    }
    section.home-sec8 .flex-box {
        gap: 1.2rem;
    }
    footer {
        padding: 3.5rem 0 1.24706rem;
    }
    footer .footer-top-content-wraper .left-side-content {
        max-width: 24rem;
    }
    footer .footer-top-content-wraper .right-side-content {
        grid-template-columns: 8rem 12rem 8rem;
        gap: 2.2rem;
    }
    div#navigation {
        position: absolute;
        width: 100%;
        top: 0;
        right: 0;
    }
    header .header-content-wraper{
        padding-right: 5rem;
    }
    header .header-content-wraper .logo-wraper {
        position: relative;
        z-index: 999999999999999;
    }
    header .header-content-wraper .right-content-wraper a.orange-btn {
        position: relative;
        z-index: 999999999999999;
    }
    section.about-sec2 {
    padding-top: 3.5rem;
}
section.about-sec2 img.left-img {
    height: 100%;
}
section.about-sec2 .col-lg-6:nth-child(2) {
    padding-left: 1.2rem;
}
section.about-sec2 h4 {
    margin: 1.2rem 0 0.6rem;
}
section.about-sec4 {
    padding-top: 3.5rem;
}
section.about-sec4 .content-wraper {
    padding: 3.5rem 0;
}
section.about-sec5 {
    padding: 3.5rem 0;
}
section.about-sec5 .different-cart h4 {
    max-width: 100%;
    margin-bottom: 0.6rem;
    margin-top: 1.2rem;
}
section.inner-banner .inner-content-wraper {
    padding-bottom: 3rem;
}
section.inner-banner .inner-content-wraper h1 {
    font-size: 2.6rem;
    margin-bottom: 0.4rem;
}
section.inner-banner img.inner-bg {
    height: 20rem;
}
section.inner-banner img.pabs-img {
    width: 8rem;
    height: 9rem;
    top: 3rem;
}
section.about-sec4 .content-wraper img.right-img {
    height: 20rem;
}
section.home-sec7 .marquee .marquee-inner figure {
    width: 18rem;
    height: 14rem;
}
section.residential-electrical-sec1 {
    padding-top: 3.5rem;
}
section.residential-electrical-sec2 {
    padding-top: 3.5rem;
}
section.residential-electrical-sec1 h5 {
    margin: 1.37rem 0 0.8rem;
}
section.residential-electrical-sec1 img.right-img {
    height: 100%;
}
section.residential-electrical-sec2 .orange-box .img-wraper img {
    width: 100%;
    height: 25rem;
}
section.residential-electrical-sec2 .orange-box .img-wraper {
    max-width: 100%;
    width: 100%;
}
section.residential-electrical-sec2 .orange-box .text-wraper {
    max-width: 100%;
    width: 100%;
}
section.residential-electrical-sec2 .orange-box {
    gap: 1.5rem;
    flex-direction: column;
    padding: 1.5rem;
}
section.residential-electrical-sec2 .orange-box .text-wraper ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 0.5rem;
}
section.suburbs-sec1 {
    padding-top: 3.5rem;
}
section.suburbs-sec1 .orange-box ul {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.1rem 1.25rem;
}
section.suburbs-sec1 .orange-box ul li {
    font-size: 1.05rem;
}
section.suburbs-sec1 .orange-box ul li br{
    display: none;
}
section.suburbs-sec3 {
    padding: 3.5rem 0 0 !important;
}
section.reviews-sec1 {
    padding-top: 3.5rem;
}
section.reviews-sec1 .row {
    gap: 1.4rem 0;
}
section.gallery-sec1 figure {
    height: 18rem;
}
section.gallery-sec1 {
    padding-top: 3.5rem;
}
section.contact-sec1 {
    padding: 3.5rem 0 !important;
}
section.contact-sec2 .map-wraper {
    height: 25rem;
}
section.home-sec2 .col-lg-6:nth-child(2) {
    padding-left: 1.2rem;
}
}

@media screen and (max-width: 767px) {
    .orange-btn, .white-btn, .whit-border-btn, .orange-border-btn {
        font-size: 0.8rem;
        padding: 0.556rem 0.8rem;
    }
    .container{
        max-width: 98%;
    }
.white-btn img , .whit-border-btn img {
    width: 0.775rem;
    height: 0.775rem;
}
h2{
    font-size: 1.7rem;
    text-align: center;
}
p{
    text-align: center;
    line-height: 1.48rem;
}
section.home-banner .banner-contemt-wraper h1 {
    font-size: 1.8rem;
    line-height: 2.3rem;
    text-align: center;
}
section.home-banner .banner-contemt-wraper p {
    max-width: 100%;
}
section.home-banner .banner-contemt-wraper .btn-wraper {
    justify-content: center;
}
section.home-banner .banner-contemt-wraper {
    padding-bottom: 2.2rem;
}
section.home-banner img.bg-img {
    height: 20rem;
}
section.home-banner img.pabs-img {
    width: 5rem;
    height: 6rem;
    top: 1rem;
}
section.home-sec2 {
    padding-top: 2.2rem;
}
section.home-sec2 h2 {
    margin-bottom: 0.8rem;
    margin-top: 1.4rem;
}
section.home-sec2 p {
    max-width: 100%;
    margin-bottom: 1rem;
}
section.home-sec2 a.orange-border-btn {
    margin: 0 auto;
    display: table;
}
section.home-sec3 ul {
    grid-template-columns: 1fr 1fr;
   gap: 1.7rem 0.8rem;
}
section.home-sec3 ul li h5 {
    font-size: 1.8rem;
    margin-bottom: 0.58rem;
    text-align: center;
}
section.home-sec3 ul li strong {
    margin-bottom: 0.4rem;
    text-align: center;
}
section.home-sec3 ul li p {
    max-width: 100%;
    line-height: 1.4rem;
}
section.home-sec3 {
    padding-top: 2.2rem;
}
section.home-sec4 {
    padding: 2.2rem 0;
}
section.home-sec4 .services-overview-box img.main-img.extra-hight {
    height: 20rem;
}
section.home-sec4 .row {
    gap: 1.2rem 0;
}
section.home-sec4 .services-overview-box img.main-img {
    height: 12rem;
}
section.home-sec4 .services-overview-box .text-wraper {
    padding: 1.2rem;
}
section.home-sec4 .services-overview-box .text-wraper h4 {
    font-size: 1.2rem;
}
section.home-sec5 {
    padding: 2.2rem 0;
}
section.home-sec5 .review-cart {
    padding: 1.2rem;
}
section.home-sec6 .full-wraper .content-wraper h2 {
    color: #fff;
    margin-bottom: 0.8rem;
}
section.home-sec6 .full-wraper .content-wraper h6 {
    font-size: 1.2rem;
    margin-bottom: 0.8rem;
    text-align: center;
}
section.home-sec6 .full-wraper .content-wraper p {
    margin-bottom: 1.4rem;
}
section.home-sec6 .full-wraper .content-wraper a.whit-border-btn  {
    margin: 0 auto;
    display: flex;
    max-width: max-content;
}
section.home-sec6 .full-wraper img.bg-img {
    height: 20rem;
}
section.home-sec7 {
    padding: 2.2rem 0;
}
section.home-sec7 h2 {
    margin-bottom: 1.2rem;
}
section.home-sec7 .marquee .marquee-inner figure {
    width: 11rem;
    height: 9rem;
}
section.home-sec8 {
    padding: 2.2rem 0 1.9rem;
}
section.home-sec8 img.left-img {
    height: 26rem;
}
section.home-sec8 h2 {
    margin-bottom: 0.9rem;
    margin-top: 1.4rem;
}
section.home-sec8 .flex-box {
    gap: 0;
    flex-direction: column;
}
section.home-sec8 img.captcha {
    width: 16rem;
    height: 4rem;
    margin: 1rem auto 1rem;
}
section.home-sec8 input[type="submit"]{
    margin: 0 auto;
    display: table;
}
footer {
    padding: 2.5rem 0 1.24706rem;
}
footer .footer-top-content-wraper {
    flex-direction: column;
}
footer .footer-top-content-wraper .left-side-content {
    max-width: 100%;
}
footer .footer-top-content-wraper .left-side-content a.logo img {
    width: 9rem;
    height: 6rem;
}
footer .footer-top-content-wraper .left-side-content a.logo {
    margin: 0 auto;
}
footer .footer-top-content-wraper .left-side-content h5 {
    font-size: 1.05rem;
    margin: 1.48rem 0 0.9rem;
    text-align: center;
}
footer .footer-top-content-wraper .right-side-content {
    grid-template-columns: 1fr;
    gap: 2.6rem;
    width: 100%;
}
footer .footer-top-content-wraper .right-side-content .menu-content h5 {
    margin-bottom: 1rem;
    text-align: center;
}
footer .footer-top-content-wraper .right-side-content .menu-content ul li {
    margin-bottom: 0;
    font-size: 0.9rem;
}
footer .footer-top-content-wraper .right-side-content .menu-content ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.3rem 1.1rem;
}
footer .footer-bottom-content-wraper {
    gap: 1.2rem;
    flex-direction: column;
}
footer .footer-bottom-content-wraper h6 {
    font-size: 0.9rem;
    text-align: center;
}
footer .footer-bottom-content-wraper ul li {
    font-size: 0.9rem;
}
header .header-content-wraper .logo-wraper a img {
    width: 6.5rem;
    height: 3.5rem;
}
header {
    padding: 0.6rem 0;
}
.slim-container a.slimNav_sk78-reveal {
    width: 2.5rem;
    height: 2.2rem;
    gap: 0.36rem;
    font-size: 1.55rem !important;
    top: 0.6rem;
}
.slim-container a.slimNav_sk78-reveal span {
    width: 1.9rem;
}
.slim-container a.slimNav_sk78-reveal span + span {
    width: 1.7rem;
}
.slim-container a.slimNav_sk78-reveal span + span + span {
    width: 1.6rem;
}
.slim-container a.slimNav_sk78-reveal span + span {
    width: 1.2rem;
}
header .header-content-wraper {
    padding-right: 3.5rem;
}
.slim-container .slim-nav {
    margin-top: 4.0815rem;
}
.slim-container .slim-nav ul li a {
    padding: 0.7rem 0.85rem !important;
}
header .header-content-wraper .right-content-wraper ul li {
    font-size: 0.9rem;
}
section.inner-banner .inner-content-wraper {
    padding-bottom: 1.5rem;
}
section.inner-banner img.inner-bg {
    height: 13rem;
}
section.inner-banner .inner-content-wraper h1 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    text-align: center;
}
section.inner-banner .inner-content-wraper ul {
    justify-content: center;
}
section.inner-banner img.pabs-img {
    width: 6.5rem;
    height: 7.5rem;
    top: 1.5rem;
    left: 1.5rem;
}
section.about-sec2 {
    padding-top: 2.2rem;
}
section.about-sec2 h2 {
    margin-bottom: 0.8rem;
    margin-top: 1.3rem;
}
section.about-sec2 h4 {
    text-align: center;
}
section.about-sec2 h4::after {
    display: none;
}
section.about-sec4 .content-wraper {
    padding: 2.2rem 0;
}
section.about-sec4 .content-wraper p {
    max-width: 100%;
    margin-bottom: 0.9rem;
}
section.about-sec4 .content-wraper p + p {
    margin-bottom: 1.5rem;
}
section.about-sec5 {
    padding: 2.2rem 0;
}
section.about-sec5 .row {
    gap: 1.3rem 0;
}
section.about-sec5 .different-cart {
    text-align: center;
}
section.about-sec5 .different-cart span {
    margin: 0 auto;
}
section.home-sec6 {
    padding-top: 2.2rem;
}
section.residential-electrical-sec1 {
    padding-top: 2.2rem;
}
section.residential-electrical-sec1 h5 {
    text-align: center;
}
section.residential-electrical-sec1 ul {
    margin-bottom: 1.2rem;
}
section.residential-electrical-sec2 .orange-box .text-wraper h2 {
    margin-bottom: 1.38rem;
    font-size: 1.58rem;
}
section.residential-electrical-sec2 .orange-box .img-wraper img {
    height: 20rem;
}
section.residential-electrical-sec2 .orange-box .text-wraper ul {
    display: block; 
}
section.suburbs-sec1 {
    padding-top: 2.2rem;
}
section.suburbs-sec1 p {
    margin-bottom: 1.3rem;
}
section.suburbs-sec1 .orange-box ul {
    grid-template-columns: 1fr 1fr;
    gap: 0.7rem 0.65rem;
}
section.suburbs-sec3 {
    padding: 2.2rem 0 0 !important;
}
section.suburbs-sec3 .col-md-6:nth-child(1){order: 2;}
section.suburbs-sec3 .col-md-6:nth-child(2){order: 1;}

section.reviews-sec1 {
    padding-top: 2.2rem;
}
section.gallery-sec1 {
    padding-top: 2.2rem;
}
section.gallery-sec1 figure {
    height: 12rem;
}
section.gallery-sec1 figure img.pabs-img {
    width: 2.2rem;
    height: 2.2rem;
}
section.gallery-sec1 .row {
    gap: 1.3rem 0;
}
section.contact-sec1 .col-md-6:nth-child(1){order: 2;}
section.contact-sec1 .col-md-6:nth-child(2){order: 1;}
section.contact-sec1 {
    padding: 2.2rem 0 !important;
}
section.contact-sec2 .map-wraper {
    height: 20rem;
}
section.about-sec2 .col-lg-6:nth-child(2) {
    padding-left: 0.8rem;
}
section.home-sec2 .col-lg-6:nth-child(2) {
    padding-left: 0.8rem;
}
section.about-sec2 p {
    max-width: 100%;
}
}

@media screen and (max-width: 639px) {}