@media screen and (max-width: 767px) {
    .explore-plans .bg-blue, .explore-plans .bg-black {
      margin-right: 5px;
    }
  }

  
@media screen and (max-width: 600px) {
  .banner-panel picture img {
    object-fit: cover;
    object-position: bottom 0 right -252px !important;
    min-height: 676px;
  }
    .banner-panel .bg-overlay{
      margin-left: 0 !important;
    }
    .lets-talk-modal .modal-header {
      padding: 56px 16px 0px 16px;
    }
  
    .services .container {
      padding-left: 16px;
    }
  
    .services .big-img {
      margin-bottom: 24px;
      width: 100%;
    }
  
    .banner-panel a.call-free {
      height: 40px;
      line-height: 25px;
    }
  
    #crcOwl .owl-nav {
      left: 56% !important;
      top: 99%;
    }
  
    .height60 {
      height: auto;
    }
  
    .service-add-on h2 span {
      display: block;
    }
  
    .lets-talk-modal .modal-body {
      padding: 0px 16px 56px 16px;
      max-height: 550px;
      padding-top: 8px;
    }
  
    .lets-talk-modal .modal-body .call-details p span {
      font-size: 14px;
    }
  
    #leadForm .vertical-line.form-text {
      margin-top: 30px;
    }
  
    #crcOwl .owl-nav {
      left: 60% !important;
    }
  
    .modal-body {
      height: 600px;
      overflow-x: hidden;
      overflow-y: scroll;
    }
  
    .top-services .review {
      margin-top: 20px;
    }
  
    .banner-panel {
      /* background-position: bottom 0 right -252px !important; */
    }
  
    .bg-overlay {
      background: rgba(0, 0, 0, 0.3);
    }
  
    .easy-way h3 {
      font-size: 42px;
      line-height: 44px;
      margin-bottom: 24px;
    }
  
    .easy-way h3 span {
      display: block;
    }
  
    .TruGreen-Guarantee {
      padding: 20px 4px 0 !important;
    }
  
    .TruGreen-Guarantee h3 {
      font-size: 42px !important;
      line-height: 44px !important;
    }
  
    .TruGreen-Guarantee .right-content {
      padding-top: 20px !important;
      padding-left: 0 !important;
    }
  
    .TruGreen-Guarantee p {
      width: 100% !important;
      height: auto !important;
      font-size: 16px !important;
      line-height: 24px !important;
      margin-top: 16px !important;
      margin-bottom: 32px !important;
    }
  
    .service-add-on .title h2 {
      padding-bottom: 16px !important;
      margin-bottom: 0 !important;
    }
  
    .faq .accordion {
      height: auto;
    }
  
    .lets-talk-modal .modal-body p {
      margin-bottom: 16px;
      font-size: 14px;
      font-weight: 400;
      line-height: 18px;
    }
  
    .d-sm-inline {
      display: inline-block;
    }
  
    .call-now-mob {
      width: 100%;
      background: #000000;
      color: #ffffff;
      font-family: DMSans-Regular;
      font-size: 16px;
      font-weight: 500;
      line-height: 22px;
      letter-spacing: 0px;
      text-align: center;
      text-decoration: none;
      padding: 16px;
      border-radius: 100px;
    }
  
    .call-now-mob:hover {
      background: var(--secondary-btn-hover, #414141);
    }
  
    .lets-talk-modal .modal-body .call-details p {
      text-align: center;
      margin: 26px 0px 0px 0px;
    }
  
    .lets-talk-modal .modal-body .call-details p b {
      font-weight: 600;
    }
  
    p.terms.mt-5 {
      margin-top: 1rem !important;
    }
  
    p.terms {
      margin-top: 32px !important;
    }
  
    .vertical-line {
      height: 1px;
      width: 300px;
      margin: 26px auto;
      background: #ccc;
    }
  
    .vertical-line .or-txt {
      top: 0;
      left: 42%;
      margin-top: -12px;
      font-size: 14px;
    }
  
    .lets-talk-modal .modal-title {
      font-size: 36px !important;
      line-height: 40px !important;
      /* padding-bottom: 1rem; */
    }
  
    #successModal .modal-header {
      padding: 56px 8px 0 24px !important;
    }
  
    #successModal .modal-body {
      padding: 0 8px 0 24px !important;
  
    }
  
    .success-lead-form button:nth-child(2) {
      width: 330px;
    }
  
    #successModal form.success-lead-form {
      margin-top: 32px !important;
    }
  
    .lead-form button {
      width: 100%;
    }
  
    .lead-form .d-flex.mt-4 {
      display: block !important;
      margin-top: 0.5rem !important;
    }
  
    .green-btn {
      width: 100% !important;
      display: block;
      text-align: center;
      line-height: 22px !important;
    }
  
    .easy-way .btn-expert {
      width: 100% !important;
    }
  
    #myAccordion.accordion {
      height: auto;
      margin-top: 20px;
    }
  
    .plans-modal h4.modal-title span {
      /* margin-left: 110px; */
      float: right;
      /* margin-top: -30px; */
    }
  
    .explore-plans .owl-carousel .owl-nav button.owl-prev {
      background: #000000;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      opacity: 9;
    }
  
    .explore-plans .owl-carousel .owl-nav button.owl-prev span {
      background: url(../images/arrow-left.png) no-repeat;
      height: 34px;
      width: 34px;
      display: inline-block;
      background-position: center;
      color: #000;
    }
  
    .explore-plans .owl-carousel .owl-nav button.owl-next {
      background: #000000;
      width: 34px;
      height: 34px;
      border-radius: 50%;
      opacity: 9;
    }
  
    .explore-plans .owl-carousel .owl-nav button.owl-next span {
      background: url(../images/arrow-right.png) no-repeat;
      height: 34px;
      width: 34px;
      display: inline-block;
      background-position: center;
      color: #000;
    }
  
    .explore-plans .owl-theme .owl-dots .owl-dot.active span {
      width: 30px;
      background: #1ee576;
    }
  
    .explore-plans .owl-carousel .owl-stage {
      display: flex;
      justify-content: flex-start;
      padding-left: 0 !important;
    }
  
    .explore-plans {
      padding: 40px 0 20px 0;
    }
  
    .customer-review-container {
      margin: 0 0 20px !important;
    }
  
    .explore-plans .owl-theme .owl-dots {
      margin-top: 20px;
      max-height: 14px;
    }
  
    .explore-plans .bg-blue {
      margin-right: 0;
    }
  
    .explore-plans .bg-black {
      margin-right: 0;
    }
  
    .explore-plans h3 {
      font-size: 42px;
      line-height: 44px;
      margin-bottom: 16px;
      /* padding-top: 40px; */
    }
  
    .explore-plans p {
      font-size: 16px;
      line-height: 24px;
      width: 325px;
      font-family: Inter-Regular;
    }
  
    .card img {
      width: 100%;
      border-radius: 16px;
    }
  
    .services .big-img,
    .easy-way img {
      border-radius: 16px;
      width: 100%;
    }
  
    .col-sm-6 {
      flex: 0 0 auto;
      width: 50% !important;
    }
  
    .services h3 {
      font-size: 42px;
      line-height: 44px;
      white-space: normal;
      margin: 8px 0 16px 0;
      width: 92%;
    }
  
    .lets-talk .letstalk-txt {
      width: 100% !important;
      padding: 20px 0;
    }
  
    .lets-talk h3 {
      font-size: 42px;
      line-height: 44px;
      text-align: center;
    }
  
    .banner-content {
      display: flex;
      flex-direction: column;
      margin-top: 55%;
    }
  
    .link-btn {
      order: 3;
      -webkit-order: 3;
    }
  
    .banner-txt {
      display: flex;
      order: 2;
      -webkit-order: 2;
      font-size: 20px;
      line-height: 23px;
      width: 85%;
      margin: auto;
    }
  
    .banner-txt p {
      text-align: center;
    }
  
    .banner-panel h2 {
      order: 1;
      -webkit-order: 1;
      font-size: 42px !important;
      line-height: 44px !important;
      text-align: center;
      width: 346px;
      margin: auto;
    }
  
    .banner-panel h2 sup {
      top: -18px;
      font-size: 11px !important;
      line-height: 14.32px !important;
    }
  
    .banner-panel a.get-started {
      width: 100%;
      text-align: center;
      margin: 20px auto;
      height: 48px;
      padding: 10px 32px;
    }
  
    .green.btn,
    .bg-black .btn-learn-more button,
    .bg-blue .btn-learn-more button {
      height: 48px;
      padding: 10px 32px;
    }
  
    .lets-talk {
      padding: 36px 16px 48px 16px;
      margin-top: 0px;
    }
  
    .lets-talk .letstalk-txt {
      width: 100%;
    }
  
    .lets-talk .call-us {
      width: 100%;
      padding: 24px;
    }
  
    .lets-talk .call-back {
      width: 100%;
      margin-top: 1.5rem;
    }
  
    .accordion:before {
      content: " ";
      width: 20px;
      height: 20px;
      background-image: url("../images/Vector.png");
      position: absolute;
      background-repeat: no-repeat;
      right: 32px;
      margin-top: 10px;
    }
  
    .footer-panel h5.accordion {
      margin-bottom: 0;
      margin-top: 10px;
      padding-bottom: 10px;
      padding-left: 2px;
    }
  
    .tg-footer-det {
      margin-top: 35px !important;
    }
  
    .tg-footer-det p {
      margin-bottom: 40px !important;
    }
  
    .footer-panel .panel {
      display: none;
      padding: 0;
      max-height: auto;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
  
    .footer-panel .panel.open {
      display: block;
      padding: 0;
      max-height: auto;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
  
    .footer-panel .mob-border-service {
      padding-bottom: 0;
    }
  
    .footer-panel .mob-border {
      border-bottom: 1px solid #666;
    }
  
    .footer-panel .accordion:is(.active):before {
      transform: rotate(-180deg);
      margin-top: -4px;
      right: 41px;
    }
  
    .explore-plans .talk-with-expert-button {
      margin-top: 0 !important;
      margin-bottom: 20px;
    }
  
    .explore-plans #owl-one .owl-nav {
      margin-top: 32px;
    }
  
    .explore-plans #owl-one .owl-dots {
      margin-top: 15px;
      margin-bottom: 31px;
    }
  
    .explore-plans .talk-with-expert-button a.green-btn {
      margin-top: 30.28px;
    }
  
    .banner-panel h2.hide_mobile {
      display: none;
    }
  
    .banner-panel h2.hide_desktop {
      display: block;
    }
  
    .banner-panel h2.hide_desktop br:nth-child(2) {
      display: block;
    }
  
    .modal_subHeading {
      font-size: 16px !important;
    }
  
    .lead-form.needs-validation .mb_mt {
      margin-top: 32px !important;
    }
  
    .lets-talk-modal .modal-body .req_text {
      font-size: 12px;
    }
  
    .faq .view-header {
      height: auto;
    }
  
    .faq .view-header h2 {
      margin-bottom: 0;
    }
  
    .faq .right-content #accordionFlushExample #flush-headingOne button.accordion-button {
      padding-top: 0;
    }
  
    .faq .container .right-content {
      padding-top: 32px;
    }
    
  .talk_to_expert {
    width: 90% !important;
    margin-left: 16px;
    margin-right: 16px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .green.btn {
    width: 100%;
  }

  .title {
    width: 100% !important;
  }

  /* .carousel-inner  .col-md-4 {
    flex: 0 0 100%;
  } */

  .title h5 {
    width: auto;
    /* height: 48px; */

    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
  }

  .title h2 {
    width: auto;
    /* height: 88px; */
    font-size: 42px !important;
    font-weight: 500;
    line-height: 44px;
    letter-spacing: -0.03999999910593033px;
    text-align: left;
    padding-bottom: 90px;
  }

  .carousel-inner:after {
    left: 100%;
  }

  #planSlider {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  #planSlider.owl-carousel.owl-drag .owl-item.active {
    width: 342px !important;
  }

  #planSlider .card {
    width: 342px;
  }

  #planSlider .owl-nav {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    display: flex;
    justify-content: center;
    margin: 32px 0 24px;
  }

  #planSlider .owl-dots {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
  }

  .banner-panel h2 br:nth-child(2) {
    display: none;
  }

  .banner-panel .bg-overlay {
    min-height: 650px;
    position: absolute;
    bottom: 0;
  }

  .banner-panel .banner-content {
    margin-top: 0;
    position: absolute;
    top: unset;
    bottom: 60px;
    left: 17px;
    right: 17px;
  }

  .banner-panel .banner-txt {
    margin-top: 16px;
    margin-bottom: 0;
  }

  .banner-panel a.get-started {
    margin-top: 24px;
    margin-bottom: 18px;
  }

  .explore-plans div#owl-one {
    padding-right: 0 !important;
  }

  .explore-plans div#owl-one .trucard .maintxt .height60 {
    width: 100%;
    max-width: 90%;
  }

  .TruGreen-Guarantee {
    padding-top: 20px !important;
  }

  .no-mob {
    display: none;
  }
}

@media only screen and (max-width: 990px) {
  .title h2 {
    font-size: 50px;
    height: auto;
  }

  .title h5 {
    font-size: 20px;
  }

  #myModaltrucomplete .modal-dialog .modal-content,
  #myModaltruhealth .modal-dialog .modal-content,
  #myModaltrumain .modal-dialog .modal-content {
    max-height: 100vh;
  }
  }
  

  
@media (max-width: 767px) {
    .customer-review-container {
      flex-direction: column;
      max-height: 100%;
    }
  
    .customer-review-container .left-container {
      width: 92%;
      margin-left: 4%;
      margin-right: 4%;
      margin-top: 40px;
    }
  
    .youtube-video {
      position: relative;
    }
  
    .youtube-video a.how-btn {
      left: 6%;
    }
  
    .banner-panel h2 {
      font-size: 42px !important;
      line-height: 44px !important;
    }
  
    body.webp-supported .banner-panel {
      min-height: 676px;
    }
  
    .banner-content .banner-txt {
      width: 100%;
      position: relative;
      bottom: unset;
    }
  
    .explore-link {
      bottom: 100px;
    }
  }

  @media (min-width: 600px) and (max-width: 767px) and (orientation: landscape) {
    .explore-plans .bg-black .height60 {
      height: auto;
    }
  
    .explore-plans .bg-black h4 {
      flex-flow: wrap;
    }
  }
  

@media (max-width: 767px) {
    .customer-review-container .right-container {
      margin-left: 4%;
      margin-top: 20%;
      margin-right: 4%;
      max-height: 36vh;
    }
  
    .owl-nav {
      left: 58%;
    }
  
    .image-text-content {
      font-size: 12px;
      line-height: 17px;
    }
  
    .top-services h3 {
      margin-bottom: 16px;
      font-size: 32px;
      line-height: 42px;
  
    }
  }
  
  @media (min-width: 744px) and (max-width: 745px) {
    .explore-plans .bg-black h4 {
      flex-flow: wrap;
    }
  
    .explore-plans .talk-with-expert-button {
      margin-top: 0;
    }
  
    .explore-plans .bg-blue,
    .explore-plans .bg-black {
      height: 705px !important;
    }
  
    .easy-way .green-acc-expert-btn {
      text-align: center;
    }
  
    .customer-review-container #crcOwl .owl-nav {
      left: auto;
      right: 0;
      justify-content: flex-end;
      margin-top: 13% !important;
    }
  
    .TruGreen-Guarantee .right-content {
      padding-left: 0;
    }
  
    .TruGreen-Guarantee .right-content a.green-btn {
      display: block;
      margin: 0 auto;
    }
  
    .lets-talk .letstalk-txt {
      margin-bottom: 47px;
    }
  
    .lets-talk .letstalk-txt h3 {
      text-align: center;
    }
  
    .lets-talk .letstalk-txt,
    .lets-talk .call-us,
    .lets-talk .call-back {
      width: 100% !important;
    }
  
    .lets-talk .call-back {
      margin-top: 24px;
    }
  
    .lets-talk .call-back .ga-getCallBack {
      display: inline;
    }
  
    .footer-panel .mob-border {
      border-bottom: 1px solid #666;
    }
  
    .footer-panel h5.accordion {
      margin-bottom: 0;
      margin-top: 10px;
      padding-bottom: 10px;
      padding-left: 2px;
      position: relative;
      left: 0;
    }
  
    .footer-panel .accordion:before {
      content: " ";
      width: 20px;
      height: 20px;
      background-image: url(../images/Vector.png);
      position: absolute;
      background-repeat: no-repeat;
      right: 0;
      margin-top: 10px;
    }
  
    .footer-panel .panel {
      display: none;
      padding: 0;
      max-height: auto;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
    }
  
    .footer-panel .panel.open {
      display: block;
    }
  
    .tg-footer-det {
      margin-top: 35px !important;
    }
  
    .footer-panel .accordion:is(.active):before {
      transform: rotate(-180deg);
      margin-top: -4px;
      right: 9px;
    }
  }

  @media (max-width: 768px) {
    .green-acc {
      margin-left: 0px;
    }
  }

  
@media screen and (max-width: 767px) {
    .padding-y-32 {
      padding: 32px 0;
    }
  }
  
  @media screen and (max-width: 600px) {
    .ml-40 {
      margin-left: 0 !important;
    }
  
    .service-add-on.pb-5 {
      padding-bottom: 40px !important;
    }
  
    .service-add-on .container {
      padding-left: 16px;
      margin-left: 0px;
    }
  
    .faq {
      background: #eaf7fb;
    }
  
    .faq .accordion,
    .faq .accordion-item,
    .faq .accordion-button {
      background: transparent;
    }
  
    .d-xs-block {
      display: block !important;
    }
  
    .Title-1-sv {
      margin-top: 40px !important;
    }
  
    .service-add-on .title p {
      font-family: Inter-Regular;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
    }
  
    .footer-panel {
      padding: 20px 4px;
    }
  
    .footer-panel ol {
      padding: 0 12px;
      list-style-position: outside;
    }
  
    .footer-panel .mobile-pd {
      padding: 0 12px;
      color: #BCBCBC;
    }
  }
  
@media (max-width: 768px) {
    .pl-16 {
      padding-left: 16px !important;
    }
  
    .card-header,
    .card-header>.btn {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-top: 0px !important;
    }
  
    #top-accordion .card-header>.btn>.row>*,
    #top-accordion .card-body>.row>* {
      padding-left: 16px !important;
      padding-right: 16px !important;
      padding-top: 16px !important;
    }
  
    .numbers-list {
      padding-left: 0px !important;
      font-family: Inter-Regular !important;
      font-size: 13px !important;
      line-height: 22px !important;
      font-weight: 600 !important;
    }
  
    .top-card-head {
      font-family: DMSans-Regular;
      font-size: 32px;
      font-weight: 500;
      line-height: 42px;
      letter-spacing: 0em;
      text-align: left;
      color: black;
    }
  
    .top-accordion .card-body {
      padding-left: 0px !important;
      padding-right: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 16px;
    }
  
    .card-he-co {
      max-height: 47px;
      font-family: Inter-Regular;
      font-size: 13px;
      font-weight: 600;
      line-height: 22px;
      letter-spacing: 1px;
      text-align: left;
    }
  }
  
@media (max-width: 767px) {
    .lets-talk .call-us .phone-no:has(.ga-getCallBack) {
      display: block;
    }
  
    .lets-talk .call-us .ga-getCallBack {
      width: 152px;
      padding: 16px 30px;
      display: flex;
      align-items: center;
      justify-content: space-around;
    }
  
    .lets-talk .call-us .ga-getCallBack img {
      padding-right: 11px;
    }
  
    .footer-panel .social-media {
      justify-content: flex-start;
    }
  
    .brands a {
      padding-right: 5px;
      padding-left: 5px;
      flex: 1 0 50%;
    }
  
    .brands a:nth-child(1) {
      padding-right: 15px;
    }
  
    .brands a:nth-child(2) {
      padding-left: 13px;
    }
  
    .brands {
      margin-top: 20px;
      justify-content: flex-start;
      flex-wrap: wrap;
    }
  
    .tg-lo-mo {
      display: block;
      width: 25% !important;
      margin-bottom: 17px;
    }
  
    .service-add-on.pt-5 {
      padding-top: 40px !important;
      margin-top: 0px;
    }
  
    .service-add-on .title p.mb-3 {
      margin-bottom: 24px !important;
    }
  
    .service-add-on #planSlider .card .overlay-text {
      width: 235px;
      padding-bottom: 180px;
    }
  
    .service-add-on .talk_to_expert .green.btn {
      height: 48px;
      padding: 13px 0 !important;
    }
  
    .service-add-on .title {
      padding-left: 12px !important;
    }
  
    .explore-plans p.tg-no {
      margin-bottom: 0;
      padding-right: 0;
    }
  
    .explore-plans .bg-blue h4,
    .explore-plans .bg-black h4 {
      font-size: 28px;
      line-height: 36px;
    }
  
    .explore-plans .talk-with-expert-button {
      margin-top: 31px;
    }
  
    .explore-plans .talk-with-expert-button a.green-btn {
      line-height: 30px !important;
      margin: 0 auto;
    }
    .ban-image {
      width: 100%;
      object-fit: cover;
      height: 800px;
      object-position: 70%;
    }
  }
  @media only screen and (max-width: 390px) {
    .banner-panel h2 br:nth-child(2) {
      display: none;
    }
  }
  
  @media  only screen and (max-width: 768px) {

    
    .easy-way h3 {
        margin-bottom: 0;
      }
    
      .green-acc-expert-btn {
        margin-top: 8px;
      }
    
      .green-acc .green-acc-content p {
        margin: 0 0 16px 0px;
        width: 89%;
      }
    
      .easy-way .green-acc .green-acc-expert-btn {
        margin-top: 32px;
      }
    
      .easy-way .green-acc .green-acc-expert-btn .green-btn {
        text-align: center;
        line-height: 30px !important;
      }
    .talk-with-expert-button {
        margin-top: 40px;
        margin-bottom: 40px;
      }
    
      .easy-way {
        background: #eaf7fb;
        padding-top: 40px;
        padding-bottom: 40px;
      }
    
      .green-acc button {
        padding: 24px 0 16px 0;
        font-size: 20px;
        line-height: 23.8px;
      }
    
      .green-acc-title {
        padding-right: 20px;
      }
    .price-txt {
      font-size: 32px;
      line-height: 42px;
    }
  
    .lets-talk-modal .modal-body p.opt {
      margin-top: 8px;
    }
    .faq .accordion:before {
        display: none;
      }
    
      .faq .accordion-body {
        padding-top: 0px;
      }
    
      .view-header {
        width: auto;
        height: 88px;
        padding-top: 40px;
        padding-left: 0px !important;
      }
    
      .view-header h2 {
        font-size: 42px;
        font-weight: 500;
        line-height: 44px;
        letter-spacing: -0.03999999910593033px;
        text-align: left;
      }
    
      .accordion {
        width: auto;
        height: auto;
        left: 18px;
        gap: 16px;
      }
    
      .right-content {
        padding-top: 80px;
        padding-bottom: 40px;
      }
    
      .accordion-button {
        width: 358px;
        /*height: 48px;*/
        gap: 9px;
      }
    
      .right-content button {
        font-size: 16px;
        padding: 16px 4px 16px 4px;
        /* font-family: Inter-Regular; */
      }
    
      .faq .right-content {
        padding-top: 56px;
      }
    
      .faq .right-content .accordion-body {
        padding: 0px 4px 16px;
      }
    
      section.service-add-on {
        margin-top: 0 !important;
      }
  }