@media (min-width: 768px) {
  body:has(.special-offer) .reviews-section {
    padding-bottom: 38px;
}
 body:has(.special-offer) .final-cta-section p{
  font-size: 16px;
 }
 .service-area .troubleshooting-wrap .section-heading h2 {
    font-size: 40px;
}
.service-area  .faq-wrap .section-heading h2{
font-size: 40px;
}
.service-area .faq-list .faq-item .faq-title h3{
  font-size: 18px;
}
body:has(.repair-replace-section) .final-cta-section h2{
  font-size: 36px;
}
}
@media (min-width: 1920px) {
  .container {
    max-width: 1324px;
  }
}
@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: 1224px;
  }

  .why-choose-section .container {
    margin: 0 auto;
    max-width: 1193px;
  }

  .mean-nav {
    display: none !important;
  }
  .about .service-area-section .service-map{
        width: 40%;
    margin-right: 70px;
  }
}

@media (max-width: 1199px) {
  .services-section .service-card {
    width: calc(50% - 12px);
  }

  .hero-section .hero-title {
    font-size: 42px;
  }

  .service-area-section .service-map {
    margin-right: 0;
  }




  .main_menu {
    display: none !important;
  }

  .lines-button {
    display: block;
  }

  .mean-nav {
    width: 100%;
    left: 0;
    top: 100%;
    height: calc(100vh - 65px);
    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: 24px;
    height: 3px;
    background: #334155;
  }

  header .container {
    max-width: 100%;
    padding-right: 16px;
    padding-left: 16px;
  }

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

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

  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: #001F45 !important;
    color: #fff !important;
    border-color: #001F45!important;
  }

  .mean-nav ul li a.mean-expand {
    background-image: url(../images/down-blue.svg) !important;
    background-size: 10px !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: #001F45 !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: #001F45 !important;
    color: var(--White) !important;
    border-color:#001F45!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(--Blue) !important;
    color: #fff !important;
    border-color:  var(--Blue) !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: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    color: #334155;
    transition: all 0.3s linear;
  }

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

  .opennav .mean-nav {
            display: flex !important;
            height: calc(100vh - 143px);
                    flex-direction: column;
  }

  .mean-nav ul>li > a{
    border-top: 1px solid #CBCBCB;
  }
  /*home page*/
  .content {
    padding-top: 143px;
  }

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

  .lines-button {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 999;
    transition: all 0.33s linear;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 47px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #E2E8F0;
    background: #F1F5F9;

  }

  header .right-wrp {
    margin-right: 55px;
  }
  .story-wrap .story-content .stats{
        gap: 30px;
        margin-top: 32px;
  }
  .story-wrap .story-content p{
        margin: 0 0 20px;
  }
  .story-wrap .story-content h2{
        margin: 0 0 20px;
  }
  .story-wrap .story-content .stat-number{
        font-size: 30px;
  }
  .why-card{
        padding: 22px;
  }
  .why-card h3{
        font-size: 20px;
            margin-bottom: 12px;
  }
  .why-choose{
    padding: 60px 0;
  }
  .cms-heading-wrap h1,
  .cms-heading-wrap h2{
  font-size: 46px;
}
.cms-content-wrp p {
  margin-bottom: 30px;
}
.cms-content-wrp{
  margin-bottom: 92px;
}
.cms-heading-wrap{
      margin-bottom: 40px;
}
.inner-hero h1{
          font-size: 42px;
}
.trust-badges{
      justify-content: center;
          flex-wrap: wrap;
}
.service-media-text {
    padding: 60px 0;
}
.contact-form-wrap .contact-form{
      padding: 30px;
}
.ftr-post .post-wrp .cnt-wrp{
      padding: 15px;
}
.single-blog {
    padding: 60px 0;
}
.single-letest-blog{
      padding: 60px 0;
}
.page-not-found {
    padding: 100px 0;
}
header .mobile {
    display: flex!important;
}
.opennav .mean-nav .btn-container {
    padding: 20px;
    gap: 12px;
    display: grid;
     grid-template-columns: 1fr 1fr;
}
.opennav .mean-nav .btn-container .mobile-btn {
    padding: 13px 20px;
    justify-content: center;
    border-radius: 10px;
}
}

/*1199px end*/

@media (max-width: 991px) {
  .hero-section {
    min-height: auto;
  }

  .hero-section .hero-sub {
    margin-bottom: 0;
    max-width: 100%;
    text-align: center;
  }

  .hero-section .hero-title {
    font-size: 36px;
    text-align: center;
  }

  .why-choose-section .why-choose-inner {
    flex-direction: column;
  }

  .why-choose-section .why-choose-img-col {
    width: 100%;
  }

  .why-choose-section .why-choose-img-col img {
    height: 280px;
  }

  .why-choose-section .why-choose-list-col {
    width: 100%;
  }

  .service-area-section .service-area-inner {
    flex-direction: column;
  }

  .service-area-section .service-map {
    width: 100%;
  }

  .service-area-section .service-map img {
    height: 300px;
  }

  .cta-banner-section .cta-banner-inner {
    flex-direction: column;
    text-align: center;
  }

  .cta-banner-section .cta-banner-btns {
    justify-content: center;
  }

  .hero-section .hero-form-card {
    max-width: 100%;
  }

  .review-bar-section .review-bar-inner {
    gap: 89px;
    grid-row-gap: 20px;
  }

  .review-bar-section .review-item:not(:last-child):after {
    right: -50px;
  }

  h2 {
    font-size: 30px;
  }

  .services-section .service-card h4 ,   .services-section .service-card h3{
    font-size: 20px;
  }

.brands-section .brand-logo {
    height: auto;
    width: 26.33%;
}

  .service-area-section .service-left {
    width: 100%;
  }

  .reviews-section .review-grid {
    margin-top: 0;
  }

  .reviews-section .review-card {
    width: 100%;
  }

  .reviews-section .section-header {
    margin-bottom: 30px;
  }

  .hero-section .hero-content {
    align-items: center;
  }

  .hero-section .hero-eyebrow {
    margin-bottom: 7px;
  }







  .modal-dialog {
    max-width: 95%;
  }

  .content {
    padding-top: 143px;
  }

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

  /* header .logo img {
    max-width: 195px;
  } */

  .footer__top {
    gap: 28px;
  }

  .footer__brand {
    width: 100%;
  }

  .footer__top {
    grid-template-columns: 46% 49%;
  }
  .our-story .story-wrap {
    flex-direction: column;
    gap: 32px;
    align-items: inherit;
}
  .our-story .story-content {
    max-width: 100%;
    flex: inherit;
}
.our-story .story-image {
    max-width: 100%;
    flex: inherit;
}
.why-cards{
      --columns: 2;
}
.narrative-strip, .abt-feature-layout{
      align-items: inherit;
          flex-direction: column;
}
.narrative-image, .abt-feature-layout .feature-content{
      max-width: 100%;
    flex: inherit;
}
.narrative-content, .abt-feature-layout .feature-image{
   max-width: 100%;
    flex: inherit;
}
.story-wrap .story-image img{
      max-width: 100%;
}
.services-overview-grid{
      --columns: 2;
}
.ac-feature-wrap{
      display: flex;
    flex-direction: column;
    align-items: inherit;
    gap: 40px;
}
.ac-feature-wrap .ac-feature-content, .ac-feature-wrap .ac-feature-image {
    max-width: 100%;
    flex: inherit;
}
.service-choose-grid{
      --columns: 2;
}
.offer-wrap{
      flex-wrap: wrap;
}
.services .service-area-section .service-left{
      max-width: 100%;
}
.services .service-area-section .service-map{
      max-width: 100%;
}
.inner-hero h1{
          font-size: 36px;
}
.ac-feature-wrap .ac-feature-content h2{
      margin-bottom: 16px;
}
.ac-feature-content .check-circle-list{
      margin-top: 22px;
}
.ac-feature-section{
      padding: 80px 0;
}
.service-choose-section {
    padding: 80px 0 50px;
}
.signs-wrap{
      flex-direction: column;
          gap: 40px;
}
.signs-wrap .signs-content {
    max-width: 100%;
    flex: inherit;
}
.inner-hero-image .hero-inner{
      flex-direction: column;
          gap: 40px;
         align-items: inherit;
    justify-content: inherit;     
}
.inner-hero-image .hero-inner .hero-media{
      flex: inherit;
          align-items: inherit;
}
.inner-hero-image .hero-inner .hero-media .img-wrap{
      margin: auto;
}
.service-request-wrap{
      grid-template-columns: 1fr;
    gap: 30px;
}
.troubleshooting-grid{
      --columns: 2;
}
.stats-wrap{
      display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.contact-form-wrap{
      grid-template-columns: 1fr;
          gap: 30px;
}
.contact-with-form-block{
      padding: 50px 0;
}

.ftr-post .post-wrp{
      flex-direction: column;
}
.ftr-post .post-wrp .img-wrp{
      max-width: 100%;
    flex: inherit;
}
.ftr-post .post-wrp .cnt-wrp {
    padding: 24px;
}
.single-blog .single-blog-sidebar{
      margin-top: 40px;
}
.single-letest-blog {
    padding: 40px 0;
}
.single-letest-blog .section-heading {
    margin-bottom: 38px;
}
.single-blog {
    padding: 40px 0;
}


}


/*991px end*/

@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;
  }

  .home .outline-green-btn,
  .home .btn-submit,
  .navy-btn,
  .white-outline-btn,
 .home .green-btn {
    padding-block: 11px;
    border-radius: 10px;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    min-height: 44px;
  }

  .home h2,
  .home .heading {
    font-size: 24px;
    line-height: 30px;
  }

  .home .purple-btn,
  .home .green-btn,
  .home .gform_button {
    min-width: 100%;
    max-width: 128px;
    min-height: 36px;
    padding: 10px 12px;
    font-size: 13px;
  }

  header .top-header {
    gap: 0;
  }
   #main__header .top-banner a.address {
    display: none;
}
  header .navigation .mean-bar ul.firstul {
    padding-bottom: 24px;
  }

  header .green-btn {
    padding: 9px 14px;
  }

  header .logo img,
  body.fixnav header .logo img {
    max-width: 100px;
  }

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

  }

  .mean-nav ul li a.mean-expand {
    height: 59px;
    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(--Green);
    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: 109px;
  }

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

  .lines-button {
    top: 50%;
  }

  header .top-header {
    padding: 14px 0;
  }

  #main__header .top-banner {
    padding: 10px 16px;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }

  #main__header .top-banner a.address {
    font-size: 11px;
    line-height: 15px;
  }

  #main__header .top-banner .emergency-text p {
    font-size: 11px;
  }

  #main__header .top-banner .emergency-text {
    padding: 5px 12px;
  }

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

  .footer__middle {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .footer__bottom {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 0;
    gap: 3px;
    padding-top: 10px;
  }

  .footer,
  .final-cta-section {
    padding: 40px 5px;
  }

  .footer__top {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-bottom: 25px;
  }

  .footer__brand p {
    font-size: 13px;
    line-height: 20px;
  }

  .footer__col-title,
  .footer__license {
    font-size: 12px;
  }

 .footer__nav-col ul li a {
    font-size: 13px;
    display: inline-block;
    line-height: 26px;
}
  .footer__nav-col ul {
    gap: 5px;
  }

  .footer__bottom a,
  .footer__bottom p {
    font-size: 12px;
            line-height: 20px;
        display: inline-block;
  }

  .footer {
    padding-bottom: 30px;
  }

  .footer__contact .footer__col-title {
    margin: 0;
    line-height: normal;
  }

  .footer__contact {
    gap: 6px;
  }

  .hero-section .hero-eyebrow {
    margin-bottom: 0px;
    padding: 5px 12px;
    background: #FFFFFF1F;
    border: 1px solid #FFFFFF2E;
    border-radius: 999px;
  }

  .hero-section .hero-title {
    font-size: 30px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.5px;
  }

  .hero-section .hero-form-card {
    padding: 20px;
    max-width: 100%;
  }
  .hero-section .hero-sub{
    font-size: 14px;
    line-height: 22px;
  }

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

  .hero-section .hero-form-card h2 {
    font-size: 22px;
    line-height: 26px;
  }

  .hero-section .hero-form-card>p {
    font-size: 12px;
    margin-bottom: 14px;
  }

  .gform_wrapper.gravity-theme .gfield_label {
    font-size: 11px !important;
    margin-bottom: 4px !important;
  }

  .gform_wrapper.gravity-theme .gfield input,
  .gform_wrapper.gravity-theme .gfield select,
  .gform_wrapper.gravity-theme .gfield textarea {
    padding: 10px 8px !important;
    font-size: 12px !important;
  }

  .gform_wrapper.gravity-theme .gfield select {
    background-position: center right 10px;
    background-size: 7px;
  }


  .review-bar-section .review-item {
    gap: 0;
  }

  .review-item img.review-item-logo {
    max-height: 19px;
    position: absolute;
    top: -6px;
    width: auto;
  }

  .review-bar-section .review-platform {
    font-size: 11px;
    line-height: normal;
    margin-left: 25px;
    margin-top: -3px;
    padding-bottom: 6px;
  }

  .review-bar-section .review-item:not(:last-child):after {
    right: -25px;
  }

  .review-score {
    font-size: 12px;
  }

  .review-stars {
    max-width: 47px;
  }

  .review-bar-section .review-bar-inner {
    gap: 45px;
  }

  .review-bar-section {
    padding: 18px 0;
  }

  .services-section {
    padding: 40px 0;
  }

  .services-section .section-header {
    margin-bottom: 24px;
  }

  .services-section .section-header h6.subheading {
    font-size: 12px;
  }

  .services-section .section-header p {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    margin: 10px auto 0;
  }

.services-section .service-card {
    width: 100%;
    padding: 20px;
    min-width: 100%;
}
  .services-section .service-icon {
    width: 48px;
    height: 48px;
  }

  .services-section .service-card h4,  .services-section .service-card h3 {
    font-size: 18px;
  }

  .services-section .service-card p {
    font-size: 14px;
  }

  .services-section .service-card a.learn-more {
    font-size: 14px;
  }

  .services-section .services-grid {
    gap: 14px;
    margin-bottom: 24px;
    grid-row-gap: 14px;
            display: grid;
        grid-template-columns: 1fr 1fr;
  }

  .cta-banner-section {
    padding: 36px 0;
  }

  .cta-banner-section .cta-banner-text h2 {
    font-size: 24px;
    margin-bottom: 16px;
  }

  .cta-banner-section .cta-banner-text p {
    font-size: 14px;
    line-height: 22px;
  }

  .cta-banner-section .cta-banner-inner {
    gap: 16px;
  }

  .cta-banner-section .cta-banner-btns {
    gap: 10px;
  }

  .brands-section h2 {
    margin-bottom: 10px;
    letter-spacing: 0px;
  }

  .brands-section .section-header p {
    font-size: 14px;
    margin-top: 0px;
    letter-spacing: 0px;
  }

  .brands-section {
    padding: 40px 0;
  }

  .why-choose-section {
    padding: 40px 0;
  }

  .why-choose-section .section-header h6.subheading {
    font-size: 12px;
  }

  .why-choose-section h2 {
    letter-spacing: 0px;
    margin-top: 0px;
  }

  .why-choose-section .section-header {
    margin-bottom: 22px;
  }

  .why-choose-section .why-choose-img-col img {
    height: 200px;
  }

  .why-choose-section .why-choose-inner {
    gap: 22px;
  }

  .service-area-section {
    padding: 40px 0;
  }

  .service-area-section .service-left {

    gap: 10px;
  }

  .service-area-section h6.subheading {
    font-size: 12px;
  }

  .service-area-section .service-left h2 {
    font-size: 24px;
    line-height: 30px;
  }

  .service-area-section .service-left p {
    font-size: 14px;
    line-height: 22px;
    max-width: 100%;
    margin-bottom: 10px;
  }

  .service-area-section .county-col ul {
    gap: 10px 100px;
  }

  .service-area-section .county-col {
    margin-bottom: 10px;
  }

  .service-area-section .service-area-inner {
    gap: 20px;
  }

  .service-area-section .service-map img {
    height: 220px;
  }

  .reviews-section {
    padding: 40px 0;
  }

  .reviews-section .section-header h6.subheading {
    margin-bottom: 10px;
    font-size: 12px;
  }

  .reviews-section .section-header {
    margin-bottom: 14px;
  }

  .reviews-section .review-card {
    padding: 22px;
    gap: 12px;
  }

  .reviews-section .review-card__content p {
    font-size: 14px;
    line-height: 22px;
  }

  .reviews-section .review-card__author {
    font-size: 15px;
  }

  .reviews-section .review-grid {
    gap: 14px;
    margin-bottom: 14px;
  }

  .final-cta-section h2 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 18px;
  }

  .final-cta-section p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 auto 18px auto;
    letter-spacing: 0px;
  }
  .inner-hero{
    padding: 60px  0;
  }
  .inner-hero h1{
    font-size: 46px;
    line-height: 1;
  }
  .our-story {
    padding: 40px 0;
}
.story-wrap .story-content .stats{
  flex-direction: column;
  gap: 40px;
}
.story-wrap .story-content .stat-number {
    font-size: 36px;
}
.story-wrap .story-image img{
          height: 380px;
}
.why-choose {
    padding: 40px 0;
}

.story-wrap .story-content h2{
          margin: 0 0 32px;
          font-size: 38px;
          line-height: 1;
}
.why-cards {
    --columns: 1;
}
.why-card{
  width: 100%;
}
.service-area-section .county-col ul {
    gap: 10px 48px;
}
.cms-heading-wrap h1,
.cms-heading-wrap h2{
  font-size: 46px;
}
body:not(.home) .cms-heading-wrap h1{
  font-size: 38px;
}
.cms-content-wrp p {
  margin-bottom: 30px;
}
.cms-content-wrp{
  margin-bottom: 92px;
}
.cms-heading-wrap{
      margin-bottom: 40px;
}

.inner-hero p {
    
    line-height: 100%;
}
.story-wrap .story-content .stat-label{
  letter-spacing: 0;
}

.why-choose .section-heading{
      margin-bottom: 30px;
}
.why-choose .section-heading h2{
  font-size: 38px;
}
.why-card{
          padding: 32px;
}
.why-card h3{
      font-size: 22px;
      margin-bottom: 16px;
}
.story-banner{
      margin: 40px 0;
}
.story-banner .section-heading{
  margin-bottom: 30px;
}
.story-banner .quote-box{
      min-height: inherit;
    padding: 35px 10px 37px;
}
.story-banner .quote-box .quote-box-in{
      padding: 24px 20px;
}
.narrative-image{
   height: 273px;
}
.narrative-strip{
      gap: 30px;
}
.narrative-content .narrative-meta .pill{
      width: 100%;
}
.abt-feature-layout{
      gap: 30px;
}
.abt-fl-section {
    margin: 24px 0 40px;
}
body:not(.home) .final-cta-section h2 {
    font-size: 38px;
    line-height: 1;
    margin-bottom: 30px;
}
body:not(.home) .final-cta-section .final-cta-btns {
    margin-top: 30px;
}
body:not(.home) .final-cta-section p{
          font-size: 16px;
        line-height: 1.6;
}
body:not(.home) .final-cta-section .final-cta-btns .green-btn, body:not(.home) .final-cta-section .final-cta-btns .outline-green-btn {
    display: flex;
    width: 100%;
    justify-content: center;
}
body:not(.home) .final-cta-section .final-cta-btns .outline-green-btn {
    padding-top: 12px;
    padding-bottom: 12px;
}
body:not(.home) .service-area-section{
  padding: 40px 0;
}
body:not(.home) .service-area-section  .service-left{
  gap:0;
}
body:not(.home) .service-area-section  .service-left h6.subheading{
  margin-bottom: 12px;
}
body:not(.home) .service-area-section .service-left p {

    font-size: 16px;
    line-height: 26px;
}
body:not(.home) .service-area-section .service-map img {
    height: 440px;
}
body:not(.home) .service-area-section .service-left h2{
          font-size: 36px;
        line-height: 1;
        margin-bottom: 32px;
}
body:not(.home) .service-area-section .service-counties{
      margin: 22px 0;
}
body:not(.home)  .service-area-section .service-area-inner {
    gap: 40px;
}
body:not(.home)  .service-area-section .green-btn {
  width: auto;
  min-width: inherit;
 

}
body:not(.home) .final-cta-section{
          padding: 40px 5px;
}
.partner-section .brands-row{
      justify-content: center;
}
.inner-hero .hero-btns .outline-btn{
      width: 100%;
    text-align: center;
    justify-content: center;
}
.services-overview {
    padding: 40px 0;
}
.services-overview .section-heading{
      margin-bottom: 30px;
}
.services-overview-grid {
    --columns: 1;
}
.services-overview-grid .service-card{
      width: 100%;
}
.ac-feature-section {
    padding: 40px 0;
}

.services-overview .section-heading {
    margin-bottom: 24px;
}
.inner-hero .green-btn, .inner-hero .hero-btns .outline-btn{
  font-size: 16px;
          width: 100%;
        justify-content: center;
}
.story-banner .section-heading h2{
  font-size: 38px;
}
.inner-hero .hero-btns{
  margin-top: 40px;
}
body:not(.home) .section-heading h2{
 font-size: 38px;
}
body:not(.home) h2{
  font-size: 38px;
}
.ac-feature-wrap .ac-feature-content h2 {
    margin-bottom: 30px;
}
.ac-feature-wrap .ac-feature-content  .btn-wrap {
    margin-top: 30px;
}
.ac-feature-wrap .ac-feature-content .green-btn{
  width: 100%;
  display: flex;
   justify-content: center;
}
.service-choose-section {
    padding: 40px 0;
}
.service-choose-wrap .section-heading{
  margin-bottom: 30px;
}
.service-choose-grid {
    --columns: 1;
    gap: 30px;
}
.service-choose-grid .service-choose-item{
      width: 100%;
}
.special-offer{
      padding: 40px 0;
}
.offer-wrap .offer-content h2{
  font-size: 32px;

}
.offer-wrap {
    flex-wrap: wrap;
    gap: 30px;
    flex-direction: column;
    align-items: flex-start;
}
.offer-wrap  .btn-wrap{
  width: 100%;
}
.special-offer .green-btn{
      line-height: 1.13;
          width: 100%;
    justify-content: center;
    display: flex;
}
.reviews-section .review-action{
      margin-top: 30px;
}
.services  .service-area-section .service-left h2 {
    margin-bottom: 12px!important;
}
.services  .service-area-section .county-col {
    margin-bottom: 0;
}
.services .service-area-section .service-counties {
    margin: 20px 0 30px!important;
}
.services .service-area-section .green-btn {
    display: flex;
    width: 100%!important;
    justify-content: center;
}
body.services  .service-area-section .service-area-inner {
    gap: 30px;
}
.inner-hero-image {
    padding: 40px 0;
}
.inner-hero-image p{
  line-height: 1.5;
}
.inner-hero-image .hero-btns{
  margin-top: 48px;
}
.trust-badges {
    flex-direction: column;
    justify-content: inherit;
    align-items: inherit;
    padding: 0 25px;
            gap: 30px;
}
.trust-badges-section{
      padding: 40px 0px;
}
.troubleshooting-section, .troubleshooting-section.white-bg {
    padding: 40px 0;
}
.troubleshooting-section  .section-heading, .troubleshooting-section.white-bg .section-heading {
    margin-bottom: 30px;
}
.troubleshooting-grid.card-col-2{
      --columns: 1;
}
.trouble-card{
      width: 100%;
}
.troubleshooting-section.white-bg .troubleshooting-wrap .btn-wrap {
    margin-top: 30px;
}
.service-choose-wrap .btn-wrap{
      margin-top: 35px;
}
.service-choose-wrap .btn-wrap .green-btn {
    display: flex;
    width: 100%;
    justify-content: center;
}
.signs-section{
      padding: 40px 0;
}
.signs-wrap .signs-content h2{
      font-size: 38px;
          margin-bottom: 30px;
}
.signs-wrap   .signs-content .sign-note {
    margin: 30px 0;
}
.signs-wrap{
  gap: 30px;
}
.signs-card-wrap .sign-card{
  padding: 20px;
}
.signs-wrap .signs-card-wrap {
    max-width: 100%;
    flex: inherit;
    gap: 30px;
}
.expect-step-section {
    padding: 40px 0;
}
.expect-step-wrap .section-heading {
    max-width: 100%;
    margin: auto auto 30px;
}
.service-choose-section.light-blue-bg{
  padding: 40px 0;
}
.service-area .faq-section{
      padding: 40px 0;
}
.faq-wrap{
  gap: 30px;
}
body:has(.service-request-section) .inner-hero {
    padding: 50px 0;
}
.inner-hero .breadcrumb{
  margin: 0 0 16px;
}
body:has(.service-request-section) .inner-hero .breadcrumb{
  margin: 0 0 20px;
}
body:has(.service-request-section) .final-cta-section h2{
  font-size: 36px;
}
body:has(.service-request-section) .inner-hero h1{
  margin-bottom: 30px;
}
body:has(.service-request-section) .inner-hero .hero-btns {
    margin-top: 30px;
}
.service-request-section {
    padding: 40px 0;
}
.service-request-wrap .service-content h2{
  font-size: 32px;
}
.service-request-wrap  .service-content .problem-list {
    margin-top: 32px;
}
.service-request-wrap .service-content .problem-list ul{
  gap: 25px;
}
.service-request-wrap{
  gap: 40px;
}
.service-request-wrap .service-form{
  padding: 32px 20px;
}
.service-request-wrap .service-form .service-form-heading p{
  line-height: 1;
}
.service-request-wrap .form-wrp .gform_wrapper.gravity-theme .gfield_label{
      font-size: 13px !important;
    line-height: 1 !important;
}
.service-media-text {
    padding: 40px 0;
}
.service-media-text-wrap{
      flex-direction: column;
    align-items: inherit;
    gap: 30px;
}
.service-media-text-wrap .content-wrap {
    max-width: 100%;
    flex: inherit;
}
.service-media-text-wrap .image-wrap{
      max-width: 100%;
    flex: inherit;
}
.service-media-text-wrap.image-left {
    flex-direction: column;
}
.service-media-text-wrap .image-wrap{
      height: 300px;
      aspect-ratio: inherit;
}
.service-media-text-wrap .content-wrap ul{
  gap: 20px;
}
.troubleshooting-grid {
    --columns: 1;
}
body:has(.service-request-section) .troubleshooting-grid{
  gap: 30px;
}
.troubleshooting-wrap .btn-wrap{
  margin-top: 30px;
}
.troubleshooting-wrap .btn-wrap .green-btn {
    display: flex;
    width: 100%;
    justify-content: center;
}
.our-process-section {
    padding: 40px 0;
}
.our-process-wrap .section-heading{
      margin-bottom: 30px;
}
.process-grid{
  flex-direction: column;
}
.process-grid .process-step:not(:last-child)::after{
  display: none;
}
.process-grid .process-step p:last-child{
  margin-bottom: 0;
}
.stats-section{
  padding: 40px 0;
}
.stats-wrap{
          grid-template-columns: 1fr;
        gap: 30px;
}
.faq-section{
  padding: 40px 0;
}
.faq-wrap .section-heading h2:last-child {
    margin-bottom: 0;
}
.faq-section + .partner-section .section-header {
    margin-bottom: 30px;
}
.partner-section .brands-row{
          gap: 20px;
}
.repair-replace-section{
  padding: 40px 0;
}
.repair-replace-wrap .section-heading{
      margin-bottom: 30px;
}
.rr-grid{
      grid-template-columns: 1fr;
    gap: 20px;
    margin-bottom: 30px;
}
.service-choose-section.dark-blue-bg{
  padding: 40px 0;
}
body:has(.contact-with-form-block ) .inner-hero{
  padding: 40px 0;
}
body:has(.contact-with-form-block ) .inner-hero p:last-of-type {
    margin-bottom: 0;
}
.contact-with-form-block {
    padding: 40px 0;
}
.contact-form-wrap .contact-form {
    padding: 40px 20px;
}
.contact-form-wrap .contact-form .form-heading {
    margin-bottom: 30px;
}
.contact-form .gform_wrapper.gravity-theme .gform_fields, .contact-form .gform_wrapper.gravity-theme .gfield--input-type-address .ginput_container_address{
      grid-row-gap: 25px !important;
}
.contact-sidebar .info-box.box-layout-1 ul{
      gap: 12px;
}
.contact-form-wrap .contact-sidebar{
      gap: 30px;
}
.contact-with-form-block + .reviews-section .section-header{
margin-bottom: 30px;
}
.page-intro-section.inner-hero {
    padding: 40px 0;
}
.page-intro-section p{
  line-height: 1.5;
}
.blog-list-sec .ftr-post{
      padding: 40px 0;
}
.ftr-post .post-wrp .img-wrp{
   height: 360px;
}
.ftr-post .post-wrp .cnt-wrp {
    padding: 24px 20px;
}
.blog-lists-wrp .blog-lists div[class*="col"] {
    width: 100%;
    padding: 0;
}
.blog-lists-wrp .blog-lists {
    margin: 0;
    gap: 30px;
}
.pagination{
      margin-top: 30px;
}
.pagination ul{
      gap: 15px;
}
.single-blog-banner {
    padding: 40px 0;
}
.single-blog-banner h1{
  font-size: 46px;
  
}
.single-blog-banner .post-meta{
      display: inline-grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 0;
    row-gap: 15px;
    justify-content: flex-start;
    align-items: flex-start;
}
.single-blog-banner .post-meta .author-info {
    grid-column: 1 / -1;
}
.single-blog-banner .post-meta .author-info.item:after{
  display: none;
}
.single-blog-banner .post-meta .item:not(:last-child)::after{
      margin-left: 24px;
    margin-right: 24px;
}
.single-blog-banner .post-meta  .reading-time:after{
  display: none;
}
.single-blog .blog-schedule-cta .schedule-cta-box{
      padding: 40px 20px;
}
.single-blog .back-to-top.mobile {
    display: none!important;
}
.single-letest-blog .blog-lists-wrp {
    gap: 24px;
}
.page-not-found {
    padding: 50px 0;
}
.page-not-found h1{
   font-size: 38px;
}
.page-not-found p{
      line-height: 1.6;
}
.page-not-found  ul {
    display: flex;
    margin: 30px auto;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
}
.service-area-section .service-map{
          height: 440px;
        overflow: hidden;
        position: relative;
}
.service-area-section .service-map img, body:not(.home) .service-area-section .service-map img{
          height: 520px;
}
.opennav .mean-nav .btn-container{
          grid-template-columns: 1fr;
}
.opennav .mean-nav{
    height: calc(100vh - 108px);
}
.gform_wrapper.gravity-theme .gfield input, .gform_wrapper.gravity-theme .gfield select, .gform_wrapper.gravity-theme .gfield textarea{
          padding: 15px !important;
        font-size: 16px !important;
}
.contact-form .gform_wrapper.gravity-theme .gfield input, .contact-form .gform_wrapper.gravity-theme .gfield select, .contact-form .gform_wrapper.gravity-theme .gfield textarea{
  font-size: 16px;
}

}

/*767px end*/

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

  html #wpadminbar {
    position: fixed;
  }
}

@media (max-width: 1199px) {
  .opennav .mean-nav #menu-main-menu {
    display: flex !important;
     flex: 1;
     overflow: auto;
  }
  
}

/* ============ SERVICES LONG FORM ============ */
@media (max-width: 767px) {
  body:has(.services-long-form) .inner-hero {
      padding: 50px 0;
  }
  body:has(.services-long-form) .inner-hero h1 {
      margin-bottom: 30px;
  }
  body:has(.services-long-form) .inner-hero .hero-btns {
      margin-top: 30px;
  }
  body:has(.services-long-form) .final-cta-section h2 {
      font-size: 36px;
  }
  .services-long-form {
      padding: 40px 0;
  }
}

@media (max-width: 767px) {
  .services-long-form .slf-body h2 { font-size: 24px; margin-top: 28px; }
  .services-long-form .slf-body h3 { font-size: 18px; margin-top: 22px; }
}

@media (max-width: 767px) {
  .services-long-form .slf-aside,
  .services-long-form .contact-sidebar { gap: 30px; }
}


/* Service overview description: rich text container (replaces the old single <p>) */
.service-content .sowf-desc-rich,
.service-content .sowf-desc-rich p,
.service-content .sowf-desc-rich li {
  font-size: 17px;
  line-height: 1.6;
  color: #475569;
  font-weight: 400;
}
.service-content .sowf-desc-rich p { margin: 0 0 16px; }
.service-content .sowf-desc-rich > *:last-child { margin-bottom: 0; }
.service-content .sowf-desc-rich h3 {
  font-size: 22px;
  line-height: 1.3;
  color: #0f172a;
  font-weight: 700;
  margin: 28px 0 10px;
}
.service-content .sowf-desc-rich h4 {
  font-size: 18px;
  line-height: 1.35;
  color: #0f172a;
  font-weight: 700;
  margin: 22px 0 8px;
}
.service-content .sowf-desc-rich ul { margin: 0 0 16px; padding-left: 20px; list-style: disc; }
.service-content .sowf-desc-rich li { margin-bottom: 8px; }
.service-content .sowf-desc-rich a { color: #004da0; text-decoration: underline; }
.service-content .sowf-desc-rich blockquote {
  margin: 0 0 18px;
  padding: 14px 18px;
  border-left: 4px solid #16a34a;
  background: #f8fafc;
  font-style: normal;
}
.service-content .sowf-desc-rich blockquote p { margin: 0; }
@media (max-width: 767px) {
  .service-content .sowf-desc-rich,
  .service-content .sowf-desc-rich p,
  .service-content .sowf-desc-rich li { font-size: 16px; }
  .service-content .sowf-desc-rich h3 { font-size: 20px; }
}