@media screen and (min-width: 768px) and (max-width: 1199px) {
    .ptb-80 {
        padding: 65px 0;
    }

    h1 {
        font-size: 48px;
    }

    .btn,
    .no-bg-btn,
    h6,
    .how-work-card p,
    h4,
    .cleanair-content p,
    .working-time p,
    .testimonials-card p,
    .book-service-card p,
    .accordion-body p {
        font-size: 17px;
    }

    .btn {
        padding: 13px 28px;
    }

    .banner-img {
        width: 42%;
    }

    .banner-content {
        width: 58%;
    }

    h2 {
        font-size: 42px;
    }

    .card {
        padding: 24px 24px;
    }

    .card .icon img {
        max-width: 40px;
    }

    .card .icon {
        margin-bottom: 18px;
    }

    h3,
    .cleanair-content .btn-field .btn,
    .coverage-location-card .location-name,
    .book-service-card .book-online-btn {
        font-size: 18px;
    }

    body,
    p,
    .navbar-custom .green-btn,
    .claim-discount-content .btn,
    span.step-count,
    .policy-links,
    .coverage-tags-list span,
    .coverage-location-card a,
    .customer-name,
    .customer-info .location,
    .accordion-button {
        font-size: 15px;
    }

    .why-matters-content {
        margin: 50px 0;
    }

    .why-matters-section .title {
        margin-bottom: 30px;
    }

    .stats-count {
        font-size: 50px;
    }

    .how-work-card h3,
    .book-service-card h3,
    .book-service-card .call-btn {
        font-size: 21px;
    }

    .card-sm {
        padding: 18px 16px;
    }

    .coverage-tags-list {
        margin: 30px 0;
    }

    .working-time {
        margin-top: 40px;
    }

    .testimonials-section .title {
        margin-bottom: 35px;
    }

    .slick-prev,
    .slick-next {
        width: 35px;
        height: 35px;
    }

    .slick-next {
        right: -9px;
    }

    .slick-prev {
        left: -9px;
    }

    .slick-dotted.slick-slider {
        padding-bottom: 47px;
    }

    .book-service-card {
        width: 330px;
        padding: 40px 20px;
    }

    .faq-contents {
        width: calc(100% - 330px);
    }

    .cleanair-content h2 {
        margin-bottom: 16px;
    }

    .cleanair-content .btn-field {
        margin-bottom: 30px;
    }

    .cleanair-tags-list {
        gap: 10px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .logo img {
        max-width: 200px;
    }

    h1 {
        font-size: 40px;
    }

    .banner-content {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
    }

    .banner-img {
        width: 55%;
        margin-left: 15px;
    }

    .claim-discount-content {
        gap: 12px;
    }

    .btn,
    .no-bg-btn,
    h6,
    .how-work-card p,
    h4,
    .cleanair-content p,
    .working-time p,
    .testimonials-card p,
    .book-service-card p,
    .accordion-body p {
        font-size: 16px;
    }

    body,
    p,
    .navbar-custom .green-btn,
    .claim-discount-content .btn,
    span.step-count,
    .policy-links,
    .coverage-tags-list span,
    .coverage-location-card a,
    .customer-name,
    .customer-info .location,
    .accordion-button {
        font-size: 14px;
    }

    .claim-discount-content {
        font-size: 13px;
    }

    .claim-discount-content h6 {
        font-size: 15px;
    }

    h2 {
        font-size: 38px;
    }

    .coverage-tags-list {
        flex-wrap: wrap;
    }

    .footer-content {
        flex-direction: column;
        gap: 10px;
    }

    footer {
        padding: 20px 0;
    }
}

@media screen and (min-width: 300px) and (max-width: 767px) {
    .navbar-custom {
        padding: 12px 0;
    }

    .ptb-80 {
        padding: 55px 0;
    }

    .navbar-custom .container {
        flex-direction: column;
    }

    .logo {
        margin-bottom: 10px;
    }

    body,
    p,
    .navbar-custom .green-btn,
    .claim-discount-content .btn,
    span.step-count,
    .policy-links,
    .coverage-tags-list span,
    .coverage-location-card a,
    .customer-name,
    .customer-info .location,
    .accordion-button {
        font-size: 14px;
    }

    .btn,
    .no-bg-btn,
    h6,
    .how-work-card p,
    h4,
    .cleanair-content p,
    .working-time p,
    .testimonials-card p,
    .book-service-card p,
    .accordion-body p {
        font-size: 16px;
    }

    .navbar-custom .gap-3 {
        gap: 8px !important;
    }

    .navbar-custom .btn {
        padding: 7px 10px;
    }

    .btn .left-img {
        margin-right: 6px;
    }

    .btn .right-img {
        margin-left: 5px;
    }

    .navbar-custom .btn {
        font-size: 14px;
    }

    .logo img {
        max-width: 230px;
    }

    .banner-content {
        width: 100%;
        margin-bottom: 25px;
    }

    .banner-img {
        width: 100%;
        max-width: 400px;
    }

    .banner-overlay {
        left: 0;
    }

    .banner-overlay img {
        width: 210px;
    }

    h1 {
        font-size: 35px;
    }

    .top-bar,
    .banner-content ul li,
    .title h4,
    .card-sm p,
    .book-service-card p.small,
    .badge-custom {
        font-size: 13px;
    }

    h2 {
        font-size: 30px;
    }

    .stats-count {
        font-size: 37px;
    }

    h3,
    .cleanair-content .btn-field .btn,
    .coverage-location-card .location-name,
    .book-service-card .book-online-btn {
        font-size: 18px;
    }

    .how-work-card h3,
    .book-service-card h3,
    .book-service-card .call-btn {
        font-size: 21px;
    }

    .banner-content .btn-field {
        flex-direction: column;
    }

    .btn {
        padding: 13px 25px;
    }

    .banner-content ul {
        flex-wrap: wrap;
        gap: 7px;
    }

    .claim-discount-content {
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }

    .card {
        padding: 24px 24px;
    }

    .card-sm {
        padding: 12px 12px;
    }

    .what-get-section .title {
        margin-bottom: 30px;
    }

    .why-matters-section .title {
        margin-bottom: 40px;
    }

    .why-matters-content {
        margin: 40px 0;
    }

    .why-stats {
        flex-wrap: wrap;
        gap: 15px 0;
    }

    .stats-item {
        width: 50%;
        flex: unset;
    }

    .stats-item:nth-child(2n):after {
        display: none;
    }

    .stats-item:after {
        height: 50px;
    }

    .card .icon img {
        width: 40px;
    }

    .card .icon {
        margin-bottom: 16px;
    }

    .how-work-section .title {
        margin-bottom: 30px;
    }

    .slick-dotted.slick-slider {
        padding-bottom: 40px;
    }

    .why-choose-section .title {
        padding-right: 0;
        padding-bottom: 30px;
    }

    .coverage-tags-list {
        flex-wrap: wrap;
        gap: 8px;
        margin: 30px 0;
    }

    .coverage-locations {
        gap: 16px;
        flex-direction: column;
    }

    .coverage-location-card {
        width: 100%;
    }

    .working-time {
        margin-top: 35px;
    }

    .working-time p {
        margin: 0;
    }

    .faq-wrapper {
        flex-direction: column;
    }

    .faq-contents {
        width: 100%;
        padding: 0;
    }

    .book-service-card {
        width: 100%;
        margin-top: 20px;
    }

    .book-service-card .book-online-btn {
        padding: 16px 15px;
    }

    .cleanair-content h2 {
        margin-bottom: 16px;
    }

    .cleanair-content .btn-field {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .cleanair-tags-list {
        gap: 9px;
    }

    .cleanair-tags-list span {
        padding: 4px 10px;
        gap: 5px;
    }

    .copyright p,
    .cleanair-tags-list span {
        font-size: 14px;
    }

    .cleanair-content p {
        margin-bottom: 30px;
    }

    .footer-content {
        flex-direction: column;
        gap: 0;
    }

    .footer-content .copyright {
        margin: 15px 0;
        text-align: center;
    }

    .copyright p a {
        white-space: nowrap;
    }

    footer {
        padding: 20px 0;
    }

    .icon.review-star-icon img {
        width: 17px;
    }

}