@media screen and (min-width: 1400px) {
  .what-we-offer::after {
    bottom: -350px;
  }
}

@media (min-width: 1201px) {
  .main_menu {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .mean-expand {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .container {
    margin: 0 auto;
    max-width: 1195px;
  }

  footer .container {
    max-width: 1194px;
  }

  header .container {
    max-width: 1212px;
  }

  .hero-home .container {
    margin: 0 auto;
    max-width: 1198px;
  }

  .what-we-offer .container {
    margin: 0 auto;
    max-width: 1176px;
  }

  .cta-section .container {
    max-width: 1189px;
  }

  .reviews .container {
    max-width: 1199px;
  }

  .mean-nav {
    display: none !important;
  }

  .testimonials-sec .container {
    margin: 0 auto;
    max-width: 1191px;
  }
}

@media (max-width: 1199px) {

  h1,
  .h1 {
    font-size: 50px;
  }

  h2,
  .h2 {
    font-size: 36px;
  }

  .main_menu {
    display: none !important;
  }

  .lines-button {
    display: block;
  }

  .mean-nav {
    width: 100%;
    left: 0;
    top: 100%;
    height: calc(100vh - 65px) !important;
    height: auto;
    overflow: auto;
  }

  .mean-bar {
    position: static;
  }

  .lines-button.x2.meanclose .lines:after {
    transform: rotate3d(0, 0, 1, 45deg) !important;
    transform-origin: 50% 50% 0;
  }

  .lines-button.x2.meanclose .lines:before {
    transform: rotate3d(0, 0, 1, -45deg) !important;
    transform-origin: 50% 50% 0;
  }

  .meanclose .lines {
    background: none;
  }

  .lines:before,
  .lines:after,
  .lines {
    width: 28px;
    height: 4px;
    /* background: var(--White); */
    background: linear-gradient(180deg, #09BFDF 0%, #73D1DD 100%);

  }

  header .navigation .mean-bar ul.firstul {
    display: block;
  }

  .dropdown-toggle::after {
    display: none;
  }

  header .navigation .mean-bar ul.firstul {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  header .navigation .mean-bar ul.firstul {
    padding-bottom: 30px;
    margin-top: 0;
  }

  .mean-nav ul.firstul>li>a:not(.mean-expand) {
    box-shadow: none;
    background: var(--Gray-2);
  }

  body .mean-nav ul.firstul>li:hover>a:not(.mean-expand) {
    background: var(--Light-Blue) !important;
    color: #fff !important;
  }

  .mean-nav ul li a.mean-expand {
    background-image: url(../images/down-arrow-nav-black.svg) !important;
    background-size: 9px !important;
    transform: rotate(0deg);
    height: 48px;
    width: 70px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 0;
  }

  .mean-nav ul.dropdown-menu {
    border: none;
  }

  .mean-nav ul .dropdown-menu {
    position: relative;
    top: 0;
    border-radius: unset;
  }

  body .mean-nav ul.firstul>li:hover>a.mean-expand,
  body .main_menu ul>li:hover>a.mean-expand {
    box-shadow: none;
    background-color: transparent !important;
    transform: rotate(0deg);
    filter: brightness(0) invert(1);
  }

  body .mean-nav ul li a {
    transition: none;
  }

  body .mean-nav ul li a.mean-expand.mean-clicked {
    transform: rotate(180deg) !important;
  }

  header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a {
    padding: 13px 30px;
  }

  .mean-nav ul .dropdown-menu li:last-child {
    border-bottom: none;
  }

  .mean-nav>ul>li.current_page_item>li.current_page_item>a,
  .mean-nav>ul>li.current-menu-ancestor>ul>li.current-menu-parent>a,
  .mean-nav>ul>li>ul>li>ul>li.current-menu-item>a {
    background: #0093bb;
    color: #fff;
  }

  .mean-nav>ul>li.current_page_item>a:not(.mean-expand),
  .mean-nav>ul>li>ul>li>ul>li.current_page_item>a:not(.mean-expand) {
    background: var(--Light-Blue) !important;
    color: #fff !important;
  }

  .mean-nav>ul>li.current_page_item>a.mean-expand {
    box-shadow: none;
    background-color: transparent !important;
    transform: rotate(0deg);
    filter: brightness(0) invert(1);
  }

  .mean-nav>ul>li.current-menu-parent>a,
  .mean-nav>ul>li.current-page-parent>a,
  .mean-nav>ul>li>ul>li.current_page_parent>a {
    background-color: var(--Red) !important;
    color: var(--Gray-2) !important;
  }

  .mean-nav>ul>li.current-menu-parent>a,
  .mean-nav>ul>li.current-page-parent>a {
    background-color: var(--Light-Blue) !important;
    color: var(--White) !important;
  }

  .mean-nav>ul>li.current-menu-parent>a.mean-expand,
  .mean-nav>ul>li.current-page-parent>a.mean-expand,
  .mean-nav>ul>li>ul>li.current_page_parent>a.mean-expand {
    filter: brightness(0) invert(1);
    background-color: transparent !important;
  }

  .mean-nav>ul>li.current-menu-parent>ul>li.current-menu-item>a {
    background-color: var(--Pink) !important;
    color: var(--Black) !important;
  }

  .mean-nav {
    width: 100vw;
    left: 50%;
    right: 50%;
    background: var(--White);
    margin-left: -50vw;
    margin-right: -50vw;
    opacity: 0;
    transition: opacity 0.33s linear;
    pointer-events: none;
  }

  .opennav .mean-nav {
    opacity: 1;
    transition: opacity 0.33s linear;
    pointer-events: auto;
  }

  body.fixnav header {
    z-index: 99999;
  }

  header .navigation .mean-bar ul.firstul li a {
    min-height: 1px;
    text-align: left;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0;
    color: var(--Black);
    transition: all 0.3s linear;
  }

  .mean-nav ul li a:hover {
    background-color: var(--Purple) !important;
    color: #fff !important;
  }

  header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a:hover {
    background-color: var(--Light-Blue) !important;
    color: #fff !important;
  }

  .opennav .mean-nav {
    display: block !important;
  }

  .mean-nav ul>li {
    border-top: 1px solid #CBCBCB;
  }

  .mean-nav ul>li:last-child {
    border-bottom: 1px solid #CBCBCB;
  }

  /*home page*/
  .content {
    padding-top: 136px;
  }

  header .top-header {
    position: relative;
    padding: 11px 0;
  }

  .lines-button {
    top: 55%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.33s linear;
    border-radius: 0;
    padding: 0;
  }

  header .right-wrp {
    margin-right: 52px;
  }

  /* footer */
  footer .f-logo {
    max-width: 236px;
  }

  /* footer end */

  #main__header .container {
    max-width: 100%;
    padding: 0 30px;
  }

  #main__header .top-header {
    padding: 15px 0 25px !important;
  }

  #main__header .mean-nav .btn-container.mobile {
    display: block;
    padding: 0px 20px;
  }

  #main__header .mean-nav .btn-container.mobile .red-btn {
    min-width: 100%;
  }

  #main__header .right-wrp .red-btn {
    display: none;
  }

  /* cta-section */
  .cta-section::before {
    mask-size: cover;
  }

  .cta-section .cta-left {
    flex: 0 0 45.945%;
    max-width: 45.945%;
  }

  .cta-section .cta-right {
    flex: 0 0 45.756%;
    max-width: 45.756%;
  }

  /* cta-section end */
  /* review section */
  .reviews {
    padding: 90px 0 7px;
  }

  .reviews .slick-list {
    padding-left: 0;
  }

  .reviews .reviews-top {
    margin-bottom: 70px;
  }

  .reviews .reviews-wrp::before {
    top: -80px;
    width: 130px;
    height: 130px;
  }

  .reviews .cta-btn {
    margin-top: 100px;
  }

  /* review section End */
  /* coupen */
  .coupons .coupons-wrp .left-col {
    flex: 0 0 50.63%;
    max-width: 50.63%;
  }

  .coupons .coupons-wrp .right-col {
    max-width: 45.443%;
    flex: 0 0 45.443%;
  }

  .coupons .coupons-wrp .right-col .cta-btn {
    margin-top: 25px;
  }

  .coupons .coupons-wrp .item {
    padding: 90px 40px 50px;
  }

  .coupons .coupons-wrp .item-content p.expiry {
    margin-bottom: 35px;
  }

  .coupons .slick-dots {
    bottom: -30px;
  }

  /* coupen end */
  /* why-choose */
  .why-choose {
    padding: 180px 0 160px;
  }

  .why-choose::before,
  .why-choose::after {
    mask-size: cover;
  }

  /* why-choose end */
  /* about-us */
  .about-us {
    padding: 5px 0px 40px 0px;
  }

  .about-us .col-md-12 {
    align-items: flex-start;
  }

  .about-us .col-md-12 .right-col {
    margin-bottom: 0px;
    flex: 0 0 50.916%;
    max-width: 50.916%;
  }

  /* about-us End */
  /* hero-home start */
  .hero-home .right-col .img-wrp.desktop {
    top: -20px;
    width: 618px;
    right: -20px;
    right: calc((-100vw + 100%) / 2);
  }

  .hero-home .cta-btns {
    margin-bottom: 30px;
  }

  /* hero-home end */
  /* what-we-offer start */
  .what-we-offer::after {
    bottom: -200px;
  }

  .what-we-offer::before {
    top: -320px;
  }

  /* what-we-offer end */
  .financing-option .left-col .img-wrp {
    gap: 15px;
    margin-bottom: 30px;
  }

  .testimonials-sec {
    padding: 50px 0 40px;
  }

  .testimonials-sec .testimonials-wrp .testimonials-card {
    width: calc((100% - 30px) / 2);
  }

  /* career page start */
  .career-openings {
    padding-top: 50px;
  }

  .career-openings .content-wrp {
    gap: 40px;
  }

  .career-openings .content-wrp .subtitle {
    width: 160px;
  }

  .career-openings .content-wrp .subtitle p {
    font-size: 22px;
    line-height: 30px;
  }

  .opennav .mean-nav #menu-main-menu {
    display: flex !important;
  }

  section.service-areas {
    padding: 50px 0;
  }

  /* section.service-areas::before { top: -180px; }
  section.service-areas::after { top: 270px; } */
  section.service-areas .service-area-wrp {
    grid-template-columns: 380px auto;
    column-gap: 40px;
  }

  section.service-areas .service-areas .service-area a {
    font-size: 16px;
  }

  section.service-areas .service-areas {
    column-gap: 30px;
  }

  .reviews.has-background {
    padding-top: 160px;
  }

  .trust-badges {
    padding: 50px 0 40px;
  }

  .our-specials {
    padding: 45px 0 80px;
  }

  .our-specials .os-wrp .os-top-wrp {
    margin-bottom: 60px;
  }

  .our-specials .os-wrp .specials-wrp .specials {
    width: calc((100% - (2 * 30px)) / 3);
    margin: 0 10px;
  }

  .our-specials .os-wrp .specials-wrp .specials:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
    width: calc(50% - 20px);
  }

  .our-specials .os-wrp .specials-wrp .specials .specials-in h2,
  .service-offers .specials-wrp .specials .specials-in h2 {
    line-height: 110%;
    font-size: 30px;
  }

  .our-specials .os-wrp .os-top-wrp p:not(:last-child) {
    margin-bottom: 20px;
  }

  .content-with-form .gform-theme--framework .gfield--type-choice .gfield_checkbox input {
    max-width: 18px !important;
    max-height: 18px !important;
  }

  .content-with-form .gform-theme--framework .gfield--type-choice .gfield_checkbox input::before {
    font-size: 16px !important;
  }

  .payment-methods .payment-wrp .payment-method {
    max-width: 135px;
  }

  .content-with-form .cwf-wrp .cnt-wrp p,
  .content-with-form .cwf-wrp .cnt-wrp p a {
    font-size: 16px !important;
  }

  .content-with-form .gform-theme--foundation fieldset {
    margin-top: 5px;
    margin-bottom: 20px !important;
  }

  .content-with-form .gform-theme--framework .gfield:where(:not(.gfield--type-html):not(.gfield--type-section)) {
    margin-bottom: 15px;
  }

  .content-with-form .social-list {
    margin: 37px 0 0;
  }

  .content-with-form .gform-theme--framework .gfield--type-choice .gfield_checkbox label {
    font-size: 16px !important;
  }

  .about-team-sec {
    padding: 40px 0 220px;
  }

  .about-team-sec .about-team-wrp {
    gap: 30px;
  }

  .about-team-sec .content-wrp p {
    margin-bottom: 20px;
  }

  .our-team-sec .our-team-wrp {
    gap: 30px;
    row-gap: 40px;
  }

  .our-team-sec .team-card {
    width: calc((100% - (3 * 30px)) / 4);
  }

  .company-info-sec {
    padding: 190px 0 200px;
  }

  .company-info-sec .heading-wrp {
    margin-bottom: 30px;
  }

  .company-info-sec .info-cards-wrp {
    max-width: 600px;
  }

  .faq-sec {
    padding: 50px 0 60px;
  }

  .faq-sec .faq_wrp .faqs .faq p {
    padding-bottom: 25px;
  }

  .membership-info .membership-wrp {
    gap: 40px;
  }

  .about-plumbing-section .about-plumbing-wrp {
    gap: 60px;
  }

  .about-plumbing-section .about-plumbing-wrp .right-wrp {
    width: calc(100% - 43.5% - 60px);
  }

  .about-plumbing-section {
    padding: 14px 0 40px;
  }

  .plumbing-cta-section {
    padding: 40px 0 60px;
  }


  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns {
    /* padding: 25px 26px 22px; */
    /* gap: 30px; */
    margin-bottom: 30px;
    /* min-height: 95px; */
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #73D1DD transparent !important;
  }


  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns::-webkit-scrollbar {
    height: 4px;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns::-webkit-scrollbar-track {
    background: transparent;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns::-webkit-scrollbar-thumb {
    background: #73D1DD !important;
    border-radius: 10px;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
  }

  body:not(.home) .what-we-offer.services-we-offer::after {
    top: 19%;
  }


  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn {
    min-width: 276px;
  }

  /* .services-tabs-offer-sec .tabs-wrp button.services-tab-btn.active {
    font-size: 22px;
  } */

  .service-offers {
    padding-bottom: 60px;
  }

  .blog-list-sec .blog-lists {
    gap: 25px;
  }

  .blog-list-sec .blog-lists .post-wrp {
    width: calc((100% - 50px) / 3);
  }

  .blog-list-sec {
    padding: 60px 0 60px 0;
  }

  .single-blog::after {
    height: 9%;
  }

  .blog-navigation {
    padding-bottom: 10px;
  }

  .post-list-sec {
    padding-bottom: 40px;
  }

  .service-faq .faq_wrp .faqs .faq p {
    padding-bottom: 25px;
  }

  .installation-sec {
    padding: 50px 0 240px;
  }

  .company-benefits-sec {
    /* padding-top: 250px; */
    padding-bottom: 210px;
  }

  .installation-matters-sec {
    padding-bottom: 40px;
  }

  .installation-sec .service-points .service-point span {
    font-size: 16px;
  }

  .company-benefits-sec .benefits-list .benefit-item span {
    font-size: 16px;
  }

  .installation-matters-style-two .main-cnt-wrp {
    gap: 50px;
    margin-bottom: 50px;
  }

  .installation-matters-style-two .heading-wrp {
    margin: 0 auto 30px auto;
  }

  .installation-matters-style-two .content-wrp {
    margin-bottom: 25px;
  }

  .service-content .content-wrp p {
    margin-bottom: 25px;
  }

  .service-content {
    padding: 30px 0 40px;
  }
}

/*1199px end*/

@media (max-width: 991px) {
  .modal-dialog {
    max-width: 95%;
  }

  .content {
    padding-top: 120px;
  }

  .mean-nav {
    height: calc(100vh - 120px);
  }

  h1,
  .h1 {
    font-size: 46px;
  }

  h2,
  .h2 {
    font-size: 32px;
  }

  /* footer */
  footer {
    padding: 49px 0 25px;
  }

  footer .footer-row {
    flex-direction: column;
    row-gap: 46px;
  }

  footer .footer-row .left-wrp .col-in {
    max-width: 334px;
    margin-inline: auto;
  }

  footer .footer-row .left-wrp,
  footer .footer-row .right-wrp {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }

  .col-in {
    text-align: center;
  }

  footer .footer-row2 {
    padding-top: 20px;
  }

  footer .footer-row2 ul {
    gap: 22px;
  }

  footer .footer-row2 .footer-row2-wrp {
    flex-direction: column;
    justify-content: center;
    gap: 29px;
  }

  /* footer .footer-row2 .footer-row2-wrp>a {
    order: 3;
  } */
  footer .footer-row2 .footer-row2-wrp ul {
    order: 1;
  }

  footer .footer-row2 .footer-row2-wrp ul.f-social-list {
    order: 2;
  }

  footer ul.f-social-list {
    grid-column-gap: 25px;
  }

  footer .f-social-list a {
    width: 30px;
    height: 30px;
  }

  /* footer end */
  /* #main__header .top-banner .top-banner-wrp span:last-child {
    display: none;
  } */
  header .top-header {
    margin-top: 0;
  }

  #main__header .top-header .left-wrp {
    margin-top: 0;
  }

  #main__header .top-banner .top-banner-wrp span {
    text-align: end;
  }

  #main__header .top-banner .top-banner-wrp {
    width: max-content;
    padding: 10px 26px;

    max-width: 100%;
    width: 100%;
    text-align: center;
  }

  header .logo img {
    max-width: 180px;
  }

  #main__header .top-header .right-wrp .btn-container .blue-btn {
    padding: 10px 18px;
  }

  #main__header .top-header {
    /* padding: 25px 0 25px !important; */
    padding: 15px 0 25px !important;
  }

  /* cta-section */
  .cta-section {
    padding: 230px 0 62px;
  }

  .cta-section::before {
    top: 0;
    mask-position: bottom left;
  }

  .cta-section .cta-wrp {
    flex-direction: column-reverse;
    row-gap: 30px;
  }

  .cta-section .cta-left,
  .cta-section .cta-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .cta-section .cta-left {
    text-align: center;
    align-items: center;
  }

  /* cta-section End */
  /* review section */
  .reviews {
    padding: 120px 0 7px;
  }

  .reviews .reviews-top {
    margin-bottom: 50px;
  }

  .reviews .reviews-wrp::before {
    top: -120px;
    width: 100px;
    height: 100px;
  }

  .reviews .reviews-wrp::after {
    width: 100px;
    height: 100px;
  }

  .reviews .slick-slider .slick-dots {
    bottom: -40px;
  }

  .reviews .cta-btn {
    margin-top: 80px;
  }

  /* review section End */
  /* coupen */
  .coupons {
    padding: 40px 0 60px;
  }

  .coupons .coupons-wrp {
    flex-direction: column-reverse;
    row-gap: 60px;
  }

  .coupons .coupons-wrp .left-col,
  .coupons .coupons-wrp .right-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .coupons .coupons-wrp .right-col {
    text-align: center;
    align-items: center;
  }

  .coupons .coupons-wrp .right-col h2 span {
    margin-top: 13px;
  }

  .coupons .coupons-wrp .right-col h2 {
    margin-bottom: 14px;
  }

  .coupons .coupons-wrp .item-content p.terms {
    margin-bottom: 20px;
  }

  .coupons .coupons-wrp .right-col .cta-btn {
    margin-top: 7px;
  }

  .coupons .coupons-wrp .item {
    padding: 70px 40px 50px;
  }

  /* coupen end */
  /* why-choose */
  .why-choose {
    padding: 220px 0 200px;
    margin-block: -100px;
  }

  .why-choose .why-choose-wrp .wc-features {
    justify-content: center;
  }

  .why-choose .wc-cta {
    margin-top: 40px;
  }

  .why-choose .wc-features .wc-feature {
    width: calc((100% - (24px * 1))/2);
  }

  /* why-choose end */
  /* about-us */
  .about-us .col-md-12 {
    flex-direction: column;
    row-gap: 38px;
  }

  .about-us .col-md-12 .left-col,
  .about-us .col-md-12 .right-col {
    flex: 100%;
    max-width: 100%;
  }

  .about-us .col-md-12 .left-col .about-image {
    display: block;
    margin-inline: auto;
  }

  .about-us .col-md-12 .right-col {
    text-align: center;
  }

  .about-us .col-md-12 .right-col .cta-btns {
    justify-content: center;
  }

  .about-us .col-md-12 .right-col h6 {
    color: #FFF;
  }

  /* about-us End */
  /* hero-home start */
  .hero-home .col-md-12 {
    flex-direction: column;
  }

  .hero-home .left-col,
  .hero-home .right-col {
    width: 100%;
  }

  .hero-home .right-col .img-wrp.desktop {
    display: none;
  }

  .hero-home .right-col .img-wrp.mobile {
    position: relative;
    width: 100%;
    height: 480px;
    display: block;
  }

  .hero-home .right-col .img-wrp.mobile img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
    right: calc(-50vw + 50%);
    max-width: none !important;
    object-fit: contain;
  }

  /* hero-home end */
  /* what-we-offer start */
  .what-we-offer .what-we-offer-wrp p:nth-of-type(1) {
    margin-bottom: 30px;
  }

  .what-we-offer .what-we-offer-wrp h2 {
    margin-bottom: 14px;
  }

  .what-we-offer .what-we-offer-wrp .services .service {
    width: calc((100% - (24px * 1))/2);
  }

  .what-we-offer .what-we-offer-wrp .services {
    column-gap: 24px;
    row-gap: 30px;
  }

  .hero-home .left-col h1 {
    max-width: 446px;
  }

  .what-we-offer .what-we-offer-wrp::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 50%;
    background: linear-gradient(0deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
    transform: translateX(-50%);
  }

  /* what-we-offer end */
  .financing-option {
    padding: 50px 0 70px;
  }

  .financing-option .col-md-12 {
    flex-direction: column-reverse;
    row-gap: 40px;
  }

  .financing-option .col-md-12 .left-col,
  .financing-option .col-md-12 .right-col {
    flex: 100%;
    max-width: 100%;
  }

  .financing-option .right-col .financing-img {
    display: block;
    max-width: 510px;
    margin-inline: auto;
  }

  .financing-option .left-col .img-wrp,
  .financing-option .cta-btns {
    justify-content: center;
  }

  .financing-option .left-col h6,
  .financing-option .left-col h2,
  .financing-option .left-col p {
    text-align: center;
  }

  .financing-option .feature p {
    text-align: left;
  }

  /* .services-tabs-offer-sec .tabs-wrp button.services-tab-btn.active {
    font-size: 20px;
  } */

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns {
    overflow-x: auto;
    overflow: visible;
    display: block;
    background: transparent;
    border-radius: 0;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn {
    min-width: 260px;
    padding: 20px 40px 20px 20px;
    width: 100%;
    margin-bottom: 0;
    border-radius: 10px;
    background: #343434;
    justify-content: start;
    position: relative;
    text-align: start;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn:after,
  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn:not(.active):after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    right: 20px;
    background-image: url('../images/tab-icon.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn.active:after {
    transform: translateY(-50%) rotate(0);
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn:not(:first-child) {
    margin-top: 20px;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns button.services-tab-btn.active {
    background: #C1212D;
    margin-bottom: 0;
    border-radius: 8px 8px 0 0;
    box-shadow: 0px 20px 25px -5px #1FA2BE4D;
    box-shadow: 0px 0px 20px -5px #c1212d;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-content {
    display: block;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tab-content {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
    text-align: left;
    border: 2px solid #C1212D;
    box-shadow: 0px 10px 20px -5px #c1212d;
  }



  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns p a {
    color: #004164;
    text-decoration: underline;
    transition: all 0.3s ease-in-out;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns p a:hover {
    color: #C1212D;
  }

  .service-offers {
    padding-bottom: 20px;
  }

  body:not(.home) .what-we-offer.services-we-offer::after {
    height: 115%;
  }

  .testimonials-sec .reviews-top {
    margin-bottom: 33px;
  }

  .testimonials-sec .slick-track {
    display: flex;
  }

  .testimonials-sec .testimonials-wrp .testimonials-card {
    margin: 0px 10px;
    height: auto;
    box-shadow: none;
  }

  .testimonials-sec .slick-slider .slick-next,
  .testimonials-sec .slick-slider .slick-prev {
    background: var(--Black1);
    border-top: 1px solid #0000001F;
  }

  .testimonials-sec .slick-dots li.slick-active button {
    background: var(--Black1);
  }

  .testimonials-sec .slick-dots {
    bottom: -30px;
  }

  /* career page start */
  .career-form .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    grid-column: span 6;
  }

  .career-form .work-experience-heading .gfield_repeater_item {
    grid-template-columns: repeat(6, 1fr);
  }

  .career-openings {
    padding-top: 45px;
  }

  .career-openings .career-job .top-wrp {
    gap: 20px;
    margin-bottom: 26px;
  }

  .career-openings .content-wrp {
    gap: 30px;
  }

  .career-openings .content-wrp .subtitle {
    width: 140px;
  }

  .career-openings .content-wrp .subtitle p {
    font-size: 20px;
    line-height: 28px;
  }

  .career-openings .content-wrp .description p {
    margin-bottom: 22px;
  }

  /* career page end */
  section.service-areas {
    padding: 50px 0 20px;
  }

  section.service-areas .service-area-wrp {
    grid-template-columns: 1fr;
    row-gap: 56px;
  }

  section.service-areas::before {
    top: -280px;
    height: 586px;
  }

  section.service-areas::after {
    top: 300px;
    height: 1420px;
    mask-size: cover;
  }

  .reviews.has-background {
    padding-top: 230px;
  }

  .trust-badges {
    padding: 40px 0 20px;
  }

  .our-specials {
    padding: 45px 0 66px;
  }

  .our-specials::before {
    height: 22%;
  }

  .our-specials .os-wrp .os-top-wrp {
    margin-bottom: 40px;
  }

  .our-specials .os-wrp .specials-wrp {
    margin: 0;
    gap: 30px;
  }

  /* .our-specials .os-wrp .specials-wrp .specials { width: calc((100% - (1 * 30px)) / 2); margin: 0; }
  .our-specials .os-wrp .specials-wrp .specials:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) { width: calc(50% - 15px); } */

  .our-specials .os-wrp .specials-wrp .specials,
  .our-specials .os-wrp .specials-wrp .specials:not(:first-child):not(:nth-child(2)):not(:nth-child(3)) {
    width: calc((100% - (1 * 30px)) / 2);
    margin: 0;
  }

  .content-with-form {
    padding-top: 50px;
    padding-bottom: 56px;
  }

  .content-with-form .gform-theme--foundation .gform_footer {
    margin-top: 10px !important;
  }

  .content-with-form .cwf-wrp {
    display: flex;
    flex-direction: column;
  }

  .content-with-form .form-wrp,
  .content-with-form .cnt-wrp {
    width: 100%;
  }

  .payment-methods {
    padding-bottom: 30px;
  }

  .about-team-sec {
    padding: 40px 0 200px;
  }

  .about-team-sec .about-team-wrp {
    flex-direction: column;
  }

  .about-team-sec .img-wrp {
    max-width: 100%;
  }

  .about-team-sec .content-wrp {
    text-align: center;
  }

  .about-team-sec::before {
    height: 118%;
    mask-position: bottom right;
  }

  .our-team-sec .heading-wrp h2 {
    margin-bottom: 30px;
  }

  .our-team-sec .team-card {
    width: calc((100% - (2 * 30px)) / 3);
  }

  .company-info-sec {
    padding: 150px 0 160px;
  }

  .company-info-sec::after {
    mask-position: top right;
  }

  .service-info-sec {
    padding-bottom: 70px;
  }

  .faq-sec {
    padding: 45px 0 50px;
  }

  .membership-info::after {
    mask-position: bottom left;
  }

  .membership-info .membership-wrp {
    flex-direction: column;
    gap: 0;
  }

  .membership-info .membership-wrp .left-wrp,
  .membership-info .membership-wrp .right-wrap {
    width: 100%;
    text-align: center;
  }

  .membership-info .heading-wrp h2 {
    margin-bottom: 22px;
  }

  .membership-info .membership-wrp .membership-box {
    padding-bottom: 110px;
  }

  .membership-info .membership-wrp .left-wrp .membership-box {
    display: none;
  }

  .membership-info .membership-wrp .right-wrap .membership-box {
    display: block;
    margin-top: 40px;
  }

  .membership-info .membership-wrp .membership-box .badge-img {
    right: unset;
    left: 50%;
    transform: translateX(-50%);
    bottom: -85px;
    max-width: 122px;
  }

  .about-plumbing-section {
    padding: 14px 0 30px;
  }

  .about-plumbing-section .about-plumbing-wrp .left-wrp .img-wrp {
    padding: 15px;
  }

  .about-plumbing-section .about-plumbing-wrp {
    gap: 40px;
    flex-direction: column;
    text-align: center;
  }

  .about-plumbing-section .about-plumbing-wrp .left-wrp,
  .about-plumbing-section .about-plumbing-wrp .right-wrp {
    width: 100%;
  }

  .plumbing-cta-section {
    padding: 30px 0 50px;
  }

  .blog-list-sec .blog-lists {
    gap: 30px;
  }

  .blog-list-sec .blog-lists .post-wrp {
    width: calc((100% - 30px) / 2);
  }

  .blog-list-sec .blog-lists .post-wrp .cnt-wrp .cnt-text h3 a {
    font-size: 22px;
  }

  .blog-list-sec {
    padding: 45px 0 40px 0;
  }

  .single-blog::after {
    top: 4%;
    height: 8%;
  }

  .post-list-sec {
    padding-bottom: 20px;
  }

  .post-list-sec .latest-posts-wrapper .single-post-box {
    margin: 0 15px;
    box-shadow: none;
  }

  .post-list-sec .latest-posts-wrapper {
    margin: 0 -15px;
  }

  .post-list-sec .latest-posts-wrapper .slick-track {
    display: flex;
    height: 100%;
  }

  .post-list-sec .latest-posts-wrapper .single-post-box {
    height: 100%;
    display: flex;
  }

  .post-list-sec .latest-posts-wrapper .single-post-box .post-content a {
    display: flex;
    gap: 10px;
  }

  .post-list-sec .latest-posts-wrapper .slick-dots li.slick-active button {
    background: #333333;
  }

  .installation-sec .heading-wrp {
    text-align: center;
  }

  .installation-sec .service-points .service-point {
    width: 100%;
  }

  .company-benefits-sec .benefits-list .benefit-item {
    width: 100%;
  }

  .installation-matters-sec .points-wrp {
    display: flex;
    gap: 20px;
    width: 100%;
  }

  .installation-matters-sec .points-wrp img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(29%) saturate(640%) hue-rotate(145deg) brightness(93%) contrast(91%);
  }

  .installation-sec .installation-cta {
    flex-direction: column;
    text-align: center;
  }

  .installation-matters-sec {
    padding-bottom: 30px;
  }

  .installation-matters-style-two .main-cnt-wrp {
    gap: 50px;
    margin-bottom: 50px;
    flex-direction: column;
  }

  .installation-matters-style-two .main-cnt-wrp .img-wrp {
    max-width: 100%;
    padding: 20px;
  }

  .menu-row,
  footer .footer-row .right-wrp {
    display: grid;
    column-gap: 30px;
    row-gap: 50px;
    grid-template-columns: repeat(2, 1fr);
  }

  .col-in ul li a {
    margin-bottom: 10px;
  }
}

/*991px end*/
@media screen and (max-width: 782px) {
  .logged-in #main__header {
    top: 46px;
  }

  html #wpadminbar {
    position: fixed;
  }
}

@media (max-width: 767px) {
  .mobile {
    display: block;
  }

  .desktop {
    display: none;
  }

  .container,
  .container-fluid,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
  }

  h1,
  .h1 {
    font-size: 38px;
  }

  /* h2,
  .h2 {
    font-size: 30px;
  } */

  p {
    font-size: 16px;
  }

  .red-btn,
  .blue-btn,
  .gform_button {
    min-width: 100%;
    max-width: 360px;
  }

  header .top-header {
    gap: 0;
  }

  header .navigation .mean-bar ul.firstul {
    padding-bottom: 24px;
  }

  header .navigation .mean-bar ul.firstul li a {
    padding: 9px 15px;
    line-height: 21px;
  }

  .mean-nav ul li a.mean-expand {
    height: 39px;
    width: 60px;
  }

  header .navigation .mean-bar ul.firstul li a+ul.dropdown-menu li a {
    padding: 9px 25px;
  }

  .logged-in #main__header {
    top: 46px;
  }

  .modal-dialog {
    max-width: 92.31%;
    margin-left: auto;
    margin-right: auto;
  }

  .modal-dialog .close-btn {
    top: 15px;
  }

  .meta_social_btns {
    gap: 28px;
  }

  .meta_social_btns a .copy-to-clipboard {
    top: 28px;
    left: -65px;
    text-align: center;
    font-size: 12px;
  }

  .meta_social_btns a:hover img.hover {
    opacity: 0;
    visibility: hidden;
  }

  /* call-div fix button */
  .call-div.fix {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--Black1);
    padding: 10px 21px 12px;
    text-align: center;
    z-index: 9999;
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .call-div.fix .purple-btn {
    min-width: auto;
    flex: 1;
    font-size: 15px;
    letter-spacing: 0.45px;
  }

  /* call-div fix button end */
  .content {
    padding-top: 87px;
  }

  .mean-nav {
    height: calc(100vh - 87px);
  }

  .lines-button {
    top: 55%;
  }

  .lines:before,
  .lines:after,
  .lines {
    height: 3px;
    width: 22.89px;
  }

  /* footer */
  footer {
    padding: 49px 0 80px;
  }

  footer .footer-row .left-wrp .col-in {
    max-width: 100%;
  }

  footer .f-logo {
    margin-bottom: 20px;
  }

  footer .f-map {
    margin-bottom: 30px;
  }

  footer .f-map img {
    height: 200px;
  }

  footer .f-location a {
    margin-bottom: 9px;
    display: block;
  }

  footer .f-location p {
    margin-bottom: 19px;
  }

  footer .footer-row .right-wrp {
    flex-direction: column;
    row-gap: 38px;
  }

  footer .footer-row2 {
    padding-top: 20px;
    border-top: 1px solid #73D1DD;
    margin-top: 23px;
  }

  footer .footer-row2 .footer-row2-wrp {
    gap: 24px;
  }

  /* footer end */
  #main__header .container {
    max-width: 100%;
    padding: 0 15px;
  }

  #main__header .top-banner .top-banner-wrp span+span::before {
    margin: 0 10px;
  }

  #main__header .logo img {
    max-width: 130px;
  }

  #main__header .top-header {
    margin-top: 0px;
    padding: 10px 0 20px !important;
  }

  header .right-wrp {
    margin-right: 45px;
  }

  #main__header .top-header .right-wrp .btn-container .blue-btn {
    /* padding: 8.5px 26.2px; */
    padding: 11px 18px;
    min-height: auto;
    /* border-radius: 5px; */
    border-radius: 14px;
  }

  #main__header .top-header .right-wrp .btn-container .blue-btn span {
    font-size: 14px;
  }

  #main__header .top-header .right-wrp .btn-container .blue-btn::before,
  #main__header .top-header .right-wrp .btn-container .blue-btn::after {
    /* border-radius: 5px; */
    border-radius: 14px;
  }

  #main__header .top-header .left-wrp {
    margin-top: 0;
  }

  #main__header .top-banner .top-banner-wrp {
    padding: 8px 26px;
  }

  #main__header .right-wrp {
    margin-bottom: 5px;
  }

  /* cta-section */
  .cta-section {
    /* padding: 213px 0 62px; */
    padding: 110px 0 62px;
  }

  .cta-section .cta-btns {
    margin-top: 20px;
  }

  .cta-section .cta-left a.red-btn {
    min-width: 100%;
  }

  .cta-section::before {
    top: -350px;
    mask-position: top right;
    height: 138%;
  }

  /* cta-section End */
  /* review section */
  .reviews {
    padding: 120px 0 7px;
  }

  .reviews .reviews-top {
    margin-bottom: 50px;
  }

  .reviews .reviews-wrp::before {
    top: -120px;
    width: 100px;
    height: 100px;
  }

  /* .reviews .reviews-wrp::after {
    width: 84px;
    height: 84px;
    bottom: 135px;
  } */
  .reviews .reviews-wrp::after {
    width: 90px;
    height: 90px;
    bottom: -110px;
  }

  .reviews .slick-slider .slick-dots {
    bottom: -30px;
  }

  .reviews .cta-btn {
    margin-top: 115px;
    flex-direction: column;
  }

  .reviews .item {
    margin: 0 20px;
  }

  .reviews .item .item-content {
    padding: 35px 15px 52px;
  }

  .reviews .item .item-content .rating-img {
    margin-top: 16px;
    margin-bottom: 20px;
  }

  .reviews .slick-slider .slick-prev {
    left: 0;
  }

  .reviews .cta-btn a.blue-btn {
    min-width: 100%;
  }

  /* review section End */
  .coupons .coupons-wrp .item {
    padding: 30px 15px;
  }

  .coupons .coupons-wrp .item-content h2 {
    margin-bottom: 11px;
    font-size: 24px;
  }

  .coupons .coupons-wrp .item-content p.terms {
    margin-bottom: 15px;
    font-size: 12px;
    max-width: 260px;
    margin-inline: auto;
  }

  .coupons .coupons-wrp .item-content p.expiry {
    margin-bottom: 25px;
    font-size: 12px;
  }

  .coupons .coupons-wrp .right-col .cta-btn a.red-btn {
    min-width: 100%;
  }

  .coupons .coupons-wrp .right-col .cta-btn {
    width: 100%;
  }

  .coupons .coupons-wrp .item-content a.blue-btn {
    min-width: 100%;
  }

  /* why-choose */
  .why-choose .wc-features .wc-feature {
    width: 100%;
    min-height: 220px;
    justify-content: center;
  }

  .why-choose .wc-cta a.red-btn {
    min-width: 100%;
  }

  .why-choose {
    padding: 300px 0;
    margin-block: -180px;
  }

  .why-choose .why-choose-wrp .wc-features {
    justify-content: center;
    row-gap: 30px;
  }

  .why-choose .why-choose-wrp h2 {
    margin-bottom: 22px;
  }

  .why-choose .wc-cta {
    margin-top: 50px;
  }

  /* why-choose end */
  /* about-us */
  .about-us .col-md-12 .right-col .stats {
    gap: 10px;
    margin-bottom: 50px;
  }

  .about-us .col-md-12 .right-col .stats .stat-item {
    padding: 17px 15px 25px;
    width: calc((100% - (20px * 1))/2);
  }

  .about-us .col-md-12 .right-col .cta-btns {
    flex-direction: column;
    gap: 31px;
  }

  .about-us .col-md-12 .right-col .cta-btns .red-btn,
  .about-us .col-md-12 .right-col .cta-btns .blue-btn {
    min-width: 100%;
  }

  .about-us .col-md-12 .right-col p:nth-child(5) {
    margin-bottom: 30px;
  }

  .about-us .col-md-12 .right-col h2 {
    margin-bottom: 14px;
  }

  .about-us .col-md-12 .right-col h6 {
    line-height: 27px;
  }

  .about-us .col-md-12 .right-col h2 span {
    display: block;
    margin-top: 13px;
  }

  /* about-us End */
  /* hero-home start */
  .hero-home {
    padding: 40px 0px;
  }

  /* .hero-home .right-col .img-wrp.mobile {
    position: relative;
    width: 100%;
    display: block;
    margin-top: 30px;
  } */
  .hero-home .right-col .img-wrp.mobile {
    position: relative;
    width: 100%;
    aspect-ratio: 10 / 10;
    display: block;
    margin-top: 30px;
    height: auto;
    padding-bottom: 0;
  }

  /* .hero-home .right-col .img-wrp.mobile img {
    position: absolute;
    top: 0;
    right: calc(-50vw + 50%);
    width: 100%;
    max-width: none;
    object-fit: contain;
  } */

  .hero-home .right-col .img-wrp.mobile img {
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
  }

  .what-we-offer {
    padding: 0px 0px 37px;
  }

  .hero-home {
    /* padding: 40px 0px 0px 0px; */
    padding: 25px 0px 0px 0px;
  }

  /* .what-we-offer .what-we-offer-wrp::before ,.what-we-offer::after  {
    content: '';
    display: none !important;
	} */


  .hero-home .cta-btns {
    margin-bottom: 20px;
    flex-direction: column;
  }

  .hero-home .cta-btns .red-btn,
  .hero-home .cta-btns .blue-btn {
    min-width: 100%;
  }

  .hero-home .features-list {
    gap: 22px;
  }

  .hero-home .features-list .feature p {
    font-size: 12px;
  }

  .hero-home .right-col .img-wrp.mobile {
    /* height: 480px; */
  }

  .hero-home .left-col h1 {
    margin-bottom: 10px;
  }

  .hero-home .left-col p:first-child {
    margin-bottom: 21px;
  }

  .hero-home .left-col p {
    margin-bottom: 30px;
  }

  .hero-home .left-col h1 {
    margin-bottom: 17px;
  }

  .hero-home .cta-btns {
    gap: 20px;
    margin-bottom: 35px;
  }

  /* hero-home end */
  /* what-we-offer start */
  .what-we-offer .what-we-offer-wrp .services .service {
    width: 100%;
  }

  /* .what-we-offer::before {
    content: '';
    position: absolute;
    top: -20.4%;
    left: 0;
    width: 100%;
    height: 2772px;
    mask-image: url('../images/we-offer-mb.svg');
    mask-position: top center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    background: linear-gradient(180deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
  } */
  /* .what-we-offer .what-we-offer-wrp::before,.what-we-offer::after {
    content: unset;
  } */
  /* .what-we-offer {
    padding: 120px 0px 37px;
  } */
  /* .what-we-offer .what-we-offer-wrp::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 50%;
    background: linear-gradient(0deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
    transform: translateX(-50%);
    mask-image: url(../images/what-we-offer-center-mb.svg);
    mask-position: top center;
    mask-repeat: repeat-y;
    mask-size: cover;
}
.what-we-offer::before {
    content: '';
    position: absolute;
    top: -350px;
    left: 0;
    width: 100%;
    height: 1019px;
    mask-image: url('../images/what-we-offer-top-mb.svg');
    mask-position: top center;
    mask-repeat: no-repeat;
    mask-size: cover;
    background: linear-gradient(180deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
}
.what-we-offer::after {
    content: '';
    position: absolute;
    bottom: -300px;
    left: 0;
    width: 100%;
    height: 639px;
    mask-image: url('../images/what-we-offer-bottom-mb.svg');
    mask-position: bottom center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    background: linear-gradient(0deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
}
  */
  .what-we-offer::after {
    content: '';
    position: absolute;
    bottom: -90px;
    left: 0;
    width: 100%;
    height: 100%;
    mask-image: url('../images/what-we-offer-bottom-mb.svg');
    mask-position: bottom center;
    mask-repeat: no-repeat;
    mask-size: 100%;
    background: linear-gradient(0deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
  }

  .what-we-offer .what-we-offer-wrp::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background: linear-gradient(0deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
    transform: translateX(-50%);
    mask-image: url(../images/what-we-offer-center-mb.svg);
    mask-position: top center;
    mask-repeat: repeat-y;
    mask-size: cover;
  }

  .what-we-offer::before {
    content: '';
    position: absolute;
    top: -349px;
    left: 0;
    width: 100%;
    height: 350px;
    mask-image: url('../images/what-we-offer-top-mb.svg');
    mask-position: top center;
    mask-repeat: no-repeat;
    mask-size: cover;
    background: linear-gradient(180deg, #287F8A 0%, #73CFDB 100%);
    z-index: -1;
  }

  /* what-we-offer end */
  .cta-section .cta-btns {
    margin-top: 20px;
    flex-direction: column;
    width: 100%;
  }

  .cta-section .cta-btns .blue-btn {
    min-width: 100%;
  }

  .reviews .cta-btn {
    margin-top: 65px;
    margin-bottom: 60px;
    flex-direction: column;
  }

  .financing-option .cta-btns {
    flex-direction: column;
  }

  .financing-option .cta-btns .red-btn,
  .financing-option .cta-btns .blue-btn {
    min-width: 100%;
  }

  .financing-option .left-col .img-wrp {
    flex-direction: column;
  }

  .financing-option .financing-features-wrp .feature {
    padding: 20px;
  }

  .financing-option .feature h4 {
    font-size: 18px;
    line-height: 26px;
  }

  .financing-option .cta-btns {
    margin-top: 30px;
  }

  .financing-option {
    padding: 50px 0 60px;
  }

  .why-choose::after {
    height: 52%;
  }


  .testimonials-sec {
    padding: 45px 0 42px;
  }

  .testimonials-sec .reviews-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 50px;
  }

  .testimonials-sec .right-wrp {
    width: 100%;
  }

  .testimonials-sec .right-wrp .red-btn {
    min-width: 100%;
    max-width: 100%;
  }

  .testimonials-sec .slick-slider .slick-next {
    right: -10px;
  }

  .testimonials-sec .slick-slider .slick-prev {
    left: -10px;
  }

  .testimonials-sec .reviews-top .left-wrp h2 {
    font-size: 32px;
  }

  .testimonials-sec .reviews-top .rating-stars img {
    max-width: 146px;
    margin-top: -3px;
  }

  .testimonials-sec .reviews-top .middle-wrp .rating-stars p a {
    gap: 14px;
  }

  .testimonials-sec .testimonials-wrp .testimonials-card {
    flex-direction: column;
    gap: 15px;
  }

  h3,
  .h3 {
    font-size: 30px;
  }

  section.service-areas {
    padding: 45px 0 20px;
  }

  section.service-areas .service-areas {
    column-gap: 20px;
  }

  .reviews.has-background::before {
    top: -40px;
    height: 630px;
  }

  .trust-badges {
    padding: 25px 0 10px;
  }

  .our-specials::before {
    height: 15%;
    mask-position: bottom left;
  }

  .our-specials .os-wrp .specials-wrp {
    gap: 40px;
  }

  .our-specials .os-wrp .specials-wrp .specials,
  .our-specials .os-wrp .specials-wrp .specials:not(:first-child):not(:nth-child(2)):not(:nth-child(3)),
  .service-offers .specials-wrp .specials {
    width: 100%;
  }

  .our-specials .os-wrp .specials-wrp .specials .specials-in p strong {
    font-size: 18px;
  }

  .content-with-form {
    padding-top: 45px;
  }

  .content-with-form .cwf-wrp {
    flex-direction: column;
    background: transparent;
    box-shadow: none;
    padding: 0;
    gap: 50px;
  }

  .content-with-form .form-wrp,
  .content-with-form .cnt-wrp {
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 25px 50px -12px #00000033;
  }

  .content-with-form .form-wrp {
    padding: 30px 20px 40px;
  }

  .cwf-wrp .cnt-wrp .img-wrp+div {
    padding: 15px 15px 0;
  }

  .content-with-form .social-list {
    padding: 0 15px 42px;
  }

  .payment-methods .payment-wrp .payment-method {
    max-width: 105px;
    max-width: calc((100% - (2 * 20px)) / 3);
  }

  .content-with-form .gform-theme--foundation .gform_footer input[type='submit'] {
    width: 100% !important;
  }

  .content-with-form .cwf-wrp .cnt-wrp .holiday-hours p a[href^='tel:'] {
    width: 100%;
    display: block;
  }

  .content-with-form .cwf-wrp .cnt-wrp .holiday-hours p a[href^='tel:']::after {
    display: none;
  }

  .content-with-form .cwf-wrp .cnt-wrp p a[href^='tel:'] {
    color: #ba1f2c !important;
  }

  .content-with-form::after {
    height: 75%;
  }

  .content-with-form .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_checkbox,
  .content-with-form .gform_wrapper.gravity-theme .gfield.gf_list_4col .gfield_radio {
    grid-template-columns: repeat(2, 1fr) !important;
    display: grid;
  }

  .content-with-form .gform_wrapper.gravity-theme .gform_footer {
    max-width: 100%;
  }

  .about-team-sec {
    padding: 40px 0 175px;
  }

  .about-team-sec::before {
    height: 122%;
  }

  .about-team-sec .about-team-wrp {
    gap: 20px;
  }

  .about-team-sec .img-wrp {
    padding: 15px;
  }

  .our-team-sec .team-card {
    width: 100%;
  }

  .our-team-sec .our-team-wrp {
    row-gap: 30px;
  }

  .company-info-sec {
    padding: 126px 0 160px;
  }

  .company-info-sec .info-cards-wrp {
    flex-direction: column;
    gap: 20px;
  }

  .service-info-sec .si-section .si-items {
    text-align: center;
    row-gap: 20px;
    flex-direction: column;
  }

  .service-info-sec .si-section .si-items .si-item:has(ul) {
    text-align: start;
  }

  .faq-sec .faq_wrp .faqs .faq {
    padding: 20px 20px 0;
  }

  .faq-sec .faq_wrp .faqs .faq h4 {
    padding-bottom: 20px;
  }

  .membership-info {
    padding: 45px 0 180px;
  }

  .membership-info .membership-wrp .membership-box:before {
    right: -111px;
  }

  .membership-info .membership-wrp .membership-box::after {
    bottom: 10px;
  }

  .about-plumbing-section .about-plumbing-wrp .left-wrp .img-wrp img {
    min-height: 280px;
  }

  .about-plumbing-section {
    padding: 30px 0 30px;
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-btns {
    /* gap: 20px; */
    /* padding: 25px 16px 22px; */
  }

  .services-tabs-offer-sec .tabs-wrp .services-tabs-content {
    padding: 0;
  }

  .services-tabs-offer-sec::before {
    top: -22%;
    height: 160%;
  }

  .service-offers {
    padding-bottom: 20px;
  }

  body:not(.home) .what-we-offer.services-we-offer::after {
    height: 126%;
    top: 4%;
  }

  .blog-list-sec .blog-lists .post-wrp .cnt-wrp .cnt-text h3 a {
    font-size: 20px;
  }

  .blog-list-sec .blog-lists .post-wrp {
    width: 100%;
  }

  .blog-list-sec .blog-lists .post-wrp .cnt-wrp {
    padding: 20px;
  }

  .post-list-sec {
    padding-top: 110px;
  }

  .blog-list-sec {
    padding: 45px 0 20px 0;
  }

  .single-blog::before {
    height: 12%;
  }

  .single-blog::after {
    top: 2.8%;
    height: 3%;
  }

  .post-list-sec::before {
    top: -3%;
    height: 77%;
  }

  /* career page start */
  .career-form .work-experience-heading .gfield_repeater_item {
    grid-template-columns: 1fr;
  }

  .career-form .work-experience-heading .gfield_repeater_cell {
    grid-column: 1 / -1 !important;
  }

  .career-form .gform_wrapper.gravity-theme .gfield.gfield--width-third {
    grid-column: span 12;
  }

  .career-form .gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 12;
  }

  .career-form .gform_wrapper.gravity-theme .gfield_checkbox label {
    font-size: 14px;
  }

  .career-form #field_2_1008 .gfield-choice-input {
    width: 12px;
    height: 12px;
    margin-right: 3px;
  }

  .career-form .form-wrp .form-heading {
    margin-bottom: 30px;
  }

  .career-form .gform_wrapper.gravity-theme .gform_fields,
  .career-form .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address {
    grid-row-gap: 20px !important;
    grid-column-gap: 20px !important;
  }

  .career-form .work-experience-heading>.gfield_repeater_wrapper>.gfield_repeater_container>.gfield_label {
    margin-bottom: 20px;
  }

  .career-form .work-experience-heading .gfield_repeater_item {
    gap: 20px 12px;
  }

  .career-form .gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text,
  .career-form .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
    margin-right: 10px 0px;
    min-width: 100%;
  }

  .career-form .gform_wrapper.gravity-theme .gfield_repeater_buttons .add_repeater_item_text {
    margin: 0px 0px 10px 0px;
  }

  .career-form .gform_wrapper.gravity-theme fieldset {
    margin-bottom: 20px;
  }

  .career-form .gform_wrapper.gravity-theme .gform_footer {
    margin: 10px 0 0 !important;
    min-width: 100%;
    max-width: 100%;
  }

  .career-form .gform_wrapper.gravity-theme .gform_footer .gform_button {
    min-width: 100%;
  }

  .career-openings .career-job .top-wrp {
    gap: 30px;
    margin-bottom: 44px;
    flex-direction: column;
    justify-content: start;
    align-items: start;
  }

  .career-openings .career-job .top-wrp h2 {
    font-size: 32px;
  }

  .career-openings .career-job .top-wrp .btn-wrp {
    width: 100%;
  }

  .career-openings .career-job .top-wrp .btn-wrp .red-btn {
    min-width: 100%;
    max-width: 100%;
    display: flex;
  }

  .career-openings .content-wrp {
    gap: 18px;
    flex-direction: column;
  }

  .career-openings .content-wrp .subtitle p {
    font-size: 24px;
    line-height: 32px;
  }

  .career-openings .content-wrp .subtitle {
    width: 100%;
  }

  .career-openings .content-wrp .description p {
    margin-bottom: 32px;
  }

  .career-openings+.reviews {
    padding: 170px 0 7px;
  }

  .career-form .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text {
    display: none;
  }

  .career-form .gform_wrapper.gravity-theme .gfield_repeater_buttons .remove_repeater_item_text[style*="visibility: visible"] {
    display: block;
  }

  /* career page end */
  /* .service-faq .faq_wrp .faqs .faq {
    padding: 20px 20px 0;
  } */

  .service-faq .faq_wrp .faqs .faq h4 {
    padding-bottom: 20px;
    font-size: 22px;
  }

  .installation-matters-sec .img-wrp {
    padding: 15px;
  }

  .installation-sec {
    padding: 45px 0 140px;
  }

  .installation-sec::after {
    mask-position: bottom left;
  }

  .company-benefits-sec {
    padding-top: 140px;
    padding-bottom: 140px;
  }

  .company-benefits-sec::before {
    top: 0;
    mask-position: top left;
  }

  .company-benefits-sec::after {
    mask-position: bottom right;
  }

  .installation-matters-sec .installation-points {
    gap: 20px;
  }

  .service-faq {
    padding: 10px 0px 60px;
  }

  .career-form .gform_wrapper.gravity-theme .gfield input,
  .career-form .gform_wrapper.gravity-theme .gfield select,
  .career-form .gform_wrapper.gravity-theme .gfield textarea {
    font-size: 16px !important;
  }

  .our-specials .hidden-special {
    display: none;
  }

  .our-specials.show-all .hidden-special {
    display: block;
  }

  .btn-wrp.mobile {
    text-align: center;
    margin-top: 30px;
  }

  .installation-matters-sec {
    padding-top: 30px;
  }

  .installation-matters-style-two .main-cnt-wrp .img-wrp {
    padding: 15px;
  }

  .menu-row,
  footer .footer-row .right-wrp {
    display: grid;
    column-gap: 30px;
    row-gap: 50px;
    grid-template-columns: 1fr;
  }
}

/*767px end*/


@media (max-width: 374px) {
  .hero-home .features-list {
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media screen and (min-width:1281px) {
  section.service-areas::before {
    top: -18vw;
    height: 35.5vw;
  }

  section.service-areas::after {
    height: 54vw;
    top: 16.8vw;
  }

  .cta-section::before {
    mask-position: top center;
  }

  .our-specials::before {
    height: 33%;
  }

  .company-info-sec::after {
    height: 70%;
    mask-position: bottom center;
    top: 40.5%;
  }

  .membership-info::before {
    top: -34.5%;
    height: 67%;
  }

  .membership-info::after {
    height: 75%;
  }

  body:not(.home) .what-we-offer.services-we-offer::after {
    height: 133%;
  }

  .testimonials-sec::before {
    top: -28%;
  }
}