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





    /** HOME PAGE **/
    #footer-container p.main-paragraph {
        width: 100%;
    }
    .home-page #top-head-section {
        background:  #fff;
        background-size: 100% auto;
        position: relative;
        background-image: none;
        height: auto;

    }




    #step-left {

        background: url(../images/mobile-bg.jpg) no-repeat center top #fff;
        background-size:cover;
        position: relative;
        padding-bottom: 68px;
        margin-bottom: 0px;

    }
    #main-nav > img {
        width: 190px;
        display: block;
        margin: auto;
        float: none;
        margin-bottom: 15px;
    }
    #main-nav > span em,
    #slideshow {
        display: none;
    }
    #main-nav > span {
        width: 100%;
        display: block;
        text-align: center;
        position: relative;
        margin-top: 0px;
        margin-bottom: 8px;
    }
    #main-nav > span b {
        font-size: 20px;
    }
    #main-nav > span a {
        color: white;
        text-decoration: none;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
    }
    #main-nav > span a > i {
        display: inline-block;
        background: #e86800;
        text-align: center;
        color: #FFF;
        width: 22px;
        margin-right: 5px;
        vertical-align: middle;
        border-bottom-left-radius: 36px;
        border-radius: 50%;
        position: relative;
        top: -2px;
        line-height: 22px;
        font-size: 12px;
    }
    #main-nav > span i,
    #main-nav > span br {
        display: none;
    }
    #main-section {
        padding-bottom: 53px;
    }
    .home-page #main-section {
        padding-bottom: 0px;
    }
    #top-nav {
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        box-sizing: border-box;
        height: 70px;
    }
    .main-cta {
        font-size: 30px;
        width: 100%;
        margin: auto;
        max-width: 320px;
        line-height: 38px;
    }
    .sub-cta {
        font-size: 17px;
        padding-bottom: 25px;
    }
    #main-form {
        width: 100%;
        margin: auto;
        min-height: 320px;
        padding-bottom: 00px;
        padding-top: 0px;
        background: #eee;
    }
    .get-quotes #main-form {
        min-height: 222px;
    }
    #main-form-container #insurance > span {
        position: relative;
        height: 0px;
        top: -23px;
        font-size: 14px;
        color: #1d4a69;
        text-align: center;
        width: 100%;
        display: block;
        line-height: 11px;
    }
    #mf-arrow {
        margin-left: -15px;
        border-top: 15px solid #7ab3cf;
    }
    #main-form h3 {
        font-size: 15px;
    margin: 0 25px;
    padding-bottom: 10px;
    line-height: 26px;
    text-align: center;
    }
    #main-form-container #zip {
            width: 100%;
    margin-bottom: 10px;
    position: relative;
    height: 51px;
    line-height: 51px;
    }
    #zip input {
            float: none;
    font-size: 18px;
    font-weight: 700;
    height: 51px;
    padding-left: 0px;
    width: 100%;
    text-align: center;
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
    display: inline-block;
    vertical-align: top;
    }
    #main-form-container #home_type {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        height: 50px;
        line-height: 50px;
    }
    #home_type select {
        box-sizing: border-box;
        float: none;
        font-size: 20px;
        font-weight: 400;
        height: 50px;
        padding-left: 0px;
        width: 100%;
        text-align: center;
        -webkit-appearance: menulist;
        border-radius: 0;
    }
    #main-form-container #credit_score {
        width: 100%;
        margin-bottom: 10px;
        position: relative;
        height: 50px;
        line-height: 50px;
    }
    #credit_score select {
        box-sizing: border-box;
        float: none;
        font-size: 20px;
        font-weight: 400;
        height: 50px;
        padding-left: 0px;
        width: 100%;
        text-align: center;
        -webkit-appearance: menulist;
        border-radius: 0;
    }
    #main-form-container {
           margin-top: 15px;
    max-width: 320px;
    height: auto;
    margin: auto;
    }
    #top-head-section {
        background-color: transparent;
        background-size: auto 720px;
        background-position: center 0px;
        height: auto;
        background: none;
    }
    #howto-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #howto-section > h3 {
        font-size: 27px;
        font-weight: 600;
        letter-spacing: -1px;
        margin: auto;
        width: 81%;
    }
    #howto {
       padding-top: 55px;
    display: block;
    margin: auto;
    width: 90%;
    padding-bottom: 50px;
    margin-bottom: 50px;
    }
    .howto-item {
           margin-bottom: 30px;
    width: 100%;
    padding: 0px 0 0px 0;
    }
    .howto-item .c-icon img {
        height: 100px;
    }
    .howto-item .c-icon {
        margin-bottom: 12px;
    }
    .howto-item h3 {
        font-size: 22px;
        letter-spacing: -1px;
        padding-bottom: 9px;
    }
    .howto-item span {
    font-size: 17px;
    line-height: 25px;
    width: 215px;
    display: block;
    margin: auto;
}
    .howto-item.middle {
        border-left: 0px solid #dcdcdc;
        border-right: 0px solid #dcdcdc;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        box-sizing: border-box;
    }
    #footer-container {
        width: 88%;
        margin: auto;
        padding-top: 28px;
    }
    #footer-container > div {
    float: none;
    width: 100%;
}

    p.right-terms {
    float: none;
    width: 100%;
    padding-top: 0px;
}

    .mobile-phone {
        display: block;
        text-align: center;
        color: #08162c;
        line-height: 60px;
    }
    .mobile-phone a {
        color: #08162c!important;
        text-decoration: none;
    }
    #submit-div .btn {
        line-height: 60px;
        height: 60px;
        font-size: 26px;
    }
    /** COMPANIES SECTION **/
    #companies-section {
        text-align: center;
        margin-Bottom: 25PX;
    }
    #companies-section > img {
        width: 90%;
    }
    /** WHY SECTION **/
    #why-health-connect h1 {
        font-size: 22px;
        font-weight: 500;
        color: #fff;
        margin: auto;
        font-family: 'Muli', serif;
        padding-bottom: 23px;
        line-height: 44px;
    }
    #why-health-connect h1 span {
        display: block;
        text-align: center;
        font-size: 22px;
        line-height: 31px;
    }
    #why-health-connect h1 span a {
        color: #143c58;
        text-decoration: none;
    }
    #happy-family,
    #h-details {
        float: none;
        width: 100%;
        text-align: center;
        max-width: 300px;
        margin: auto;
    }
    #h-details {
        padding-top: 35px;
    }
    #happy-family img {
        width: 70%;
    }
    #h-details ul li i {
        display: inline-block;
        text-align: left;
        color: #335b77;
        margin-bottom: 0px;
    }
    #h-details ul li {
        list-style: none;
        text-align: left;
        font-size: 14px;
        text-align: left;
        box-sizing: border-box;
        width: 100%;
        padding-left: 10px;
        padding-bottom: 11px;
    }
    #getquote-btn {
        max-width: 290px;
        font-size: 22px;
        line-height: 60px;
        height: 60px;
    }
    #before-footer-section {
        padding-top: 20px;
        padding-bottom: 45px;
    }
    br#mob_only {
        display: inline!important;
    }
    /** VEHICLE INFO QUERIES **/
    .sub-page #main-nav > img {
        width: 165px;
    }
    #vi-section > h2 {
        font-size: 16px;
        margin: auto;
        padding-top: 20px;
        line-height: 26px;
        color: #2d2d2d;
    }

    #vi-section > h2 a {
        color: #2d2d2d;

    }
    #vi-section {
        padding-top: 15px;
    }
    #vi-main {
        padding-top: 0px;
        width: 100%;
        padding-bottom: 10px;
    }
    #step-bar {
        height: 34px;
        text-align: center;
        background: #e1e1e1;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        line-height: 34px;
        overflow: hidden;
    }
    .steps {
        float: left;
        height: 34px;
        line-height: 34px;
        width: 22%;
        background: #e1e1e1;
        color: #bdbdbd;
        font-weight: 500;
        display: block;
        position: relative;
        z-index: 55;
    }
    .steps .step-number {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        border: 1px solid #bdbdbd;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        color: #bdbdbd;
        font-weight: 500;
        font-size: 14px;
        position: absolute;
        top: 50%;
        margin-top: -10px;
        left: 57%;
        margin-left: -10px;
    }
    .step_number {
        margin-top: -80px;
    }
    .steps .step-title {
        line-height: 34px;
        display: block;
        text-align: center;
        color: #fff;
        font-size: 15px;
        text-transform: uppercase;
        box-sizing: border-box;
        padding-left: 15px;
        display: none;
    }
    .steps .step-arrow {
        width: 26px;
        height: 36px;
        background: url(../images/arrow-inactive.png) no-repeat center top transparent;
        background-size: 100% 100%;
        z-index: 99;
        position: absolute;
        right: -26px;
        top: -1px;
        box-sizing: border-box;
    }
    #step3.steps .step-arrow {
        background-image: none !important;
    }
    /** ACTIVE **/
    .steps.active {
        width: 55%;
    }
    .contact .steps.active {
        width: 100%;
    }
    .steps.active .step-number {
        left: 16px;
    }
    #step2.steps.active .step-number,
    #step3.steps.active .step-number {
        left: 42px;
    }
    .steps.active {
        background: #0d365b;
        color: white;
        z-index: 900;
    }
    .steps.active .step-arrow {
        width: 24px;
        height: 35px;
        background: url(../images/arrow-active.png) no-repeat center top transparent;
        background-size: 100% 100%;
        z-index: 99;
        position: absolute;
        right: -23px;
        top: 0px;
        box-sizing: border-box;
    }
    .steps.active .step-title {
        display: block;
    }
    #step2.steps.active .step-title,
    #step3.steps.active .step-title {
        padding-left: 43px;
    }
    .contact #step2.steps.active .step-title {
        padding-left: 0px;
    }
    /** COMPLETED **/
    div.steps.completed:before {
        content: "";
        width: 34px;
        height: 34px;
        background: white;
        position: absolute;
        top: 0px;
        z-index: 99;
        transform: rotate(45deg);
        left: -24px;
    }
    .steps .step-completed {
        margin-left: -14px;
        left: 63%;
        position: relative;
    }
    #vehicle-details {
        padding-top: 12px;
        width: 90%;
    }
    #year,
    #make,
    #model,
    #insurance-provider,
    #home,
    #accident {
        float: none;
        width: 100%;
        margin-right: 0px;
        text-align: center;
    }
    #car-info span,
    #personal-info span,
    #accident-info span {
        text-align: center;
    }
    #car-info select,
    #personal-info select {
        width: 100%;
        box-sizing: border-box;
        border: 2px solid #808080;
        text-align: center;
        padding: 0px;
        -webkit-appearance: none;
    }
    #car-info span,
    #personal-info span,
    #accident-info span {
        display: block;
        text-align: center;
        color: #6e6e6e;
        font-weight: 400;
        font-size: 18px;
        padding-bottom: 7px;
        clear: both;
        line-height: 22px;
        padding-top: 5px;
        letter-spacing: -1px;
        margin: auto;
        width: 95%;
    }
    #insurance-provider {
        margin-bottom: 10px;
    }
    /** DRIVER PAGE **/
    #driver-details {
        padding-top: 7px;
        width: 87%;
    }
    .d-item input,
    .d-item select {
        width: 100%;
        box-sizing: border-box;
        height: 50px;
        display: inline-block;
        border: 2px solid #808080;
        -webkit-appearance: none;
    }
    .d-item textarea {
        display: inline-block;
        border: 2px solid #808080;
    }
    .d-item {
        vertical-align: top;
        float: none;
        padding-bottom: 4px;
        text-align: left;
        width: 100%;
        box-sizing: border-box;
        padding-right: 0px;
    }
    #city {
        width: 68%;
    }
    #state {
        width: 30%;
    }
    .d-item.dob-row {
        width: 100%;
        text-align: center;
    }
    .d-item.dob-row select {
        width: 38%;
        padding-left: 4px;
        font-size: 18px;
    }
    .d-item #dobmonth {
        width: 41%;
    }
    .d-item #dobday {
        width: 25%;
    }
    .d-item #dobyear {
        width: 30%;
    }
    .mobRegText {
        display: block;
    }
    .webRegText {
        display: none;
    }
    /** FULL REG PAGE **/
    .register #vi-section > h2 {
        font-size: 15px;
        line-height: 19px;
        width: 100%;
        margin: auto;
        padding-top: 20px;
    }
    #customer_details {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    #p-left,
    #i-left {
        float: none;
        width: 100%;
        clear: both;
    }
    #p-right,
    #i-right {
        float: none;
        width: 100%;
    }
    #gender-div {
        float: none;
        width: 100%;
        padding-top: 25px;
    }
    #household {
        float: none;
        width: 100%;
        padding-top: 8px;
    }
    #submit-section {
        text-align: center;
        padding-top: 20px;
    }
    #vi-form {
        width: 100%;
    }
    #customer_details span {
        text-align: center;
    }
    #height {
        width: 48%;
        float: none;
        margin-right: 0;
        display: inline-block;
        vertical-align: top;
    }
    #body-info {
        text-align: center;
    }
    #weight {
        width: 48%;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    #physical-info,
    #insurer-details {
        margin: auto;
        max-width: 300px;
        padding-bottom: 0;
    }
    #insurer-details {
        padding-top: 0;
    }
    #pounds {
        width: 96px;
        text-align: right;
    }
    #inches {
        width: 41px;
        text-align: right;
    }
    #feet {
        width: 41px;
        text-align: right;
    }
    .radio-style {
        display: block;
        width: 45%;
        height: 80px;
        position: relative;
        vertical-align: top;
        overflow: hidden;
        float: none;
        display: inline-block;
    }
    .radio-style input {
        display: none;
    }
    .radio-style input + label {
        color: #fff;
        font-weight: 600;
        line-height: 65px;
        width: 65px;
        height: 65px;
        text-align: center;
        font-weight: 600;
        border: 0px solid #6e6e6e;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        position: relative;
        cursor: pointer;
        display: block;
        font-size: 44px;
        box-sizing: border-box;
        display: inline-block;
        vertical-align: top;
    }
    .radio-style input:checked + label {
        color: #fff;
        font-style: 600;
        line-height: 65px;
        width: 65px;
        height: 65px;
        text-align: center;
        font-weight: 600;
        border: 0px solid #6e6e6e;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        border-bottom-left-radius: 50%;
        border-bottom-right-radius: 50%;
        position: relative;
        cursor: pointer;
        display: inline-block;
        vertical-align: top;
        font-size: 44px;
        box-sizing: border-box;
    }
    .radio-style em {
        text-align: center;
        display: block;
        font-size: 16px;
        font-style: normal;
        padding-bottom: 0px;
        display: inline-block;
        vertical-align: top;
        line-height: 63px;
        margin-right: 9px;
    }
    /** GET QUOTES PAGE **/
    #webText,
    #vi-section > h2 br {
        display: none;
    }
    #mobileText {
        display: block;
        font-size: 31px;
        line-height: 75px;
    }
    #quote-details > h4 {
        text-align: center;
        margin: 0px;
        padding-top: 20px;
        background: #08162c;
        padding-bottom: 20px;
        font-size: 13px;
        font-weight: normal;
        color: #fff;
        line-height: 20px;
        padding-bottom: 20px;
        box-sizing: border-box;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
        border: 0px;
        box-shadow: 0px 0px 0px #dbdbdb;
        -moz-box-shadow: 0px 0px 0px #dbdbdb;
        -webkit-box-shadow: 0px 0px 0px #dbdbdb;
        margin-bottom: 25px;
    }
    #quote-details > h4:before {
        position: absolute;
        content: "";
        left: 50%;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #08162c;
        margin-left: -26px;
        width: 0px;
        bottom: -20px;
        z-index: 55;
        display: none;
    }
    #quote-details > h4:after {
        position: absolute;
        content: "";
        left: 50%;
        border-left: 13px solid transparent;
        border-right: 13px solid transparent;
        border-top: 13px solid #ffffff;
        margin-left: -19px;
        width: 0px;
        bottom: -8px;
        z-index: 66;
        display: none;
    }
    #quote-details > h4 b {
        font-weight: normal;
        color: white;
        text-decoration: underline;
    }
    #quote-container {
        border: 0px;
    }
    .contact #vi-main {
        margin: auto;
        width: 100%;
        box-sizing: border-box;
        background-color: #fff;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    #contact-details {
        padding: 0;
        max-width: 300px;
        box-shadow: none;
    }
    #contact-details .c-item {
        width: 100%;
    }
    #sendmessage-btn {
        -webkit-appearance: none;
    }
    #thankyou {
        color: #212121;
    }
    /** new HomeLoanQuoter styles ****/
    #logo_hlq img {
        max-width: 150px;
    }
    .sub-cta2 {
        line-height: 32px;
        font-size: 22px;
    }
    #main-form-container #submit-div {
        position: relative;
        max-width: inherit;
        width: 100%;
        margin-bottom: 20px;
    }

    #main-form-container #submit-div label {

        width: 49%;
    }
    #howto h1 {
        font-size: 30px;
    }
    #providers p {
        font-size: 22px;
        margin: 25px 24px;
    }
    #step2 #zip select {
        -webkit-appearance: menulist;
        border-radius: 0px;
        padding: 0 10px;
    }
    #safe_txt span {
        max-width: 290px;
    }
    #logo_hlq {
        padding: 0px;
        text-align: center;
        height: 104px;
    }
    .innerpage #logo_hlq {
        padding: 15px 0 15px 0;
    }


    /** NEW STYLES **/

    #main-form h3 >span {

        display: none;
    }

    #step-left {
    float: none;
    width: 100%;
    padding-top: 61px;
    text-align: center;
}

    #step-left h1 {


    font-size: 26px;
    line-height: 33px;
    text-align: center;
    margin: auto;
    width: 320px;
    padding-bottom: 15px;
}

    #safe_txt {

    width: 100%;
    padding-top: 5px;
    padding-bottom: 0px;

    font-size: 12px;
    line-height: 15px;

    }
    #step-right {
    float: none;
    width: 94%;
    margin: auto;
    }


    #rate-table {

    background: #f6f6f6;
    box-shadow: none;

    }


    #howto-section > h1 {

        font-size: 24px;
    }

    #footer-container {

    font-size: 11px;
    line-height: 21px;

    }

    #get-quotes-btn {

        text-transform: uppercase;


    }


    #questionaire-step {
    margin: auto;
    width: 100%;
    height: auto;
        background: #eee;


    padding-bottom: 100px;

    padding-left: 20px;
    padding-right: 20px;

    padding-top: 40px;
}

    #navigation {
        margin: auto;
    width: 260px;
    margin-bottom: 40px;
    }

    #location-bar {
    height: 2px;
    background: #A6A6A6;
    width: 198px;
    margin: auto;
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 99;
    margin-left: -108px;
}

    #location > div {
    width: 20px;
    height: 20px;

    }

    #location {

    width: 215px;

    }

    #pins {

        font-size: 10px;
        padding-top: 6px;
    }


    #pins > span {

    width: 60px;

    }

   #main-form .steps-div h3 {
 font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight:bold;
font-size: 22px;
line-height: 28px;

text-align: center;

/* dark copy */

color: #222;
       margin: auto;


    }


    .steps-div label {


    line-height: 48px;
    padding: 0px 24px;
        box-sizing: border-box;

    font-size: 17px;

    display: block;
    max-width: 250px;
    margin: auto;
    margin-bottom: 10px;
}


    #r-whitebox {

    width: 300px;
    height: 270px;
    text-align: center;

    margin-left: -150px;

    margin-top: -135px;
    z-index: 99999;

}


   .contact #top-head-section {

    background: none;

    }


    #final-step {

           width: 100%;
    margin-bottom: 35px;
            padding-left: 20px;
    padding-right: 20px;
    }

   .get-quotes #top-head-section {

        display: none;
    }


    .steps-div h3 {

    font-size: 24px;
    line-height: 34px;

    }

    #navigation.quotes {
    margin-top: 60px;
}



    #final-step #providers p {

        line-height: normal;
    font-size: 14px;
    padding-bottom: 22px;
    }


    #final-step #providers h3 span {
    display: block;
    font-size: 17px;
    line-height: 21px;
}

    #final-step #providers h3 {
    max-width: 100%;
    font-size: 22px;
    line-height: 44px;
}







}