/* CSS for devices with a max width of 600px (common for mobile devices) */


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

    #main-bottom-section {
        padding: 0 15px 15px 15px;
    }

    .amount-text-field {
        width: 88%;

    }

    .main-title {
        font-size: 26px;
        line-height: 35px;
        margin-top: 15px;
        padding: 0 12px 0 12px;
    }

    .sub-title {
        width: 90%;
        margin: 0 auto;
        font-size: 20px;
        margin-bottom: 22px;
        margin-top: 6px;
        font-weight: 400;
    }

    .lead-slide h2 {
        font-size: 22px;
    }

    #send-confirmation-email {
        margin: 0 auto;
        font-size: 15px;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #use-another-email {
        margin: 0 auto;
        background-color: transparent !important;
        text-decoration: underline;
        font-size: 14px;
    }

    #submit-confirmation-code {
        font-size: 16px;
        margin: 0 auto;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    #email-exists-modal .modal-header h4 {
        font-size: 18px;
        line-height: 30px;

    }

    #email-confirmation-code {
        max-width: 100%;
        margin: 0 auto;
        margin-bottom: 20px;

    }

    #email-exists-modal .modal-footer {
        border-top: 0;
    }

    .static-logos-bar .as-seen {

        left: 50%;
        top: 0;
        font-size: 12px;
    }

    #seals .static-logos-bar ul {
        padding-top: 13px !important;
    }



    .simplify .element {

        margin-bottom: 20px;
    }

    .loan-purpose-element .btn {
        max-width: 98%;
        font-size: 16px;
    }

    .or-divider .divider {
        max-width: 91%;
        margin: 0 auto;
    }

    .lead-slide .field-option {
        font-size: 15px;
        padding: 8px 5px 10px 5px;
    }

    .lead-slide .field-option.selected {
        padding-right: 3px;
        padding-left: 3px;
    }

    .slides-num-indicators .num-slide-ind {
        font-size: 13px;
        width: 25px;
        height: 25px;
        line-height: 18px;
    }

    .slides-num-indicators .num-slide-ind.active {
        font-size: 13px;
        width: 25px;
        height: 25px;
        line-height: 18px;
    }

    .loan-purpose-element .checks .mdi {
        margin-right: 6px;
    }

    .loan-purpose-element .checks {

        padding-left: 4px;
    }

    .submissions-pending .progress-steps .progress-step {
        font-size: 15px;

    }


    .debt-urgency-summary h2 {
        font-size: 16px;
    }

    .debt-urgency-summary small {
        padding-top: 13px;
    }
}



@media screen and (max-width: 1024px) {
    #main-text {
        background-image: none;
        min-height: 570px !important;
    }
}