@media only screen and (max-width: 1800px) {
  .header-nav {
    column-gap: 70px;
  }

  .sign-up-btns {
    column-gap: 30px;
  }

  .header-menu .shape-img img {
    width: 270px;
  }

  header .container {
    padding: 0 0 0 50px;
    max-width: 100%;
  }

  header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}

@media only screen and (max-width: 1680px) {
  .header-nav {
    column-gap: 50px;
  }

  header nav {
    width: 85%;
  }

  .main-menu {
    column-gap: 30px;
  }
}

@media only screen and (max-width: 1600px) {
  .container {
    max-width: 96%;
  }

  .section-spacing {
    margin-bottom: 80px;
  }

  .benifit-heading {
    margin: 0 auto 80px;
  }

  .satisfaction-counter {
    margin-top: 80px;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    width: 70%;
  }

  .hero-about-img-right {
    text-align: end;
  }

  .footer-column-link h5 {
    font-size: 20px;
  }

  .table-content-shape img {
    width: 500px;
    height: 80px;
  }

  .staggered-item>span {
    font-size: 16px;
  }

  .contact-details {
    padding: 50px;
  }
}


@media only screen and (max-width: 1560px) {
  header .container {
    padding: 0 0 0 50px;
  }

  .hero-banner-content {
    max-width: 790px;
  }

  .why-choose-content {
    column-gap: 50px;
  }

  .why-choose-list-img img {
    height: 40px;
  }

  .why-choose-list-img {
    max-width: 40px;
    width: 100%;
  }

  .frequently-accordion {
    max-width: 750px;
  }

  .frequently-inner {
    gap: 30px;
  }

  .eco-friendly-detail {
    max-width: 550px;
    flex: auto;
  }

  .count-area-content {
    width: 30%;
  }

  .main-menu li a {
    font-size: 15px;
  }

  .sign-up-btns .sign-in-text.staggered-item>span {
    font-size: 15px;
  }

  .header-menu .shape-img img {
    width: 240px;
  }

  header nav {
    width: 83%;
  }

  .trust-us-service-content {
    transform: translateY(70%)
  }

  .header-btn {
    padding: 0px 30px;
  }

  .white-btn,
  .border-btn {
    padding: 14px 20px;
  }

  .trust-us-service-click {
    width: 48px;
    height: 48px;
  }

  .trust-us-service-click svg {
    max-width: 16px;
  }
}

@media only screen and (max-width: 1440px) {
  .header-btn {
    padding: 0px 20px;
  }

  header nav {
    width: 80%;
  }

  .main-menu {
    column-gap: 17px;
  }

  .trust-us-service-content {
    transform: translateY(70%);
  }

  .book-on-go-img::before {
    height: 380px;
    width: 380px;
  }
}

@media only screen and (max-width: 1360px) {
  header nav {
    width: 81%;
  }

  .white-btn,
  .border-btn {
    padding: 14px 11px;
  }

  .section-spacing {
    margin-bottom: 70px;
  }

  .benifit-heading {
    margin: 0 auto 70px;
  }

  .satisfaction-counter {
    margin-top: 70px;
  }

  .inner-blog-box-content {
    flex: auto;
  }

  .hero-banner-content {
    max-width: 660px;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    width: 60%;
  }

  .service-detail {
    max-width: 500px;
  }

  .job-list-heading,
  .job-detail-heading {
    margin-bottom: 70px;
  }

  .sign-up-btns {
    column-gap: 15px;
  }

  .main-menu {
    column-gap: 13px;
  }

  .header-menu .shape-img img {
    height: 86px;
    width: 210px;
  }

  .header-nav {
    column-gap: 30px;
  }

  .blog-img .shape-img img {
    width: 300px;
  }

  header .container {
    padding: 0 0 0 50px;
  }

  .blog-item-published {
    padding: 20px 20px 0;
  }

  .blog-item-published span {
    font-size: 14px;
  }

  .blog-heading {
    padding: 0 20px 20px;
  }

  .thankyou-bg {
    margin: 40px 0;
  }

  .thankyou-text-area {
    padding: 60px 0;
  }

  .slider-controls {
    width: 100%;
  }

  .cleaning-process-timeline::before {
    content: "";
    height: 190px;
    position: absolute;
    border-left: 2px dashed #F8F8F8;
    transform: translate(54px, 170px);
  }

  .trust-us-service-content {
    transform: translateY(75%);
  }
}

@media only screen and (max-width: 1330px) {
  .book-on-go-img::before {
    height: 330px;
    width: 330px;
  }
}

@media only screen and (max-width: 1280px) {
  .hero-banner-happy-clients {
    display: none;
  }

  .news-blog-inner {
    display: none;
  }

  .news-blog-inner-responsive {
    display: block;
  }

  .slider-controls {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    gap: 10px;
  }

  .toggle {
    display: block;
  }

  .toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 5;
  }

  .open .toggle-icon {
    top: 10px;
    transition: .3s linear;
    transform: rotate(42deg);
    background: var(--white-color);
  }

  .open .toggle-icon::before {
    visibility: visible;
    opacity: 1;
    top: 0;
    transition: .3s linear;
    transform: rotate(90deg);
    background: var(--white-color);
  }

  .open .toggle-icon::after {
    top: 0;
    transition: .3s linear;
    transform: rotate(0);
    background: var(--white-color);
    width: 100%;
  }

  header nav {
    flex-direction: column;
    align-items: flex-start;
    transition: 0.5s;
    justify-content: start;
    z-index: 4;
    width: 40%;
  }

  nav {
    position: fixed;
    top: 0;
    background: var(--territery-color);
    left: 0;
    height: 100vh;
    left: -100%;
    width: 30%;
  }

  nav.open {
    left: 0;
  }

  .main-menu {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 20px;
    padding: 50px 0 0 30px;
  }

  header {
    left: 0;
    padding-top: 10px;
  }

  .main-menu li a {
    font-size: 18px;
    font-weight: 600;
    color: var(--black-color);
  }

  .header-menu .shape-img {
    display: none;
  }

  header .container {
    padding: 0 0 0 50px;
  }

  .sidebar-open nav::before {
    content: "";
    height: 100%;
    width: 160%;
    background: #00000050;
    backdrop-filter: blur(3px);
    position: absolute;
    top: 0;
    right: -160%;
  }

  .sign-in-text {
    color: var(--black-color);
  }

  .header-btn {
    padding: 0 0 0 30px;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 15px;
  }

  .header-btn .border-btn {
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
  }

  .header-btn .white-btn {
    background: var(--secondry-color);
    color: var(--white-color);
  }

  .main-menu li.menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    position: relative;
    top: 0px;
  }

  .menu-item-has-children span {
    color: var(--black-color);
  }

  .main-menu li.menu-item-has-children:hover span {
    transform: rotate(180deg);
  }

  .menu-item-has-children .dropdown-icon {
    position: absolute;
    top: 10px;
    left: 80px;
  }

  .sub-menu {
    background: transparent;
    box-shadow: none;
  }

  .book-on-go-inner {
    padding: 30px 0;
  }

  .book-on-go-img::before {
    height: 290px;
    width: 290px;
  }

  .why-choose-us-grid-box {
    grid-template-columns: repeat(2, 1fr);
  }

  .isScrolled {
    padding: 10px 0;
  }

  .isScrolled .toggle-icon,
  .isScrolled .toggle-icon::before,
  .isScrolled .toggle-icon::after {
    background: #000;
  }
}

@media only screen and (max-width: 1199px) {
  .hero-banner {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 40px;
  }

  .hero-banner-content {
    max-width: 550px;
  }

  .hero-banner-btn {
    margin-top: 20px;
  }

  .hero-banner {
    height: 580px;
  }

  .banner-points {
    padding: 13px;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    max-width: 60%;
  }

  .hero-about-img-right {
    text-align: end;
  }

  .trust-us-heading {
    gap: 30px;
    margin-bottom: 30px;
  }

  .trust-us-heading p {
    max-width: 700px;
  }

  .left-shape-img img {
    height: 60px;
  }

  .why-choose-content {
    column-gap: 30px;
  }

  .why-choose-img .shape-img img {
    height: 80px;
  }

  .why-choose-list-img img {
    height: 40px;
  }

  .join-community-heading::before,
  .join-community-heading::after {
    width: 25%;
  }

  .form-group {
    width: 47%;
  }

  .footer-column {
    gap: 30px;
  }

  .footer-column-link:first-child,
  .footer-column-link {
    flex: auto;
  }

  .footer-inner {
    padding: 50px 0 30px;
  }

  .cta-content .cta-heading {
    max-width: 790px;
  }

  .satisfaction-inner {
    padding: 25px 30px;
  }

  .contact-left-side {
    margin-bottom: 30px;
  }

  .contact-img {
    height: 60px;
    max-width: 60px;
    width: 60px;
    border-radius: 10px;
    padding: 12px;
  }

  .contact-info-box {
    flex-wrap: wrap;
  }

  .inner-banner-content {
    position: relative;
    bottom: 0;
  }

  .inner-banner-content h1 {
    margin-bottom: 10px;
  }

  .hero-banner.inner-banner {
    height: auto;
    padding: 140px 30px 30px;
    min-height: 350px;
    display: flex;
    align-items: end;
    border-radius: 15px;
  }

  .hero-banner::before,
  .hero-banner {
    border-radius: 15px;
  }

  .service-inner-row {
    row-gap: 60px;
  }

  .why-us-service-box-img {
    height: 90px;
    width: 90px;
  }

  .table-content-shape img {
    width: 350px;
    height: 80px;
  }

  .house-ceaning-heading {
    flex-direction: column;
    gap: 20px;
  }

  .benifit-poinst ul li {
    font-size: 18px;
  }

  .sign-up-btns {
    margin-left: 30px;
    margin-top: 20px;
    flex-direction: column;
    row-gap: 20px;
    align-items: self-start;
  }

  .sign-up-btns .sign-in-text {
    color: var(--black-color);
    font-weight: 600;
  }

  .sign-up-btns .sign-in-text.staggered-item>span {
    font-size: 18px;
  }

  .blog-img .shape-img img {
    width: 250px;
    height: 70px;
  }

  .menu-item-has-children span {
    color: var(--black-color);
  }

  .sub-menu {
    background: transparent;
    box-shadow: none;
  }

  .satisfaction-counter {
    padding: 35px;
  }

  .contact-details,
  .contact-form {
    padding: 30px;
  }

  .join-community-logos {
    gap: 50px;
  }

  .join-community-inner {
    padding: 50px 0;
  }

  .why-choose-us-inner {
    padding: 50px;
  }

  .frequently-inner {
    padding: 50px 30px;
  }

  .trust-us-service-content p {
    font-size: 12px;
  }

  .contact-info-box .contact {
    flex: auto;
  }

  .thankyou-text-area {
    padding: 50px 0;
    row-gap: 20px;
  }

  .thankyou-content-center-top {
    margin-bottom: 20px;
  }

  .trust-us-service-content {
    transform: translateY(65%);
  }

  .pricing_box-type span {
    font-size: 40px;
  }

  .book-on-go-img::before {
    height: 260px;
    width: 260px;
  }
}

@media only screen and (max-width: 1160px) {
  .book-on-go-img::before {
    height: 230px;
    width: 230px;
  }
}

@media only screen and (max-width: 1050px) {
  .trust-us-heading p {
    max-width: 580px;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    max-width: 40%;
  }

  .contact-form {
    padding: 30px;
  }

  .contact {
    margin-bottom: 40px;
  }

  .contact-input-row {
    column-gap: 22px;
  }

  .eco-friendly-main {
    flex-direction: column;
  }

  .eco-friendly-detail {
    max-width: 100%;
  }

  .table-content-points {
    flex-wrap: wrap;
  }

  .book-on-go-review-content img {
    max-width: 100px;
  }

  .job-list-box-shape img {
    height: 40px;
  }

  .job-list-heading,
  .job-detail-heading {
    margin-bottom: 60px;
  }

  .satisfaction-counter {
    column-gap: 25px;
  }

  .contact-info-box {
    gap: 20px;
  }

  .book-on-go-img::before {
    height: 200px;
    width: 200px;
  }
}

@media only screen and (max-width: 991px) {
  .review-stars {
    display: flex;
    justify-content: center;
  }

  .section-spacing {
    margin-bottom: 50px;
  }

  .satisfaction-counter {
    margin-top: 50px;
  }

  .benifit-heading {
    margin: 0 auto 50px;
  }

  nav {
    width: 50%;
  }

  .trust-us-heading {
    flex-wrap: wrap;
  }

  .trust-us-heading p {
    max-width: 100%;
  }

  .contact-content {
    flex-direction: column;
    align-items: inherit;
  }

  .cta-content {
    flex-direction: column;
    gap: 30px;
    align-items: inherit;
  }

  .footer-column {
    flex-wrap: wrap;
  }

  .cleaning-process-content {
    flex-direction: column;
    gap: 30px;
  }

  .cleaning-process-heading h2 {
    margin-bottom: 0;
  }

  .cleaning-process-heading {
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .why-choose-detail h2 {
    margin-bottom: 20px;
  }

  .why-choose-list {
    margin-bottom: 10px;
  }

  .why-choose-img .shape-img img {
    height: 60px;
  }

  .our-team-heading {
    margin: 0 auto 30px;
  }

  .blogs {
    flex-direction: column;
    align-items: inherit;
    row-gap: 30px;
  }

  .blog-img img {
    width: 100%;
  }

  .service-detail {
    max-width: 370px;
  }

  .why-us-service-box {
    border-radius: 15px;
  }

  .custmize-cleaning-list li {
    font-size: 16px;
    margin-bottom: 15px;
  }

  .custmize-cleaning-box {
    padding: 20px;
  }

  .why-us-service-box {
    padding: 20px;
  }

  .custmize-cleaning-box-heading h4 {
    padding: 15px;
    margin-bottom: 15px;
  }

  .pricing_box .solid-btn {
    margin: 20px 0px;
  }

  .pricing_box-type span {
    font-size: 40px;
  }

  .pricing_box-type h4 {
    margin-bottom: 10px;
  }

  .pricing_box {
    padding: 60px 20px 100px;
  }

  .our-cleaning-process-icon {
    height: 90px;
    width: 90px;
  }

  .benifit-poinst ul li {
    font-size: 16px;
  }

  .job-list-heading,
  .job-detail-heading {
    margin-bottom: 50px;
  }

  .job-detail {
    column-gap: 30px;
  }

  .hmpricing-slider.owl-carousel .owl-stage {
    justify-content: inherit;
  }

  header nav {
    width: 50%;
  }

  .table-content-points ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .frequently-inner {
    flex-direction: column;
  }

  .frequently-accordion {
    max-width: 100%;
  }

  .frequently-tittle {
    max-width: 100%;
    text-align: center;
  }

  .cleaning-process-timeline {
    padding: 30px;
  }

  .why-choose-us-inner {
    padding: 30px;
  }

  .book-on-go-div {
    flex-direction: column;
    text-align: center;
  }

  .book-on-go-content .solid-btn {
    margin: 0 auto;
  }

  .book-on-go-review {
    max-width: 570px;
    margin: 20px auto;
    display: flex;
    gap: 30px;
    flex-direction: column;
    align-items: center;
  }

  .book-on-go-review {
    gap: 10px;
  }

  .copy-right-div {
    margin-top: 50px;
  }

  .ecofirendly-content {
    padding: 30px;
  }

  .copy-right-inner-content {
    flex-wrap: wrap;
    gap: 20px;
  }

  .privacy-link {
    width: 100%;
    justify-content: center;
  }

  .blog-details-content h2,
  .blog-details-content p {
    margin-bottom: 20px;
  }

  .open-position-section .accordion-item {
    padding: 20px;
  }

  .contact-info-box .contact {
    padding: 15px;
  }

  .contact-info-box {
    flex-wrap: wrap;
  }

  .benifit-box-point {
    padding: 30px;
  }

  .benifit-box-point ul li {
    margin-bottom: 20px;
  }

  .benifit-box-point h2 {
    margin-bottom: 20px;
  }

  .thankyou-text-area {
    padding: 30px 0;
  }

  .cleaning-process-timeline::before {
    content: "";
    height: 190px;
    position: absolute;
    border-left: 2px dashed #F8F8F8;
    transform: translate(43px, 140px);
  }

  .trust-us-service-content {
    transform: translateY(60%);
  }

  .book-on-go-img::before {
    height: 400px;
    width: 400px;
  }

  /*  Service Checklist   */
  .services-checklist-inner .table th,
  .services-checklist-inner .accordion-body .table td {
    width: 20%;
  }
}

@media only screen and (max-width: 820px) {
  .why-choose-content {
    flex-direction: column;
    row-gap: 30px;
  }

  .why-choose-detail h2 {
    max-width: 100%;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    max-width: 32%;
  }

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

  .service-detail {
    max-width: 100%;
  }

  .service-list-section .service-inner:nth-child(even) {
    flex-direction: column;
  }

  .table-content-shape img {
    width: 240px;
    height: 60px;
  }

  .house-ceaning-img img {
    border-radius: 15px;
  }

  .job-detail {
    flex-direction: column;
  }

  .join-community-detail {
    flex-direction: column;
    gap: 20px;
  }

  .join-community-inner {
    padding: 30px 0;
  }

  .frequently-inner {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {

  .footer-column-link:first-child,
  .footer-column-link {
    flex: auto;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    max-width: 30%;
  }

  .book-on-go-review {
    margin-top: 20px;
  }

  .custom-services-name h4 {
    font-size: 18px;
  }

  .custom-services-name {
    bottom: 20px;
  }

  .custom-services-box,
  .custom-services-image img,
  .custom-services-image::before {
    border-radius: 10px;
  }

  .join-community-heading::before,
  .join-community-heading::after {
    width: 15%;
  }

  .our-qualification-img img {
    border-radius: 10px;
  }

  .custmize-cleaning-service {
    flex-direction: column;
    row-gap: 30px;
  }

  .contact-form {
    padding: 30px 20px;
    border-radius: 15px;
  }

  .service-inner-row {
    row-gap: 30px;
  }

  .service-image img {
    border-radius: 15px;
  }

  .news-blog-heading {
    margin-bottom: 30px;
  }

  .staggered-item>span {
    font-size: 14px;
  }

  .solid-btn {
    padding: 11px 24px;
  }

  .trust-us-inner,
  .faq-inner {
    border-radius: 15px;
  }

  .left-shape-img img {
    height: 45px;
  }

  .trust-us-service-img img {
    border-radius: 15px;
  }

  .main-blog::before,
  .blog-img img {
    border-radius: 15px;
  }

  .testimonial-slider-inner {
    border-radius: 15px;
  }

  .why-choose-img img {
    border-radius: 15px;
  }

  .eco-friendly-img img {
    border-radius: 15px;
  }

  .trust-us-service-box {
    border-radius: 15px;
  }

  .team-slide-img img {
    border-radius: 15px;
  }

  .our-team-inner,
  .our-team-inner::before {
    border-radius: 15px;
  }

  .our-work-slide img {
    border-radius: 15px;
  }

  .our-qualification-heading p {
    margin-bottom: 20px;
  }

  .our-qualification-heading {
    margin: 0 auto 20px;
  }

  .eco-friendly-heading p {
    margin-bottom: 20px;
  }

  .hero-banner {
    margin: 10px 10px 30px 10px;
    height: calc(100dvh - 20px);
    background-position: calc(50% - 230px) center;
  }
  .hero-banner-content h1 {
    font-size: 34px;
}

  .trust-us-inner,
  .faq-inner,
  .book-on-go-inner,
  .cleaning-process-inner,
  .why-choose-us-inner,
  .join-community-inner,
  .our-work-inner,
  .frequently-inner,
  .contact-inner {
    margin: 0 15px;
  }

  .custom-services,
  .footer-inner {
    margin: 0 15px 30px;
  }

  .service-detail h2,
  .service-detail p {
    margin-bottom: 10px;
  }

  .service-inner {
    gap: 20px;
  }

  .contact-map {
    border-radius: 15px;
  }

  .contact {
    margin-bottom: 25px;
  }

  .benifit-poinst ul li {
    font-size: 14px;
  }

  .job-list-box {
    border-radius: 15px;
  }

  .job-list-box h5 {
    margin-bottom: 20px;
  }

  .job-list-box p {
    margin-bottom: 10px;
  }

  .thumbnail-slider .owl-nav {
    display: flex;
    justify-content: center;
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    column-gap: 20px;
  }

  .owl-nav button svg {
    max-width: 50px;
  }

  .our-work-slider .owl-nav,
  .hmservice-slider .owl-nav,
  .hmpricing-slider .owl-nav,
  .image-comparison_slider .owl-nav {
    margin-top: 10px;
  }

  .custom-services-box {
    width: 47%;
    flex: auto;
  }

  header nav {
    width: 60%;
  }

  .table-content-points ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }

  .table-content-points ul li {
    margin-bottom: 15px;
  }

  .hero-about-content h2 br {
    display: none;
  }

  .ecofirendly-section .ecofirendly-row {
    flex-direction: column;
  }

  .benifit-img {
    flex: auto;
  }

  .benifit-row {
    flex-wrap: wrap;
  }

  .why-us-service-heading {
    margin: 0 auto 30px;
  }

  .table-content-inner {
    padding: 30px 20px;
  }

  .footer-column-link .footer-contact-detial li {
    min-width: 100%;
  }

  .trust-us-service-content {
    transform: translateY(65%);
  }
}

@media only screen and (max-width: 730px) {
  .book-on-go-img::before {
    height: 360px;
    width: 360px;
  }
}

@media only screen and (max-width: 680px) {
  p {
    font-size: 14px;
  }

  .hero-about-img-right img,
  .hero-about-img-left img {
    display: none;
  }

  .hero-about-content {
    padding: 0;
  }

  .satisfaction-counter {
    flex-direction: column;
  }

  .count-area-content {
    width: 100%;
  }

  .count-area-content {
    margin-top: 20px;
  }

  .join-community-logo {
    padding: 10px;
  }

  .frequently-inner {
    flex-direction: column;
  }

  .contact-left-side {
    margin-bottom: 30px;
  }

  .cta-btns .solid-btn {
    min-width: 150px;
  }

  .join-community-logos {
    gap: 15px;
  }

  .testimonial-slider-heading {
    max-width: 520px;
  }

  .benifit-heading {
    flex-direction: column;
    row-gap: 20px;
  }

  .table-content-inner {
    padding: 70px 20px 30px;
    border-radius: 15px;
  }

  .table-content-points {
    flex-wrap: wrap;
  }

  .why-us-service-box-shape img {
    height: 50px;
  }

  .custom-services {
    gap: 15px;
  }

  .trust-us-service-btn .staggered-item>span {
    font-size: 14px;
  }

  .footer-inner {
    padding: 30px 0;
  }

  .hero-banner-content {
    padding: 0 20px;
    left: 0;
    bottom: 30px;
  }

  .job-list-box {
    padding: 20px;
  }

  header nav {
    width: 70%;
  }

  .custom-services-box {
    width: 100%;
  }

  .copy-right-inner-content {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
  }

  .book-on-go-img::before {
    height: 320px;
    width: 320px;
  }

  /*  Service Checklist   */
  .services-checklist-inner {
    overflow-x: auto;
  }

  .services-checklist-content {
    width: 660px;
  }

  .services-checklist-details {
    position: relative;
  }

  .services-checklist-details:before {
    position: absolute;
    ;
    height: 100%;
    right: -1px;
    z-index: 2;
    content: "";
    background: linear-gradient(90deg, transparent 0%, rgb(255, 255, 255, 1) 95.96%);
    width: 35px;
  }

  .services-checklist-inner .menu-button::after {
    height: 8px;
    width: 8px;
  }
}

@media only screen and (max-width: 600px) {
  h2 {
    font-size: 26px;
  }

  h4 {
    font-size: 18px;
  }

  .form-group {
    width: 100%;
  }

  .toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(0%);
    z-index: 5;
  }

  .isScrolled .toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 5;
  }

  header {
    padding-top: 30px;
    top: 20px;
  }

  .cleaning-process-btn {
    display: none;
  }

  .cleaning-process-timeline {
    flex-direction: column;
    align-items: inherit;
    row-gap: 30px;
  }

  .our-cleaning-process-icon {
    height: 90px;
    max-width: 76px;
    width: 100%;
    padding: 12px;
  }

  .cleaning-process-timeline::before {
    display: none;
  }

  .book-on-go-review-img img {
    height: 60px;
    width: 60px;
  }

  .book-on-go-review-content img img {
    max-width: 100px;
  }

  .inner-blog-box {
    column-gap: 20px;
  }

  .inner-blog-box-img,
  .inner-blog-box-content {
    flex: 1;
  }

  .inner-blog-box-content h4 {
    font-size: 16px;
  }

  .inner-blog-box-content p {
    font-size: 14px;
    margin-bottom: 5px;
  }

  .inner-blog-box-img img {
    border-radius: 10px;
  }

  .inner-blog-box .staggered-item .default-text {
    font-size: 14px;
  }

  .benifit-poinst {
    padding: 80px 20px 20px;
    border-radius: 15px;
    background-size: cover;
  }

  .benifit-poinst h5 {
    margin-bottom: 15px;
    font-size: 14px;
  }

  .satisfaction-inner::before,
  .satisfaction-inner {
    border-radius: 15px;
  }

  .cleaning-process-heading {
    flex-direction: column;
    gap: 20px;
  }

  .news-blog-heading {
    flex-direction: column;
    gap: 30px;
  }

  .trust-us-service-btn a img {
    max-width: 10px;
  }

  button.menu-button {
    padding: 10px 15px;
  }

  .copy-right-inner-content {
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    text-align: center;
  }

  .copy-right-div {
    margin-top: 30px;
  }

  .book-on-go-img::before {
    height: 280px;
    width: 280px;
  }

  .why-choose-us-grid-box {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-width: 585px) {
  nav {
    width: 100%;
  }

  .join-community-heading::before,
  .join-community-heading::after {
    width: 10%;
  }

  .testimonial-slider-heading {
    background: none;
    margin-top: 0;
    margin-bottom: 20px;
    padding: 0 20px;
    position: relative;
  }

  .testimonial-slider-inner {
    padding: 30px 0 30px;
  }

  .why-choose-img .shape-img img {
    height: 40px;
  }

  .why-choose-list-img {
    max-width: 30px;
  }

  .why-choose-list-img img {
    height: 30px;
  }

  .blog-img .shape-img img {
    width: 250px;
  }
}

@media only screen and (max-width: 520px) {
  .book-on-go-img::before {
    height: 240px;
    width: 240px;
  }
}

@media only screen and (max-width: 475px) {
  .cta-btns {
    flex-wrap: wrap;
    justify-content: start;
    row-gap: 20px;
  }

  .join-community-heading::before,
  .join-community-heading::after {
    display: none;
  }

  .blog-content p {
    display: none;
  }

  header nav {
    width: 100%;
  }

  .open .toggle-icon {
    background: var(--graident-color);
  }

  .open .toggle-icon::before {
    background: var(--graident-color);
  }

  .open .toggle-icon::after {
    background: var(--graident-color);
  }

  .footer-column {
    flex-direction: column;
  }

  .blog-img .shape-img img {
    width: 180px;
    height: 50px;
  }

  .privacy-link {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
  }

  .why-choose-us-inner {
    padding: 20px;
  }

  .why-choose-us-grid-box {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fill, minmax(clamp(100%, 22vw, 400px), 1fr));
  }

  .why-choose-us-box {
    padding: 20px;
  }

  .open-position-section .opening-header,
  .open-position-section .opening-experience {
    font-size: 20px;
  }

  .toggle {
    position: absolute;
    right: 30px;
  }

  header .container {
    padding: 0 0 0 30px;
  }

  .isScrolled .toggle {
    position: absolute;
    right: 30px;
  }

  .trust-us-service-content {
    transform: translateY(50%);
  }

  .book-on-go-img::before {
    height: 215px;
    width: 215px;
  }
}

@media only screen and (max-width: 420px) {
  .book-on-go-img::before {
    height: 185px;
    width: 185px;
  }
}

@media only screen and (max-width: 375px) {
  .trust-us-service-content {
    transform: translateY(60%);
  }

  .book-on-go-img::before {
    height: 160px;
    width: 160px;
  }
}

@media only screen and (max-width: 360px) {
  .blog-img .shape-img img {
    width: 140px;
    height: 40px;
  }

  .menu-button-heading {
    font-size: 20px;
  }

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

  .border-btn-bg {
    width: 100%;
  }

  .book-on-go-img::before {
    height: 140px;
    width: 140px;
  }

  .footer-contact-detial li:first-child a {
    font-size: 13px;
  }
}