@media(min-width:1200px){
    footer .container{
        max-width: 1270px;
    } 
    .container{ 
        padding: 0 15px;
    }
}

@media(max-width:1199px){
    h1 {
        font-size: 40px;
    }
    h2,.form-modal .step-fields h2,.form-modal .step-fields h3 {
        font-size:35px;
    } 
    .cleaning-steps .step-left h3 {
        font-size: 30px;
    } 
    section.banner p.highlighted-text,h3,.testimonial-carousel .item .quote p {
        font-size: 22px;
    } 
    .card-header a.btn,.form-modal p.step-info {
        font-size: 20px;
    }
    .card-body {
        font-size: 18px;
    }
    .banner ul li,
    footer .info-title,
    p {
        font-size: 16px;
    }
}

@media(max-width:991px){
    h1 {
        font-size: 35px;
    }
    h2,.form-modal .step-fields h2,.form-modal .step-fields h3 {
        font-size:30px;
    } 
    .cleaning-steps .step-left h3 {
        font-size: 27px;
    } 
    .cleaning-steps .step-left p.steps,
    section.banner p.highlighted-text,h3,.testimonial-carousel .item .quote p {
        font-size: 20px;
    } 
    .card-header a.btn ,.comapre-text p,.form-modal p.step-info{
        font-size: 18px;
    }
    .card-body {
        font-size: 17px;
    }
    .reviews .rating-count p,
    .banner ul li,
    footer .info-title,
    p {
        font-size: 15px;
    }
    .form-modal input.next.action-button, .form-modal a.back-to-home,
    .primary-btn,.secondary-btn {
        padding: 12px 30px;
        font-size: 16px;
    }
    .banner ul{
        gap: 10px;
    }
    section.banner p.highlighted-text{
        padding: 10px 0;
    }
    .dedicated .dedicated-listing{
        gap: 20px;
    }
    .dedicated .dedicated-listing .dedicated-wrap{
        padding: 20px;
        gap: 20px;
    }
    .cleaning-steps .steps-inner{
        padding: 20px;
    }
    .card-header a.btn,.card-header a.btn:not(.collapsed){
        background-size: 20px;
    }
    .top-footer .cols-5 {
        order: -2;
        width: 54%;
    } 
    .top-footer .cols-1 {
        order: -3;
        width: 42%;
    } 
    .top-footer {
        gap: 30px 4%;
    } 
    .top-footer .cols-2,.top-footer .cols-3,.top-footer .cols-4 {
        width: 30%;
    }
    .form-wrapper{
        flex-direction: column;
    }
    .form-modal .form-left{
        width: 100%;
    }
    .form-modal .form-right {
        width: 100%;
        margin-top: 30px;
    }
    .form-modal .modal-header{
        padding: 10px 0;
    }
    .form-modal .modal-body{
        padding: 40px 0;
    }
    .form-modal input.next.action-button, .form-modal a.back-to-home{
        margin-top: 30px;
    }
    .form-modal .step-fields h3{
        margin-bottom: 30px;
    }
    .form-modal .step-fields table :is(td,th),
    .form-modal .cm-radio label span, .form-modal .cm-checkbox label span {
        font-size: 18px;
    }
    form input.prev.action-button {
        padding: 6px;
        width: 46px;
        font-size: 17px;
        height: 46px;
    }
}


@media(max-width:767px){
    h1 {
        font-size: 32px;
    }
    h2 ,.form-modal .step-fields h2,.form-modal .step-fields h3{
        font-size:28px;
    } 
    .cleaning-steps .step-left h3 {
        font-size: 26px;
    } 
    section.banner p.highlighted-text,h3,.testimonial-carousel .item .quote p {
        font-size: 19px;
    } 
    .form-modal .field-wrap label,
    .card-header a.btn ,.form-modal p.step-info{
        font-size: 17px;
    }
    .card-body ,.form-modal .step-wrap .field-wrap input{
        font-size: 16px;
    }
    .banner ul li,
    footer .info-title,
    p {
        font-size: 14px;
    }
    section.banner .video-wrap{
        margin-top: 30px;
    }
    .rating-img {
        width: 100%;
        margin-top: 20px;
    }
    .compare-wrapper {
        gap: 20px;
        grid-template-columns: repeat(1, 1fr);
    }
    .dedicated .dedicated-listing{
        grid-template-columns: repeat(2, 1fr);
    }
    .cleaning-steps .steps-inner {
        flex-direction: column;
    } 
    .cleaning-steps .steps-inner .step-left,.cleaning-steps .steps-inner .step-right {
        width: 100%;
    } 
    #accordion{
        margin-top: 30px;
    } 
    .copyright-social p {
        font-size: 15px;
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    footer ul.social-links{
        justify-content: center;
    }
    .form-modal .step-fields table :is(td,th),
    .form-modal .cm-radio label span, .form-modal .cm-checkbox label span {
        font-size: 17px;
    }
}


@media(max-width:575px){
    h1 {
        font-size: 28px;
    }
    h2 ,.form-modal .step-fields h2,.form-modal .step-fields h3{
        font-size:25px;
    } 
    .cleaning-steps .step-left h3 {
        font-size: 22px;
    } 
    section.banner p.highlighted-text,h3,.testimonial-carousel .item .quote p {
        font-size: 18px;
    } 
    .form-modal .field-wrap label,
    .form-modal .step-fields table :is(td,th),
    .card-header a.btn ,.form-modal p.step-info{
        font-size: 16px;
    }
    .form-modal .succes-message p,
    .card-body ,.form-modal .step-wrap .field-wrap input{
        font-size: 15px;
    } 
    .secondary-btn{
        padding-inline: 15px;
    }
    .banner {
        padding: 130px 0 80px;
    }
    .testimonial,.results,.faqs{
        padding: 0 0 60px;
    }
    .dedicated,.cleaning-steps,.cta{
        padding: 60px 0;
    }
    .cs-margin,
    .dedicated .btn-reviews,.steps-wrap,
    .testimonial-carousel,.compare-wrapper,.dedicated .dedicated-listing{
        margin-top: 30px;
    }
    .dedicated .dedicated-listing {
        grid-template-columns: repeat(1, 1fr);
    }
    .top-footer .cols-2, .top-footer .cols-3, .top-footer .cols-4 {
        width: 48%;
    }
    .copyright-social{
        margin-top: 60px;
    }
    .form-modal .succes-message>svg{
        margin-bottom: 30px;
    }
    .top-footer .cols-5{
        width: 100%;
    }
    .form-modal .step-fields table{
        width: 250px;
    }
    footer{
        padding: 60px 0 15px;
    }
}