@media screen and (max-width:1900px) {
}
@media screen and (max-width:1800px) {
    .site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container {
        max-width: 1600px;
    }
    .sub-heading {
        font-size: 38px;
    }
    .text-heading {
        font-size: 72px;
    }
    .site-branding {
        margin: -32px 0 0;
        width: 315px;
    }
    #main-navigation ul li a {
        padding: 47px 0;
    }
    #main-navigation ul li {
        margin: 0 28px;
    }
    .header-top {
        padding: 15px 0;
    }
    .hm-bnr-cont h1 {
        font-size: 86px;
        margin: 0 0 32px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 34px;
        letter-spacing: 0.6px;
        padding: 14px 17px 14px 58px;
        margin: 0 0 17px 60px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before {
        width: 100px;
        left: -60px;
    }
    .hm-bnr-cont p {
        font-size: 21px;
    }
    .hm-bnr-sec {
        padding: 220px 0 140px;
    }
    .hm-communites-blk {
        padding: 0 0 0 180px;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 2;
        margin: 0 0 42px;
    }
    .hm-communities-sec::after {
        height: 462px;
        bottom: 32px;
    }
    .hm-communities-sec {
        padding: 60px 0 230px;
    }
    .hm-experience-item {
        padding: 34px 14px 28px;
    }
    .hm-experience-item p {
        font-size: 17px;
    }
    .hm-experience-item h4 {
        font-size: 26px;
        letter-spacing: -0.2px;
    }
    .hm-experience-item-img {
        width: 90px;
        margin: 0 auto 15px;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after {
        height: calc(100% + 140px);
    }
    .hm-mayfield-img {
        width: 444px;
        padding: 155px 110px 28px;
        top: -405px;
        right: -102px;
    }
    .hm-mayfield-img::after {
        height: 86px;
        bottom: -58px;
    }
    .hm-scroll-itm h5 {
        font-size: 80px;
        letter-spacing: 1.5px;
        padding-left: 140px;
    }
    .hm-scroll-itm h5 a::before {
        width: 92px;
        height: 92px;
    }
    .site-header.is-sticky .site-branding {
        margin: -28px 0 0;
        width: 270px;
    }
    .site-header.is-sticky #main-navigation ul li a {
        padding: 38px 0;
    }
}
@media screen and (max-width:1700px) {
    .container,.footer-sec .ftr-copyrights .container{
        max-width: 1400px;
    }
    .site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container {
        max-width: 1500px;
    }
    .hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container {
        max-width: 1240px;
    }
    .text-heading {
        font-size: 68px;
        letter-spacing: -0.6px;
        margin: 0 0 22px;
    }
    a.cmn-btn {
        font-size: 20px;
        padding: 22px 40px;
    }
    .sub-heading {
        font-size: 36px;
    }
    .site-branding {
        margin: -29px 0 0;
        width: 290px;
    }
    #main-navigation ul li a {
        padding: 46px 0;
        font-size: 20px;
        letter-spacing: 0.4px;
    }
    #main-navigation ul li {
        margin: 0 26px;
    }
    .header-number a {
        padding: 10px 19px 10px 82px;
    }
    .header-number a strong {
        font-size: 27px;
    }
    .header-number a::before {
        width: 37px;
        height: 37px;
        left: 20px;
    }
    .hdr-top-lctn a {
        font-size: 18px;
        letter-spacing: 0.3px;
        padding: 0 0 0 32px;
    }
    .hdr-top-lctn a::before {
        width: 26px;
    }
    .hdr-top-lctn a::after {
        width: 20px;
        height: 29px;
        left: -30px;
    }
    .header-top {
        padding: 14px 0;
    }
    .hm-bnr-cont h1 {
        font-size: 80px;
        margin: 0 0 30px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 32px;
        letter-spacing: 0.5px;
        padding: 14px 16px 14px 52px;
        margin: 0 0 17px 58px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before {
        width: 92px;
        left: -58px;
    }
    .hm-bnr-cont p {
        font-size: 20px;
        margin: 0 0 22px;
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 22px 31px;
    }
    .hm-bnr-sec {
        padding: 210px 0 130px;
    }
    .hm-services-sec {
        padding: 235px 0 40px;
        margin: -100px 0 0;
    }
    .hm-services-sec .text-heading {
        margin: 0 0 44px;
    }
    .hm-services-cnt {
        padding: 0 22px;
    }
    .hm-services-item .hm-services-cnt h4 {
        font-size: 24px;
        letter-spacing: -0.2px;
        padding: 0 46px 0 0;
    }
    .hm-services-item .hm-services-cnt h4::before {
        width: 45px;
        height: 45px;
    }
    .hm-services-img {
        padding: 0 0 64px;
    }
    .hm-services-item {
        height: 465px;
    }
    .hm-services-icon {
        width: 90px;
        padding: 21px;
        top: 53px;
        left: 30px;
    }
    .hm-services-item::before {
        width: 145px;
        height: 109px;
    }
    .hm-services-item.hover .hm-services-blk {
        padding: 0 32px;
    }
    .hm-services-item.hover .hm-services-icon {
        width: 74px;
        margin: 0 0 28px;
    }
    .hm-services-list {
        margin: 0 0 45px;
    }
    .hm-communities-sec {
        padding: 55px 0 210px;
    }
    .hm-communites-blk {
        padding: 0 0 0 155px;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 1.9;
        margin: 0 0 38px;
        font-size: 19px;
    }
    .hm-call-btn p a {
        font-size: 30px;
    }
    .hm-call-btn a::before {
        width: 42px;
        height: 42px;
    }
    .hm-call-btn {
        padding: 0 0 0 60px;
    }
    .hm-call-btn::after {
        left: 50px;
    }
    .hm-communities-buttons {
        gap: 30px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 24px;
        letter-spacing: 0.9px;
    }
    .hm-communities-service-cnt {
        width: 242px;
        height: 268px;
        bottom: -72px;
        left: -62px;
    }
    .hm-communities-sec::after {
        height: 435px;
        bottom: 25px;
    }
    .hm-experience-sec .hm-experience-cnt p {
        font-size: 20px;
        letter-spacing: -0.1px;
        margin: 0 0 26px;
    }
    .hm-experience-sec .hm-experience-cnt h6 {
        font-size: 23px;
        letter-spacing: -0.1px;
        margin: 0 0 30px;
    }
    .hm-experience-btn a.cmn-btn {
        padding: 22px 60px;
    }
    .hm-experience-cnt {
        margin: 0 0 85px;
    }
    .hm-experience-item {
        padding: 30px 12px 26px;
    }
    .hm-experience-item h4 {
        font-size: 24px;
        letter-spacing: -0.1px;
    }
    .hm-experience-item p {
        font-size: 16px;
    }
    .hm-experience-item-img {
        width: 80px;
        margin: 0 auto 14px;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after {
        height: calc(100% + 125px);
    }
    .hm-mayfield-img {
        width: 414px;
        padding: 140px 105px 26px;
        top: -380px;
        right: -94px;
    }
    .hm-mayfield-img::after {
        height: 80px;
        bottom: -54px;
    }
    .hm-experience-sec {
        padding: 140px 0 210px;
    }
    .hm-scroll-itm h5 {
        font-size: 70px;
        letter-spacing: 1.3px;
        padding-left: 120px;
    }
    .hm-scroll-itm h5 a::before {
        width: 86px;
        height: 86px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 14px 46px 14px 0;
    }
    .hm-scroll-sec {
        padding: 15px 0 26px;
    }
    .hm-testi-sec {
        padding: 95px 0 240px;
    }
    .hm-testi-sec .sub-heading {
        margin: 0 0 52px;
    }
    .hm-testi-item .hm-star-rat {
        margin: 0 0 22px;
        width: 172px;
        height: 27px;
    }
    .hm-testi-item h4 {
        font-size: 27px;
        margin: 0 0 20px;
    }
    .hm-testi-item p {
        letter-spacing: 0.25px;
    }
    .hm-testi-lst {
        padding: 0px 100px 0 39%;
    }
    .hm-testi-item h5 {
        font-size: 44px;
        right: 78px;
    }
    .hm-testi-lst::before {
        width: 425px;
        height: 324px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 96px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 132px;
        letter-spacing: -5.2px;
        margin: 0 0 56px;
    }
    .hm-need-plumber-sec {
        padding: 100px 0 600px;
    }
    .hm-proudly-blk {
        padding: 0 0 0 90px;
    }
    .hm-proudly-sec {
        padding: 110px 0 140px;
    }
    .hm-proudly-lft h6 {
        font-size: 23px;
        margin: 0 0 36px;
    }
    .hm-areas-list li {
        font-size: 20px;
        margin: 0 0 27px;
        padding: 0 0 0 32px;
    }
    .hm-areas-list ul {
        gap: 50px;
    }
    .hm-proudly-rit {
        margin: 0 -30px 0 0;
        padding: 95px 0 0;
    }
    .hm-proudly-cnt::after {
        width: 370px;
        height: 283px;
    }
    .hm-proudly-rit .hm-exp-blk {
        top: 100px;
        right: 110px;
    }
    .hm-faq-sec {
        padding: 130px 0 410px;
    }
    .hm-faq-sec .text-heading {
        margin: 0 0 58px;
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 26px;
        letter-spacing: -0.4px;
        padding: 32px 66px 28px 60px;
        background-size: 30px;
        background-position: top 38px right 14px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 44px;
        top: 24px;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 20px 105px 36px 60px;
    }
    .ftr-form .text-heading {
        font-size: 52px;
        letter-spacing: -0.5px;
        margin: 0px 0 38px;
    }
    .cpy-inr p.copy-para {
        font-size: 20px;
        letter-spacing: -0.2px;
    }
    .ftr-menu ul li a {
        font-size: 20px;
        letter-spacing: 0.55px;
    }
    .ftr-menu ul li {
        padding: 0 52px;
    }
    .ftr-menu {
        padding: 45px 0;
    }
    .ftr-blk {
        padding: 30px 0 30px 45px;
    }
    .hm-testi-sec::before {
        height: 524px;
        bottom: -14px;
    }
    .ftr-form {
        padding: 44px 38px 46px;
        outline-offset: -16px;
        margin: -210px 0 0;
    }
    .footer-sec {
        margin: -105px 0 0;
    }
    .site-header.is-sticky .site-branding {
        margin: -26px 0 0;
        width: 250px;
    }
    .site-header.is-sticky #main-navigation ul li a {
        padding: 36px 0;
    }
    /* .footer-sec {padding-top: 80px;} */
    .ftr-copyrights::before {
        width: 890px;
        height: 375px;
    }
}
@media screen and (max-width:1600px) {
    .container,.footer-sec .ftr-copyrights .container{
        max-width: 1300px;
    }
    .site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container {
        max-width: 1400px;
    }
    .hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container {
        max-width: 1200px;
    }
    a.cmn-btn {
        font-size: 19px;
        padding: 21px 37px;
    }
    .sub-heading {
        font-size: 34px;
    }
    .text-heading {
        font-size: 64px;
        letter-spacing: -0.5px;
        margin: 0 0 20px;
    }
    .site-branding {
        margin: -28px 0 0;
        width: 270px;
    }
    #main-navigation ul li a {
        padding: 40px 0;
        font-size: 19px;
        letter-spacing: 0.3px;
    }
    #main-navigation ul li {
        margin: 0 23px;
    }
    .header-number a {
        padding: 9px 18px 9px 75px;
    }
    .header-number a::before {
        width: 34px;
        height: 34px;
        left: 20px;
    }
    .header-number a strong {
        font-size: 26px;
    }
    .hdr-top-lctn a {
        font-size: 17px;
        letter-spacing: 0.2px;
        padding: 0 0 0 28px;
    }
    .hdr-top-lctn a::before {
        width: 20px;
    }
    .hdr-top-lctn a::after {
        width: 19px;
        height: 27px;
        left: -27px;
    }
    .header-top {
        padding: 12px 0;
    }
    .hm-bnr-cont h1 {
        font-size: 76px;
        margin: 0 0 26px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 30px;
        letter-spacing: 0.4px;
        padding: 13px 15px 13px 48px;
        margin: 0 0 16px 55px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before {
        width: 86px;
        left: -55px;
    }
    .hm-bnr-cont p {
        font-size: 19px;
        padding: 0 8px 0 0;
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 21px 29px;
    }
    .hm-exp-blk .hm-exp-cont {
        font-size: 12px;
        letter-spacing: 1.4px;
        padding: 4px 8px;
    }
    .hm-exp-blk .hm-exp-num {
        font-size: 85px;
        letter-spacing: -8px;
        margin: -21px 0 20px;
        padding: 0 20px 0 0;
    }
    .hm-exp-blk .hm-exp-num small {
        font-size: 39px;
        top: 18px;
    }
    .hm-exp-blk {
        width: 155px;
        height: 155px;
        padding: 6px 10px;
    }
    .hm-bnr-sec {
        padding: 195px 0 120px;
    }
    .hm-services-sec {
        padding: 215px 0 35px;
        margin: -95px 0 0;
    }
    .hm-services-img {
        padding: 0 0 58px;
    }
    .hm-services-cnt {
        padding: 0 20px;
    }
    .hm-services-item .hm-services-cnt h4 {
        font-size: 22px;
        letter-spacing: -0.1px;
        padding: 0 45px 0 0;
    }
    .hm-services-item {
        height: 425px;
    }
    .hm-services-item .hm-services-cnt h4::before {
        width: 43px;
        height: 43px;
    }
    .hm-services-icon {
        width: 82px;
        padding: 19px;
        top: 50px;
        left: 31px;
    }
    .hm-services-item::before {
        width: 138px;
        height: 103px;
    }
    .hm-services-item.hover .hm-services-icon {
        width: 70px;
        margin: 0 0 25px;
    }
    .hm-services-item.hover .hm-services-blk {
        padding: 0 26px;
    }
    .hm-services-item p {
        font-size: 16px;
        letter-spacing: -0.2px;
    }
    .hm-services-list {
        margin: 0 0 40px;
    }
    .hm-services-sec .text-heading {
        margin: 0 0 40px;
    }
    .hm-communities-sec {
        padding: 50px 0 190px;
    }
    .hm-communites-blk {
        padding: 0 0 0 135px;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 1.8;
        margin: 0 0 35px;
        font-size: 18px;
    }
    .hm-communities-cnt {
        width: 95%;
    }
    .hm-call-btn p a {
        font-size: 29px;
    }
    .hm-call-btn a::before {
        width: 40px;
        height: 40px;
    }
    .hm-call-btn::after {
        left: 49px;
    }
    .hm-communities-buttons {
        gap: 26px;
        margin: 28px 0 0;
    }
    .hm-communities-service-cnt {
        width: 220px;
        height: 244px;
        bottom: -62px;
        left: -60px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 22px;
        letter-spacing: 0.8px;
    }
    .hm-communities-sec::after {
        height: 410px;
        bottom: 22px;
    }
    .hm-communities-rit {
        padding: 8px 8px 8px 0;
        margin: 8px 0 0;
    }
    .hm-experience-cnt {
        margin: 0 0 80px;
    }
    .hm-experience-item {
        width: 16%;
        padding: 28px 12px 24px
    }
    .hm-experience-item::before {
        width: 32.8%;
        right: -32.8%;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after {
        height: calc(100% + 110px);
    }
    .hm-experience-item h4 {
        font-size: 23px;
        letter-spacing: 0px;
    }
    .hm-experience-item-img {
        width: 75px;
        margin: 0 auto 14px;
    }
    .hm-mayfield-img {
        width: 370px;
        padding: 135px 95px 24px;
        top: -340px;
        right: -72px;
    }
    .hm-mayfield-img::after {
        height: 76px;
        bottom: -52px;
    }
    .hm-experience-sec .hm-experience-cnt p {
        font-size: 19px;
        letter-spacing: 0px;
        margin: 0 0 24px;
    }
    .hm-experience-sec .hm-experience-cnt h6 {
        font-size: 22px;
        letter-spacing: 0px;
        margin: 0 0 28px;
    }
    .hm-experience-btn a.cmn-btn {
        padding: 21px 56px;
    }
    .hm-experience-sec {
        padding: 125px 0 180px;
    }
    .hm-experience-sec::after {
        height: calc(100% - 18px);
    }
    .hm-scroll-itm h5 {
        font-size: 60px;
        letter-spacing: 1px;
        padding-left: 110px;
    }
    .hm-scroll-itm h5 a::before {
        width: 78px;
        height: 78px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 13px 40px 13px 0;
    }
    .hm-scroll-sec {
        padding: 14px 0 24px;
    }
    .hm-testi-sec {
        padding: 80px 0 220px;
    }
    .hm-testi-sec .text-heading {
        margin: -13px -15px 10px 0;
    }
    .hm-testi-item .hm-star-rat {
        margin: 0 0 20px;
        width: 164px;
        height: 26px;
    }
    .hm-testi-item h4 {
        margin: 0 0 18px;
    }
    .hm-testi-item p {
        letter-spacing: 0.1px;
        font-size: 17px;
    }
    .hm-testi-item {
        padding: 0 0 58px 0;
    }
    .hm-testi-item h5 {
        font-size: 40px;
        right: 70px;
    }
    .hm-testi-lst {
        padding: 0px 95px 0 39%;
        margin: -20px 0 0 0;
    }
    .hm-testi-lst::before {
        width: 400px;
        height: 304px;
    }
    .hm-testi-sec::before {
        height: 494px;
        bottom: -13px;
    }
    .hm-testi-sec .sub-heading {
        margin: 0 0 46px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 94px;
        letter-spacing: 16px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 128px;
        letter-spacing: -4.8px;
        margin: 0 0 50px;
    }
    .hm-need-plumber-sec {
        padding: 90px 0 570px;
    }
    .hm-proudly-blk {
        padding: 0 0 0 75px;
    }
    .hm-proudly-lft p {
        font-size: 17px;
        margin: 0 0 16px;
    }
    .hm-proudly-lft h6 {
        font-size: 22px;
        margin: 0 0 34px;
    }
    .hm-areas-list li {
        font-size: 19px;
        margin: 0 0 25px;
        padding: 0 0 0 29px;
    }
    .hm-areas-list li a::before {
        width: 15px;
        height: 21px;
    }
    .hm-areas-list ul {
        gap: 40px;
    }
    .hm-proudly-rit {
        margin: 0 -25px 0 0;
        padding: 85px 0 0;
    }
    .hm-proudly-cnt::after {
        width: 330px;
        height: 254px;
    }
    .hm-proudly-rit .hm-exp-blk {
        top: 85px;
        right: 98px;
    }
    .hm-proudly-sec {
        padding: 100px 0 130px;
    }
    .hm-faq-sec {
        padding: 105px 0 380px;
    }
    .hm-faq-sec .text-heading {
        margin: 0 0 52px;
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 23px;
        letter-spacing: -0.3px;
        padding: 28px 62px 26px 55px;
        background-size: 27px;
        background-position: top 35px right 13px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 41px;
        top: 22px;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 18px 90px 34px 55px;
    }
    .hm-faq-accordion .accordion-section-content p {
        font-size: 18px;
        line-height: 1.9;
    }
    .hm-faq-accordion {
        margin: 0 0 46px;
    }
    .ftr-form-rite-cont p {
        font-size: 18px;
    }
    .ftr-form-rite {
        padding: 0 0 25px;
    }
    .ftr-item {
        padding: 14px 0 8px 82px;
    }
    .ftr-item h4::before {
        width: 63px;
        height: 63px;
    }
    .ftr-item h4 {
        font-size: 28px;
        letter-spacing: -0.8px;
        margin: 0 0 22px;
    }
    .ftr-item p {
        font-size: 19px;
    }
    .ftr-item.ftr-loc-item p a {
        margin: 17px 0 0;
    }
    .ftr-item-call a {
        font-size: 30px;
    }
    .ftr-item.ftr-call-item h4 {
        margin: 0 0 38px;
    }
    .ftr-blk {
        padding: 28px 0 28px 42px;
    }
    .ftr-menu ul li a {
        font-size: 19px;
        letter-spacing: 0.5px;
    }
    .ftr-menu ul li {
        padding: 0 50px;
    }
    .ftr-menu {
        padding: 38px 0;
    }
    .cpy-inr p.copy-para {
        font-size: 19px;
        letter-spacing: -0.1px;
    }
    .ftr-copyrights {
        padding: 26px 0;
    }
    .ftr-item.ftr-mail-item p {
        margin: 0 0 24px;
    }
    .ftr-form .text-heading {
        font-size: 50px;
        letter-spacing: -0.4px;
        margin: 0 0 34px;
    }
    .ftr-form {
        padding: 42px 35px 42px;
        outline-offset: -14px;
        margin: -190px 0 0;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 20px 26px !important;
    }
    .ftr-form .gform_wrapper .top_label textarea {
        height: 138px !important;
    }
    .ftr-form .gform_fields {
        gap: 14px 0 !important;
    }
    .ftr-form .gform_wrapper .top_label input[type="submit"], .ftr-form .gform_wrapper .top_label button {
        font-size: 19px !important;
        padding: 21px 37px !important;
    }
    .footer-sec {
        margin: -95px 0 0;
    }
    .site-header.is-sticky .site-branding {
        margin: -24px 0 0;
        width: 230px;
    }
    .site-header.is-sticky #main-navigation ul li a {
        padding: 32px 0;
    }
    .ftr-copyrights::before {
        width: 840px;
        height: 352px;
    }
    #main-navigation .sub-menu li a {
        font-size: 15px;
    }
}
@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
    .container,.footer-sec .ftr-copyrights .container{
        max-width: 1200px;
    }
    .site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container {
        max-width: 1200px;
    }
    .hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container {
        max-width: 1100px;
    }
    .text-heading {
        font-size: 56px;
        letter-spacing: -0.4px;
        margin: 0 0 16px;
    }
    .sub-heading {
        font-size: 30px;
        letter-spacing: 0.4px;
    }
    a.cmn-btn {
        font-size: 18px;
        padding: 20px 34px;
    }
    .site-branding {
        margin: -25px 0 0;
        width: 240px;
    }
    #main-navigation ul li a {
        padding: 35px 0;
        font-size: 18px;
        letter-spacing: 0.2px;
    }
    #main-navigation ul li {
        margin: 0 16px;
    }
    .header-number a {
        padding: 9px 18px 9px 68px;
    }
    .header-number a::before {
        width: 32px;
        height: 32px;
        left: 18px;
    }
    .header-number a strong {
        font-size: 25px;
    }
    .hdr-top-lctn a {
        font-size: 16px;
        letter-spacing: 0.1px;
        padding: 0 0 0 26px;
    }
    .hdr-top-lctn a::after {
        width: 17px;
        height: 24px;
        left: -25px;
    }
    .header-top {
        padding: 11px 0;
    }
    #main-navigation ul li a::before {
        height: 3px;
    }
    .hm-bnr-cont h1 {
        font-size: 68px;
        margin: 0 0 24px;
        line-height: 1;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 26px;
        letter-spacing: 0.3px;
        padding: 12px 15px 12px 44px;
        margin: 0 0 16px 45px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before {
        width: 75px;
        left: -45px;
        height: 3px;
    }
    .hm-bnr-cont p {
        font-size: 17px;
        padding: 0 8px 0 0;
        line-height: 1.4;
    }
    .hm-bnr-sec {
        padding: 175px 0 105px;
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 20px 27px;
    }
    .hm-services-sec {
        padding: 190px 0 30px;
        margin: -85px 0 0;
    }
    .hm-services-img {
        padding: 0 0 52px;
    }
    .hm-services-cnt {
        padding: 0 17px;
    }
    .hm-services-item .hm-services-cnt h4 {
        font-size: 20px;
        letter-spacing: 0px;
        padding: 0 40px 0 0;
    }
    .hm-services-item .hm-services-cnt h4::before {
        width: 39px;
        height: 39px;
    }
    .hm-services-item {
        height: 390px;
    }
    .hm-services-item.hover .hm-services-blk {
        padding: 0 24px;
    }
    .hm-services-item.hover .hm-services-cnt h4 {
        padding: 0 0 16px;
        margin: 0 0 10px;
    }
    .hm-services-item.hover .hm-services-cnt h4::after {
        height: 4px;
    }
    .hm-services-icon {
        width: 74px;
        padding: 17px;
        top: 46px;
        left: 30px;
    }
    .hm-services-item::before {
        width: 129px;
        height: 97px;
    }
    .hm-services-item.hover .hm-services-icon {
        width: 65px;
        margin: 0 0 22px;
    }
    .hm-services-list {
        margin: 0 0 35px;
    }
    .hm-communities-sec {
        padding: 40px 0 160px;
    }
    .hm-services-sec .text-heading {
        margin: 0 0 32px;
    }
    .hm-communites-blk {
        padding: 0 0 0 100px;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 1.7;
        margin: 0 0 30px;
        font-size: 17px;
    }
    .hm-communities-buttons {
        gap: 22px;
        margin: 24px 0 0;
    }
    .hm-communities-service-cnt {
        width: 190px;
        height: 210px;
        bottom: -55px;
        left: -55px;
        padding: 60px 30px 30px 35px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 19px;
        letter-spacing: 0.6px;
    }
    .hm-call-btn p a {
        font-size: 27px;
    }
    .hm-call-btn a::before {
        width: 37px;
        height: 37px;
    }
    .hm-call-btn {
        padding: 0 0 0 55px;
    }
    .hm-call-btn::after {
        left: 45px;
    }
    .hm-communities-sec::after {
        height: 368px;
        bottom: 20px;
    }
    .hm-experience-cnt {
        margin: 0 0 70px;
        width: 84%;
    }
    .hm-experience-sec .hm-experience-cnt p {
        font-size: 18px;
        margin: 0 0 22px;
    }
    .hm-experience-sec .hm-experience-cnt h6 {
        font-size: 21px;
        margin: 0 0 26px;
    }
    .hm-experience-item p {
        font-size: 15px;
    }
    .hm-experience-item {
        width: 17%;
        padding: 26px 8px 24px;
    }
    .hm-experience-item::before {
        width: 23.5%;
        right: -23.5%;
    }
    .hm-experience-item h4 {
        font-size: 22px;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after {
        height: calc(100% + 100px);
    }
    .hm-mayfield-img {
        width: 298px;
        padding: 120px 64px 18px;
        top: -300px;
        right: -47px;
    }
    .hm-experience-item-img {
        width: 70px;
    }
    .hm-mayfield-img::after {
        height: 66px;
        bottom: -47px;
    }
    .hm-experience-sec {
        padding: 105px 0 160px;
    }
    .hm-experience-sec::after {
        height: calc(100% - 16px);
    }
    .hm-scroll-itm h5 {
        font-size: 50px;
        letter-spacing: 0.6px;
        padding-left: 90px;
    }
    .hm-scroll-itm h5 a::before {
        width: 70px;
        height: 70px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 13px 35px 13px 0;
    }
    .hm-scroll-sec {
        padding: 14px 0 22px;
    }
    .hm-testi-sec {
        padding: 70px 0 200px;
    }
    .hm-testi-sec .text-heading {
        margin: -10px -10px 10px 0;
    }
    .hm-testi-sec .sub-heading {
        margin: 0 0 38px;
    }
    .hm-testi-item .hm-star-rat {
        margin: 0 0 16px;
        width: 154px;
        height: 24px;
    }
    .hm-testi-item h4 {
        margin: 0 0 16px;
        font-size: 25px;
    }
    .hm-testi-item p {
        letter-spacing: 0px;
        font-size: 16px;
    }
    .hm-testi-lst {
        padding: 0px 80px 0 39%;
        /* margin: -16px 0 0 0; */
    }
    .hm-testi-lst::after {
        right: 72px;
    }
    .hm-testi-lst.owl-carousel .owl-nav button.owl-prev, .hm-testi-lst.owl-carousel .owl-nav button.owl-next {
        width: 44px;
        height: 44px;
    }
    .hm-testi-lst .owl-nav {
        gap: 26px;
    }
    .hm-testi-item h5 {
        font-size: 36px;
        right: 62px;
    }
    .hm-testi-lst::before {
        width: 376px;
        height: 285px;
    }
    .hm-testi-sec::before {
        height: 450px;
        bottom: -10px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 87px;
        letter-spacing: 14px;
        padding: 0 0 15px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 120px;
        letter-spacing: -4.2px;
        margin: 0 0 44px;
    }
    .hm-need-plumber-sec {
        padding: 70px 0 530px;
    }
    .hm-proudly-blk {
        padding: 0 0 0 55px;
    }
    .hm-proudly-lft p {
        font-size: 16px;
        margin: 0 0 15px;
        line-height: 1.8;
    }
    .hm-proudly-lft h6 {
        font-size: 21px;
        margin: 0 0 30px;
    }
    .hm-areas-list li {
        font-size: 18px;
        margin: 0 0 22px;
        padding: 0 0 0 25px;
    }
    .hm-areas-list li a::before {
        width: 14px;
        height: 20px;
    }
    .hm-areas-list ul {
        gap: 36px;
    }
    .hm-areas-list {
        width: 90%;
    }
    .hm-proudly-rit {
        margin: 0 -8px 0 0;
        padding: 80px 0 0;
    }
    .hm-proudly-sec {
        padding: 85px 0 115px;
    }
    .hm-proudly-cnt::after {
        width: 270px;
        height: 208px;
    }
    .hm-proudly-rit .hm-exp-blk {
        top: 58px;
        right: 66px;
        transform: scale(0.85);
    }
    .hm-faq-sec {
        padding: 85px 0 350px;
    }
    .hm-faq-sec .text-heading {
        margin: 0 0 40px;
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 21px;
        letter-spacing: -0.2px;
        padding: 24px 52px 24px 48px;
        background-size: 24px;
        background-position: top 31px right 12px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 36px;
        top: 18px;
    }
    .hm-faq-accordion .accordion-section-content p {
        font-size: 17px;
        line-height: 1.8;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 16px 70px 26px 48px;
    }
    .hm-faq-accordion {
        margin: 0 0 40px;
    }
    .ftr-logo {
        margin: 0 0 18px;
        width: 80%;
    }
    .ftr-form-rite-cont p {
        font-size: 17px;
    }
    .ftr-form-rite-cont {
        width: 72%;
        padding: 0 0 0 22px;
    }
    .ftr-item {
        padding: 12px 0 7px 72px;
    }
    .ftr-item h4::before {
        width: 58px;
        height: 58px;
        top: 4px;
    }
    .ftr-item h4 {
        font-size: 26px;
        letter-spacing: -0.6px;
        margin: 0 0 20px;
    }
    .ftr-item p {
        font-size: 18px;
    }
    .ftr-item.ftr-call-item h4 {
        margin: 0 0 34px;
    }
    .ftr-item-call a {
        font-size: 28px;
    }
    .ftr-item.ftr-mail-item p {
        margin: 0 0 22px;
    }
    .ftr-blk {
        padding: 27px 0 27px 38px;
    }
    .ftr-menu ul li a {
        font-size: 18px;
        letter-spacing: 0.4px;
    }
    .ftr-menu ul li {
        padding: 0 45px;
    }
    .ftr-menu {
        padding: 32px 0;
    }
    .ftr-copyrights {
        padding: 22px 0;
    }
    .cpy-inr p.copy-para {
        font-size: 17px;
        letter-spacing: 0px;
    }
    .ftr-form {
        padding: 38px 32px;
        outline-offset: -13px;
        margin: -180px 0 0;
    }
    .ftr-form .text-heading {
        font-size: 46px;
        letter-spacing: -0.3px;
        margin: 0 0 30px;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 18px 22px !important;
    }
    .ftr-form .gform_wrapper .top_label textarea {
        height: 128px !important;
    }
    .ftr-form .gform_fields {
        gap: 12px 0 !important;
    }
    .ftr-form .gform_wrapper .top_label input[type="submit"], .ftr-form .gform_wrapper .top_label button {
        font-size: 18px !important;
        padding: 20px 34px !important;
    }
    .hm-communites-blk::before {
        left: -10%;
    }
    .site-header.is-sticky .site-branding {
        margin: -22px 0 0;
        width: 210px;
    }
    .site-header.is-sticky #main-navigation ul li a {
        padding: 30px 0;
    }
    /* .footer-sec { padding-top: 74px;} */
    .ftr-copyrights::before {
        width: 745px;
        height: 315px;
        top: -27%;
    }
    #main-navigation ul li ul.sub-menu {
        width: 200px;
    }
    #main-navigation .sub-menu li a {
        padding: 7px 8px !important;
        font-size: 14px;
    }
}
@media screen and (max-width:1366px) {
}
@media screen and (max-width:1280px){
}
@media screen and (max-width:1240px) {
    .container,.footer-sec .ftr-copyrights .container,.site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container ,.hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container{
        max-width: 960px;
    }
    a.cmn-btn {
        font-size: 16px;
        padding: 17px 28px;
        outline-offset: -4px;
    }
    .text-heading {
        font-size: 44px;
        letter-spacing: -0.4px;
        margin: 0 0 14px;
    }
    .sub-heading {
        font-size: 24px;
        letter-spacing: 0.3px;
    }
    .site-branding {
        margin: -22px 0 0;
        width: 210px;
    }
    #main-navigation ul li a {
        padding: 31px 0;
        font-size: 15px;
        letter-spacing: 0.1px;
    }
    #main-navigation ul li {
        margin: 0 8px;
    }
    .header-number a {
        padding: 8px 16px 8px 50px;
        font-size: 15px;
    }
    .header-number a::before {
        width: 26px;
        height: 26px;
        left: 14px;
    }
    .header-number a strong {
        font-size: 21px;
    }
    .hdr-top-lctn a {
        font-size: 15px;
        letter-spacing: 0px;
        padding: 0 0 0 22px;
    }
    .hdr-top-lctn a::before {
        width: 16px;
    }
    .hdr-top-lctn a::after {
        width: 15px;
        height: 21px;
        left: -23px;
    }
    .header-top {
        padding: 8px 0;
    }
    .hm-bnr-cont h1 {
        font-size: 55px;
        margin: 0 0 20px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 20px;
        letter-spacing: 0.1px;
        padding: 11px 14px 11px 36px;
        margin: 0 0 14px 38px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before {
        width: 62px;
        left: -38px;
        height: 2px;
    }
    .hm-bnr-cont p {
        font-size: 15px;
        padding: 0;
    }
    .hm-bnr-cont {
        width: 44%;
    }
    .hm-bnr-sec {
        padding: 145px 0 65px;
    }
    .hm-exp-blk {
        padding: 6px 10px;
        transform: scale(0.8);
        right: 10px;
        bottom: -130px;
    }
    .hm-bnr-sec::before {
        bottom: -10px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 79% 100%, 0% 89%);
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 17px 26px;
    }
    .hm-services-sec {
        padding: 160px 0 20px;
        margin: -80px 0 0;
    }
    .hm-services-img {
        padding: 0 0 46px;
    }
    .hm-services-item .hm-services-cnt h4 {
        font-size: 17px;
        padding: 0 36px 0 0;
    }
    .hm-services-item .hm-services-cnt h4::before {
        width: 35px;
        height: 35px;
    }
    .hm-services-cnt {
        padding: 0 8px;
    }
    .hm-services-icon {
        width: 66px;
        padding: 14px;
        top: 42px;
        left: 25px;
    }
    .hm-services-item::before {
        width: 110px;
        height: 83px;
    }
    .hm-services-item.hover .hm-services-blk {
        padding: 0 15px;
    }
    .hm-services-item.hover .hm-services-icon {
        width: 58px;
        margin: 0 0 18px;
    }
    .hm-services-item.hover .hm-services-cnt h4 {
        padding: 0px 0 14px;
        margin: 0 0 9px;
    }
    .hm-services-item.hover .hm-services-cnt h4::after {
        height: 3px;
    }
    .hm-services-item p {
        font-size: 14px;
        letter-spacing: -0.1px;
    }
    .hm-services-item {
        height: 318px;
    }
    .hm-services-list {
        margin: 0 0 28px;
    }
    .hm-services-sec .text-heading {
        margin: 0 0 28px;
    }
    .hm-communities-sec {
        padding: 30px 0 130px;
    }
    /* .hm-communities-sec::before { width: 10%; height: 15%;} */
    .hm-communites-blk {
        padding: 0 0 0 60px;
    }
    .hm-communities-cnt {
        width: 100%;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 1.6;
        margin: 0 0 20px;
        font-size: 15px;
    }
    .hm-call-btn p {
        font-size: 15px;
        letter-spacing: 0.6px;
    }
    .hm-call-btn p a {
        font-size: 24px;
    }
    .hm-call-btn a::before {
        width: 30px;
        height: 30px;
    }
    .hm-call-btn {
        padding: 0 0 0 44px;
    }
    .hm-call-btn::after {
        left: 36px;
    }
    .hm-communities-buttons {
        gap: 20px;
        margin: 22px 0 0;
    }
    .hm-communities-service-cnt {
        width: 150px;
        height: 165px;
        bottom: -40px;
        left: -30px;
        padding: 43px 20px 25px 25px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 16px;
        letter-spacing: 0.4px;
    }
    .hm-communities-cnt {
        width: 98%;
    }
    .hm-communities-sec::after {
        height: 316px;
        bottom: 16px;
    }
    .hm-experience-cnt {
        margin: 0 0 55px;
        width: 85%;
    }
    .hm-experience-sec .hm-experience-cnt p {
        font-size: 16px;
        margin: 0 0 18px;
    }
    .hm-experience-sec .hm-experience-cnt h6 {
        font-size: 18px;
        margin: 0 0 22px;
    }
    .hm-experience-btn a.cmn-btn {
        padding: 18px 44px;
    }
    .hm-experience-item {
        width: 17.5%;
        padding: 24px 6px 22px;
    }
    .hm-experience-item::before {
        width: 19.6%;
        right: -19.6%;
    }
    .hm-experience-item h4 {
        font-size: 17px;
        margin: 0 0 8px;
    }
    .hm-experience-item-img {
        width: 60px;
        margin: 0 auto 12px;
    }
    .hm-experience-item p {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after {
        height: calc(100% + 75px);
    }
    .hm-mayfield-img {
        width: 232px;
        padding: 85px 52px 16px;
        top: -215px;
        right: -32px;
    }
    .hm-mayfield-img::after {
        height: 56px;
        bottom: -40px;
    }
    .hm-experience-sec {
        padding: 85px 0 120px;
    }
    .hm-scroll-itm h5 {
        font-size: 40px;
        letter-spacing: 0.2px;
        padding-left: 72px;
    }
    .hm-scroll-itm h5 a::before {
        width: 55px;
        height: 55px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 12px 28px 12px 0;
    }
    .hm-scroll-sec {
        padding: 14px 0 18px;
    }
    .hm-testi-sec {
        padding: 50px 0 160px;
    }
    .hm-testi-sec .text-heading {
        margin: -8px 0px 10px 0;
    }
    .hm-testi-sec .sub-heading {
        margin: 0 0 30px;
    }
    .hm-testi-lst::before {
        width: 330px;
        height: 250px;
    }
    .hm-testi-item .hm-star-rat {
        margin: 0 0 12px;
        width: 134px;
        height: 21px;
    }
    .hm-testi-item h4 {
        margin: 0 0 10px;
        font-size: 21px;
    }
    .hm-testi-item p {
        letter-spacing: 0px;
        font-size: 14px;
    }
    .hm-testi-item {
        padding: 0 0 45px 0;
    }
    .hm-testi-item h5 {
        font-size: 30px;
        right: 50px;
    }
    .hm-testi-lst {
        padding: 0px 70px 0 39%;
        /* margin: -10px 0 0 0; */
    }
    .hm-testi-lst::after {
        right: 60px;
    }
    .hm-testi-lst.owl-carousel .owl-nav button.owl-prev, .hm-testi-lst.owl-carousel .owl-nav button.owl-next {
        width: 35px;
        height: 35px;
    }
    .hm-testi-lst .owl-nav {
        gap: 22px;
    }
    .hm-testi-sec::before {
        height: 390px;
        bottom: -8px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 72px;
        letter-spacing: 13px;
        padding: 0 0 12px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 96px;
        letter-spacing: -3.4px;
        margin: 0 0 38px;
    }
    .hm-need-plumber-sec {
        padding: 60px 0 400px;
    }
    .hm-proudly-blk {
        padding: 0;
    }
    .hm-proudly-lft .text-heading {
        margin: 0 0 10px;
    }
    .hm-proudly-lft p {
        font-size: 14px;
        margin: 0 0 12px;
        line-height: 1.7;
    }
    .hm-proudly-lft {
        width: 52%;
    }
    .hm-proudly-lft h6 {
        font-size: 18px;
        margin: 0 0 24px;
    }
    .hm-areas-list li {
        font-size: 15px;
        margin: 0 0 18px;
        padding: 0 0 0 22px;
    }
    .hm-areas-list ul {
        gap: 28px;
    }
    .hm-areas-list {
        width: 92%;
    }
    .hm-areas-list li a::before {
        width: 12px;
        height: 17px;
    }
    .hm-proudly-rit {
        margin: 0 0px 0 0;
        padding: 70px 0 0;
        width: 45%;
    }
    .hm-proudly-cnt::after {
        width: 200px;
        height: 155px;
    }
    .hm-proudly-rit .hm-exp-blk {
        top: 15px;
        right: 28px;
        transform: scale(0.7);
    }
    .hm-proudly-sec {
        padding: 60px 0 100px;
    }
    .hm-faq-sec {
        padding: 60px 0 280px
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 18px;
        letter-spacing: -0.2px;
        padding: 20px 40px 20px 36px;
        background-size: 20px;
        background-position: top 26px right 10px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 28px;
        top: 17px;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 14px 45px 20px 36px;
    }
    .hm-faq-accordion .accordion-section-content p {
        font-size: 14px;
        line-height: 1.7;
    }
    .ftr-form-rite-cont p {
        font-size: 15px;
    }
    .ftr-form-rite-cont {
        padding: 0 0 0 20px;
    }
    .ftr-form-rite-cont::before {
        width: 4px;
        left: 4px;
    }
    .ftr-form-rite {
        padding: 0 0 22px;
    }
    .ftr-blk {
        padding: 25px 0 25px 28px;
    }
    .ftr-item {
        padding: 10px 0 6px 60px;
    }
    .ftr-item h4::before {
        width: 46px;
        height: 46px;
        top: 4px;
    }
    .ftr-item h4 {
        font-size: 21px;
        letter-spacing: -0.4px;
        margin: 0 0 16px;
    }
    .ftr-item p {
        font-size: 16px;
    }
    .ftr-item.ftr-loc-item p a {
        margin: 12px 0 0;
    }
    .ftr-item-call {
        font-size: 15px;
        letter-spacing: 0.6px;
    }
    .ftr-item-call a {
        font-size: 24px;
    }
    .ftr-item.ftr-mail-item p {
        margin: 0 0 18px;
    }
    .ftr-menu ul li a {
        font-size: 15px;
        letter-spacing: 0.3px;
    }
    .ftr-menu ul li {
        padding: 0 40px;
    }
    .ftr-menu {
        padding: 22px 0;
    }
    .cpy-inr p.copy-para {
        font-size: 13px;
        letter-spacing: 0px;
    }
    .cpy-inr p.copy-para img {
           width: 110px;
        margin: 0 0 0 6px;
    }
    .ftr-copyrights {
        padding: 18px 0;
    }
    .ftr-item.ftr-call-item h4 {
        margin: 0 0 28px;
    }
    .hm-faq-sec .text-heading {
        margin: 0 0 30px;
    }
    .ftr-form {
        padding: 30px 26px;
        outline-offset: -10px;
        margin: -160px 0 0;
    }
    .ftr-form .text-heading {
        font-size: 40px;
        letter-spacing: -0.2px;
        margin: 0 0 24px;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 16px 19px !important;
        font-size: 15px !important;
    }
    .ftr-form .gform_wrapper .top_label textarea {
        height: 115px !important;
    }
    .ftr-form .gform_fields {
        gap: 10px 0 !important;
    }
    .ftr-form .gform_wrapper .top_label input[type="submit"], .ftr-form .gform_wrapper .top_label button {
        font-size: 16px !important;
        padding: 18px 28px !important;
    }
    .ftr-form .gform_wrapper .gform_footer.top_label {
        margin: 18px 0 0 auto;
    }
    .footer-sec {
        margin: -70px 0 0;
    }
    .hm-communites-blk::before {
        left: -15%;
    }
    .site-header.is-sticky .site-branding {
        margin: -20px 0 0;
        width: 190px;
    }
    .site-header.is-sticky #main-navigation ul li a {
        padding: 27px 0;
    }
    /* .footer-sec {padding-top: 60px;} */
    .ftr-copyrights::before {
        width: 610px;
        height: 257px;
        top: -26%;
    }
    #main-navigation .sub-menu li a {
        padding: 6px 7px !important;
        font-size: 13px;
    }
    #main-navigation ul li ul.sub-menu {
        width: 190px;
    }
}
@media screen and (max-width:1160px) {
    .hm-communites-blk::before {
        left: -10%;
    }
}
@media screen and (max-width:1060px) {
    .hm-communites-blk::before {
        width: 12%;
        height: 36%;
        left: -7%;
    }
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:991px) {
    .container,.footer-sec .ftr-copyrights .container,.site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container ,.hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container{
        max-width: 720px;
    }
    .site-header .container {
        padding: 0;
    }
    .site-header{
        position: relative;
        background-color: #000;
        padding: 0px;
    }
    .mobile_src_nav{
        display: block;
        background-color: #35ABE3;
    }
    #main-navigation{
        display: none;
    }
    .showhide{
        display: block;
    }
    .header-top{
        display: none;
    }
    .site-header{
        background-color: rgba(2, 19, 38, 1);
        border: 0;
    }
    .site-branding {
        margin: 0 0 0;
        width: 100%;
        max-width: 220px;
    }
    .logo-section{
        padding: 10px 0 15px;
    }
    .header-number {
        margin: 20px 0 0;
    }
    .mobinav {
        display: block;
    }
    .text-heading {
        font-size: 32px;
        letter-spacing: -0.2px;
    }
    .sub-heading {
        font-size: 20px;
        letter-spacing: 0.3px;
    }
    .hm-bnr-sec {
        background-image: url(images/hm-bnr-mbl-img.webp);
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: 4px solid #35ABE3;
        padding: 35px 0 130px;
    }
    .hm-bnr-sec::after {
        clip-path: none;
        background-image: none;
        background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0) 100%);
    }
    .hm-bnr-sec::before{
        display: none;
    }
    .hm-bnr-cont {
        width: 100%;
        text-align: center;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 20px;
        letter-spacing: 0.1px;
        padding: 10px 20px;
        margin: 0 0 10px;
    }
    .hm-bnr-cont .hm-bnr-sub-title::before{
        display: none;
    }
    .hm-exp-blk {
        padding: 6px 10px;
        transform: scale(0.8);
        right: 0;
        bottom: 0;
        position: relative;
        margin: 0 auto ;
    }
    .hm-bnr-cont h1 {
        font-size: 50px;
        margin: 0 0 20px;
        line-height: 1.1;
    }
    .hm-bnr-cont p {
        font-size: 16px;
        padding: 0;
        margin: 0px;
    }
    .hm-services-sec {
        padding: 40px 0;
        margin: 0;
        background-position: top -125px center;
    }
    .hm-services-list.owl-carousel .owl-dots{
        display: flex;
        justify-content: center;
        gap: 6px;
        margin: 20px 0 0;
    }
    .hm-services-list.owl-carousel .owl-dots button{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: relative;
        background-color: #020F1E;
    }
    .hm-services-list.owl-carousel .owl-dots button.active {
        background-color: #35ABE3;
        outline: 1px solid #020F1E;
        outline-offset: 1px;
    }
    .hm-services-item, .hm-services-item.hover {
        height: 360px;
        width: 100%;
        max-width: 270px;
        margin: 0 auto;
    }
    .hm-services-item p {
        font-size: 15px;
        letter-spacing: 0px;
    }
    .hm-services-item .hm-services-blk, .hm-services-item.hover .hm-services-blk {
        padding: 0 18px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 20px;
        margin: auto;
        height: fit-content;
        z-index: 2;
        width: 100%;
    }
    .hm-services-item .hm-services-cnt h4,.hm-services-item.hover .hm-services-cnt h4 {
        font-size: 20px;
        padding:0px 0 14px;
        margin: 0 0 9px;
        width: 80%;
        color: #fff;
    }
    .hm-services-item .hm-services-cnt h4::after,.hm-services-item.hover .hm-services-cnt h4::after {
        width: 70%;
        content: "";
        height: 4px;
        background-color: #35ABE3;
        position: absolute;
        left: 0;
        bottom: 0;
        margin: auto;
    }
    .hm-services-icon ,.hm-services-item.hover .hm-services-icon {
        width: 62px;
        margin: 0 0 20px;
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: transparent;
        border: 0;
        border-radius: 0;
        padding: 0;
    }
    .hm-services-sec .text-heading {
        margin: 0 0 20px;
    }
    .hm-services-item::after,.hm-services-item.hover::after{
        display: block;
    }
    .hm-services-item .hm-services-cnt,.hm-services-item.hover .hm-services-cnt {
        position: relative;
        left: 0;
        right: 0;
        padding: 0;
    }
    .hm-services-item .hm-services-cnt h4::before{
        display: none;
    }
    .hm-services-item p,.hm-services-item.hover p {
        display: block;
    }
    .hm-services-item .hm-services-img,.hm-services-item.hover .hm-services-img {
        padding: 0;
    }
    .hm-services-item::before{
        display: none;
    }
    .hm-communities-sec {
        padding: 0px 0 65px;
    }
    /* .hm-communities-sec::before{display: none;} */
    .hm-communites-blk {
        padding: 0;
        flex-direction: column-reverse;
        align-items: center;
    }
    .hm-communities-rit {
        padding: 8px 8px 8px 0;
        margin: 0 0 55px;
        width: 100%;
        max-width: 400px;
    }
    .hm-services-list {
        margin: 0 0 24px;
    }
    .hm-communities-lft {
        width: 100%;
        text-align: center;
    }
    .hm-communities-buttons {
        gap: 20px;
        margin: 22px 0 0;
        justify-content: center;
    }
    .hm-communities-sec::after {
        height: 253px;
        bottom: 5px;
    }
    .hm-experience-sec::before{
        clip-path: none;
    }
    .hm-experience-sec::after{
        clip-path: none;
        height: calc(100% - 5px);
    }
    .hm-experience-sec {
        padding: 40px 0;
    }
    .hm-experience-item:first-child::after, .hm-experience-item:last-child::after{
        display: none;
    }
    .hm-experience-item:first-child, .hm-experience-item:last-child {
        border-color: #35ABE3;
        background: linear-gradient(0deg, #0F436D 0%, rgba(53, 171, 227, 0.23) 100%);
    }
    .hm-experience-item::before{
        display: none;
    }
    .hm-experience-list.owl-carousel .owl-dots{
        display: flex;
        justify-content: center;
        gap: 6px;
        margin: 20px 0 0;
    }
    .hm-experience-list.owl-carousel .owl-dots button{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: relative;
        background-color: #fff;
    }
    .hm-experience-list.owl-carousel .owl-dots button.active {
        background-color: #35ABE3;
        outline: 1px solid #fff;
        outline-offset: 1px;
    }
    .hm-experience-list.owl-carousel .owl-stage,.hm-experience-list.owl-carousel .owl-item{
        display: flex;
    }
    .hm-experience-list.owl-carousel .owl-item{
        padding: 0 2px;
    }
    .hm-experience-item {
        width: 100%;
        padding: 25px 10px;
        max-width: 250px;
        margin: 0 auto;
    }
    .hm-experience-item-img {
        width: 75px;
        margin: 0 auto 16px;
    }
    .hm-experience-item h4 {
        font-size: 20px;
        margin: 0 0 10px;
    }
    .hm-experience-item p {
        font-size: 15px;
    }
    .hm-experience-cnt {
        margin: 0 0 25px;
        width: 100%;
        text-align: center;
    }
    .hm-experience-sec .hm-experience-cnt p {
        font-size: 15px;
        margin: 0 0 15px;
        line-height: 1.6;
    }
    .hm-experience-sec .hm-experience-cnt h6 {
        font-size: 17px;
        margin: 0 0 20px;
    }
    .hm-mayfield-img {
        width: 200px;
        padding: 0;
        top: 0;
        right: 0;
        position: relative;
        margin: 0 auto 20px;
    }
    .hm-mayfield-img::before{
        display: none;
    }
    .hm-mayfield-img::after{
        display: none;
    }
    .hm-scroll-itm h5 {
        font-size: 30px;
        letter-spacing: 0.2px;
        padding-left: 55px;
    }
    .hm-scroll-itm h5 a::before {
        width: 45px;
        height: 45px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 10px 22px 10px 0;
    }
    .hm-scroll-sec {
        padding: 12px 0 15px;
    }
    .hm-testi-sec {
        padding: 40px 0 80px;
    }
    .hm-testi-lst {
        padding: 0 0 0 0px;
        margin: 0px 0 0 0;
    }
    .hm-testi-lst::before {
        width: 28px;
        height: 21px;
        right: 0;
        left: auto;
        top: 0;
        bottom: auto;
    }
    .hm-testi-lst .owl-nav {
        gap: 22px;
        position: relative;
        flex-direction: row;
        margin: 15px auto 0;
    }
    .hm-testi-lst::after{
        right: auto;
        left: 2px;
        display: none;
    }
    .hm-testi-blck {
        flex-direction: column;
        align-items: center;
    }
    .hm-testi-rit {
        width: 100%;
        text-align: center;
    }
    .hm-testi-lft {
        width: 100%;
        max-width: 400px;
        margin: 0 0 10px;
    }
    .hm-testi-sec .sub-heading {
        margin: 0 0 20px;
    }
    .hm-testi-blck {
        flex-direction: column;
        align-items: center;
        margin: 0 0 30px;
    }
    .hm-testi-item h4 {
        margin: 0 0 10px;
        font-size: 21px;
        width: 90%;
    }
    .hm-testi-item p {
        font-size: 15px;
        line-height: 1.6;
    }
    .hm-testi-item {
        padding: 0 3px 45px;
    }
    .hm-testi-sec::before {
        height: 310px;
        bottom: -5px;
    }
    .hm-testi-item h5 {
        font-size: 30px;
        right: 40px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 50px;
        letter-spacing: 12px;
        padding: 0 0 10px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 72px;
        letter-spacing: -2.5px;
        margin: 0 0 30px;
    }
    .hm-need-plumber-sec {
        padding: 50px 0 340px;
    }
    .hm-proudly-blk {
        flex-direction: column-reverse;
        align-items: center;
    }
    .hm-proudly-rit {
        margin: 0 0px 20px;
        padding: 0px 0 0;
        width: 100%;
        max-width: 500px;
    }
    .hm-proudly-rit .hm-exp-blk {
        top: 0;
        right: 0;
        transform: scale(0.8);
    }
    .hm-proudly-lft {
        width: 100%;
    }
    .hm-proudly-sec {
        padding: 40px 0;
    }
    .hm-proudly-sec::before {
        clip-path: none;
    }
    .hm-proudly-sec::after {
        clip-path: none;
        height: calc(100% - 5px);
    }
    .hm-proudly-cnt::after{
        display: none;
    }
    .hm-faq-sec {
        padding: 40px 0;
    }
    .hm-faq-accordion {
        margin: 0 0 25px;
    }
    .hm-faq-blck {
        flex-direction: column;
        align-items: center;
    }
    .hm-faq-lft {
        width: 100%;
        max-width: 400px;
        margin: 0 0 20px;
    }
    .hm-faq-rit {
        width: 100%;
    }
    .footer-sec {
        margin: 0;
        padding: 40px 0 0;
        border-top:4px solid #35ABE3;
        background-image: url(images/ftr-bg-image.webp);
    }
    .ftr-copyrights::before{
        display: none;
    }
    .footer-sec::before{
        display: none;
    }
    .footer-sec::after{
        display: none;
    }
    .ftr-form {
        padding: 30px 26px;
        outline-offset: -10px;
        margin: 0 0 25px;
        width: 100%;
        max-width: 600px;
    }
    .ftr-form-blk {
        flex-direction: column;
        align-items: center;
    }
    .ftr-form-rite {
        padding: 0 0 20px;
        width: 100%;
        max-width: 400px;
    }
    .ftr-form-rite-cont {
        padding: 0 0 15px;
        width: 100%;
        text-align: center;
    }
    .ftr-form-rite-cont::before {
        width: 80%;
        left: 0;
        height: 4px;
        right: 0;
        bottom: 0;
        top: auto;
    }
    .ftr-logo {
        margin: 0 auto 18px;
        width: 100%;
        max-width: 300px;
    }
    .ftr-blk {
        padding: 0 0 20px;
        flex-direction: column;
        align-items: center;
        gap: 15px;
        border-top: 0;
    }
    .ftr-item::after{
        display: none;
    }
    .ftr-item {
        padding: 70px 15px 15px;
        border: 1px solid rgba(53, 172, 227, 0.33);
        width: 100%;
        max-width: 280px;
        text-align: center;
    }
    .ftr-item h4::before {
        width: 45px;
        height: 45px;
        top: 12px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .ftr-menu ul li {
        padding: 0 28px;
        margin: 0 0 12px;
    }
    .ftr-menu {
        padding: 20px 0 10px;
    }
    .cpy-inr p.copy-para {
        font-size: 15px;
        line-height: 1.5;
    }
    .ftr-form .text-heading {
        font-size: 32px;
        letter-spacing: 0px;
        margin: 0 0 20px;
    }
    .ftr-form .gform_wrapper .gform_footer.top_label{
        margin: 18px auto 0;
    }
    .hm-proudly-lft p {
        line-height: 1.5;
    }
    .hm-faq-sec .text-heading {
        margin: 0px 0 24px;
    }
    .hm-communites-blk::before{
        display: none;
    }
}
@media screen and (max-width:767px) {
    .container,.footer-sec .ftr-copyrights .container,.site-header .container,.hm-bnr-sec .container,.hm-communities-sec .container,.hm-experience-sec .hm-experience-blk .container ,.hm-experience-sec .container,.hm-testi-sec .container,.hm-need-plumber-sec .container,.footer-sec .container{
        max-width: 100%;
        padding: 0 15px;
    }
    .hm-bnr-cont h1 {
        font-size: 46px;
        margin: 0 0 18px;
    }
    .hm-bnr-sec {
        padding: 30px 0 120px;
    }
    .ftr-menu ul li {
        padding: 0 22px;
        margin: 0 0 12px;
    }
    .text-heading {
        font-size: 30px;
    }
    .hm-testi-sec {
        padding: 35px 0 70px;
    }
    .hm-testi-sec::before {
        height: 300px;
        bottom: -5px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 40px;
        letter-spacing: 11px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 62px;
        letter-spacing: -2.2px;
    }
    .hm-call-btn p {
        font-size: 14px;
        letter-spacing: 0.5px;
    }
    .hm-call-btn p a {
        font-size: 22px;
    }
    .hm-call-btn a::before {
        width: 27px;
        height: 27px;
    }
    .hm-call-btn::after {
        left: 34px;
    }
    .hm-call-btn {
        padding: 0 0 0 42px;
    }
    .hm-need-plumber-sec {
        padding: 45px 0 300px;
        position: relative;
        z-index: 1;
    }
    /* .hm-need-plumber-sec::before {
        content: "";
        width: 100%;
        height: 100%;
        background-color: #35abe3;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: -1;
        opacity: 60%;
    } */
}
@media screen and (max-width:650px) {
    .text-heading {
        font-size: 28px;
    }
    a.cmn-btn {
        font-size: 15px;
        padding: 16px 26px;
    }
    .sub-heading {
        font-size: 19px;
        letter-spacing: 0.2px;
    }
    .hm-bnr-cont h1 {
        font-size: 40px;
        margin: 0 0 18px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 19px;
    }
    .hm-bnr-cont p {
        font-size: 15px;
    }
    .hm-bnr-sec {
        padding: 30px 0 110px;
    }
    .ftr-form .gfield.gfield--type-text, .ftr-form .gfield.gfield--type-phone, .ftr-form .gfield.gfield--type-email {
        width: 100% !important;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 15px 18px !important;
    }
    .ftr-form {
        padding: 26px 20px;
        outline-offset: -6px;
    }
    .ftr-form .gform_wrapper .top_label textarea {
        height: 100px !important;
    }
    .ftr-form .gform_wrapper .top_label input[type="submit"], .ftr-form .gform_wrapper .top_label button {
        font-size: 15px !important;
        padding: 17px 26px !important;
    }
    .ftr-menu ul li {
        padding: 0 20px;
    }
    .ftr-form .text-heading {
        font-size: 26px;
        margin: 0 0 18px;
    }
    .ftr-form .gform_fields {
        gap: 9px 0 !important;
    }
    .hm-faq-sec {
        padding: 35px 0;
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 17px;
        letter-spacing: -0.1px;
        padding: 16px 30px 16px 28px;
        background-size: 16px;
        background-position: top 24px right 5px;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 12px 30px 18px 28px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 23px;
        top: 14px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 15px;
        letter-spacing: 0.3px;
    }
    .hm-communities-service-cnt {
        width: 134px;
        height: 148px;
        bottom: -35px;
        left: -26px;
        padding: 26px 10px 15px 15px;
    }
    .hm-scroll-itm h5 {
        font-size: 26px;
        letter-spacing: 0.1px;
        padding-left: 50px;
    }
    .hm-scroll-itm h5 a::before {
        width: 40px;
        height: 40px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 9px 19px 9px 0;
    }
    .hm-testi-item h4 {
        font-size: 20px;
        width: 95%;
    }
    .hm-areas-list {
        width: 100%;
    }
    .hm-areas-list li {
        font-size: 15px;
        margin: 0 0 16px;
        padding: 0 0 0 20px;
    }
    .hm-areas-list li a::before {
        width: 12px;
        height: 16px;
    }
    .hm-areas-list ul {
        gap: 26px;
        column-count: 2;
    }
    .hm-areas-list::before, .hm-areas-list::after{
        display: none;
    }
    .hm-proudly-sec {
        padding: 35px 0;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 30px;
        letter-spacing: 8px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 50px;
        letter-spacing: -1.8px;
        margin: 0 0 28px;
    }
    .hm-need-plumber-buttons {
        gap: 16px;
    }
    .hm-need-plumber-sec {
        padding: 40px 0 260px;
    }
    .header-number a {
        padding: 8px 14px 8px 44px;
        font-size: 14px;
    }
    .header-number a strong {
        font-size: 20px;
    }
    .header-number a::before {
        width: 24px;
        height: 24px;
        left: 11px;
    }
    .site-branding {
        max-width: 200px;
    }
    .hm-communities-buttons {
        gap: 16px;
        margin: 20px 0 0;
    }
    .hm-services-sec {
        padding: 35px 0;
        margin: 0;
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 16px 25px;
    }
    .hm-experience-btn a.cmn-btn {
        padding: 16px 36px;
    }
}
@media screen and (max-width:640px) {
    .hm-need-plumber-sec{
        background-position: left bottom;
    }
}
@media screen and (max-width:480px) {
    a.cmn-btn {
        font-size: 14px;
        padding: 15px 24px;
    }
    .text-heading {
        font-size: 26px;
        letter-spacing: -0.1px;
        margin: 0 0 12px;
    }
    .sub-heading {
        font-size: 18px;
    }
    .hm-bnr-cont h1 {
        font-size: 34px;
        margin: 0 0 16px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 18px;
    }
    .hm-bnr-sec {
        padding: 30px 0 100px;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 14px 15px !important;
    }
    .ftr-form .gform_wrapper .top_label textarea {
        height: 95px !important;
    }
    .ftr-form .gform_wrapper .gform_footer.top_label {
        margin: 16px auto 0;
    }
    .ftr-logo {
        max-width: 260px;
    }
    .ftr-form .gform_wrapper .top_label input[type="submit"], .ftr-form .gform_wrapper .top_label button {
        font-size: 14px !important;
        padding: 16px 25px !important;
    }
    .ftr-menu ul li a {
        font-size: 14px;
        letter-spacing: 0.2px;
    }
    .ftr-menu ul li {
        padding: 0 16px;
    }
    .cpy-inr p.copy-para {
        font-size: 14px;
    }
    .hm-faq-accordion .accordion-section-title {
        font-size: 15px;
        letter-spacing: 0px;
        padding: 12px 25px 12px 26px;
        background-size: 13px;
        background-position: top 19px right 4px;
    }
    .hm-faq-accordion .accordion-section-title::before {
        font-size: 20px;
        top: 12px;
    }
    .hm-faq-accordion .accordion-section-content {
        padding: 10px 8px 16px 25px;
    }
    .hm-faq-accordion {
        margin: 0 0 20px;
    }
    .hm-communities-service-cnt {
        width: 110px;
        height: 122px;
        bottom: -30px;
        left: -7px;
        padding: 26px 10px 15px 15px;
    }
    .hm-communities-rit {
        margin: 0 0 45px;
    }
    .hm-communities-service-cnt h5 {
        font-size: 13px;
        letter-spacing: 0.2px;
    }
    .hm-communities-lft .hm-communities-cnt p {
        line-height: 1.5;
        margin: 0 0 15px;
        font-size: 14px;
    }
    .hm-call-btn p a {
        font-size: 20px;
    }
    .hm-call-btn a::before {
        width: 26px;
        height: 26px;
    }
    .hm-call-btn::after {
        left: 32px;
    }
    .hm-call-btn {
        padding: 0 0 0 40px;
    }
    .hm-scroll-itm h5 {
        font-size: 20px;
        letter-spacing: 0.1px;
        padding-left: 42px;
    }
    .hm-scroll-itm h5 a::before {
        width: 32px;
        height: 32px;
    }
    .hm-scroll-list .hm-scroll-itm {
        padding: 9px 16px 9px 0;
    }
    .hm-scroll-sec {
        padding: 10px 0 12px;
    }
    .hm-testi-item .hm-star-rat {
        margin: 0 0 10px;
        width: 124px;
        height: 20px;
    }
    .hm-testi-item p {
        font-size: 14px;
        line-height: 1.5;
    }
    .hm-testi-item h5 {
        font-size: 24px;
        right: 26px;
    }
    .hm-testi-item h4 {
        margin: 0 0 8px;
        font-size: 17px;
        line-height: 1.2;
        width: 100%;
    }
    .hm-proudly-lft h6 {
        font-size: 17px;
        margin: 0 0 24px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 26px;
        letter-spacing: 6px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 38px;
        letter-spacing: -1px;
        margin: 0 0 20px;
    }
    .hm-need-plumber-sec {
        padding: 35px 0 230px;
    }
    .hm-need-plumber-buttons {
        gap: 12px;
    }
    .logo-section {
        flex-direction: column;
    }
    .header-number a strong {
        font-size: 18px;
    }
    .header-number a {
        padding: 7px 12px 7px 40px;
    }
    .header-number a::before {
        width: 21px;
        height: 21px;
        left: 11px;
    }
    .header-number {
        margin: 15px 0 0;
    }
    .hm-bnr-btn a.cmn-btn {
        padding: 15px 24px;
    }
    .ftr-form .gfield_description.validation_message {
        bottom: 10px;
        font-size: 11px;
    }
    .ftr-form .text-heading {
        font-size: 25px;
    }
    .hm-faq-sec .text-heading {
        margin: 0px 0 20px;
    }
    .hm-experience-btn a.cmn-btn {
        padding: 15px 34px;
    }
}
@media screen and (max-width:400px){
    .hm-bnr-cont h1 {
        font-size: 30px;
        margin: 0 0 15px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 18px;
        padding: 9px 18px;
    }
    .hm-bnr-cont p {
        font-size: 14px;
    }
    .hm-bnr-sec {
        padding: 25px 0 90px;
    }
    .ftr-form {
        padding: 20px 16px;
        outline-offset: -5px;
    }
    .ftr-form .gform_wrapper .top_label input, .ftr-form .gform_wrapper select, .ftr-form .gform_wrapper .top_label textarea {
        padding: 12px 14px !important;
        font-size: 14px;
    }
    .hm-areas-list ul {
        column-count: 1;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 24px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 36px;
    }
    .hm-need-plumber-sec {
        padding: 32px 0 220px;
    }
}
@media screen and (max-width:360px) {
    .hm-bnr-cont h1 {
        font-size: 28px;
    }
    .hm-bnr-cont .hm-bnr-sub-title {
        font-size: 17px;
        padding: 8px 16px;
    }
    .hm-bnr-sec {
        padding: 25px 0 80px;
    }
    .hm-need-plumber-blk .text-heading {
        font-size: 20px;
        letter-spacing: 4px;
    }
    .hm-need-plumber-blk .sub-heading {
        font-size: 30px;
        letter-spacing: -0.6px;
        margin: 0 0 14px;
    }
    .hm-need-plumber-sec {
        padding: 30px 0 210px;
    }
}