@media all and (max-width: 1140px){
    .checklist-form .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
}

@media all and (max-width: 992px){

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        width: 100% !important;
        flex: 100% !important;
        max-width: 100% !important;
    }

    .checklist-form h3,
    .end-screen h1 {
        font-size: 32px;
        line-height: 38px;
    }

    .checklist-form .description {
        font-size: 16px;
        line-height: 24px;
    }

    .checklist-form .did-you-know h3,
    .end-screen .results h3 {
        font-size: 26px;
        line-height: 36px;
    }

    .checklist-form .cat > div label .checkmark {
        right: 0;
    }

    .checklist-form .cat > div span.text {
        max-width: 75%;
    }

    .end-screen .row {
        width: auto;
    }

    .end-screen > .container:first-child .row > .col-lg-5 {
        order: 1;
    }

    .end-screen > .container:first-child .row > .col-lg-7 {
        order: 0;
    }

    .checklist-form .did-you-know {
        max-width: 100%;
        padding: 25px 35px 55px;
        margin: 50px 0 0;
    }

    .checklist-form ul[role="menu"] {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0;
    }

    .checklist-form ul[role="menu"] li {
        margin: 10px;
    }

    .checklist-form ul[role="menu"] li a {
        max-width: 180px;
        width: 100%;
    }

    .checklist-form .form-checkbox-cat label {
        margin: 0 24px 24px 0 !important;
    }

    .end-screen .next-steps {
        padding: 31px 5px 78px;
    }

    .end-screen .row.links {
        margin: 0 auto;
    }
}

@media all and (max-width: 560px){
    .checklist-form .form-checkbox-cat label {
        width: 140px !important;
        height: 85px !important;
        font-size: 16px !important;
    }

    .checklist-form ul[role="menu"] li a {
        max-width: 125px !important;
        padding: 10px 41px 10px;
    }

    .checklist-form ul[role="menu"] > li:nth-child(1) a:before {
        position: absolute;
        left: 20px;
        margin-right: 0 !important;
    }

    .checklist-form ul[role="menu"] > li:nth-child(2) a:after {
        position: absolute;
        right: 20px;
        margin-left: 0 !important;
    }

    .end-screen div.p-float-in {
        height: 310px;
    }

    .end-screen .accordion span {
        background-size: contain !important;
        right: 2px;
        background-position: right;
    }

    .end-screen .tabs ul {
        padding: 0;
    }

    .end-screen .tabs ul li {
        padding: 9px 0 13px;
        font-size: 19px;
        max-width: 150px;
    }
   .checklist-form h3, .end-screen h1 {
        font-size: 22px;
        line-height: 30px;
       }
   .checklist-form .cat b.description {
        font-size: 16px;
       }
   .checklist-form .cat > div .checkbox-container {
        font-size: 16px;
       }

}