.loan_lender table {
    max-width: 100%;
    width: 100%;
}
.loan_lender td, th {
    padding: 18px;
}
.loan_lender thead th {
    text-align: center;
    color: #009973;
    font-weight: 600;
}
.loan_lender tbody tr {
    border-top: 5px solid #e6e6e6;
}
.loan_lender tbody td {
    color: #660066 !important;
    font-size: 22px;
    font-weight: bold;
    vertical-align: middle !important;
}
.loan_lender img{
    border: 1px solid #eaebeb;
    max-width: 100px;
    max-height: 100px;
}
.loan_lender ul li{
    font-size: 16px;
    font-weight: normal;
    color: #484848;
}
.loan_lender ul{
    max-width: 240px;
    width: 300px;
    margin-top: 0;
}
.loan_lender p {
    font-weight: 500;
    font-size: 15px;
    color: #484848;
    min-width: 155px;
}

.loan_lender .key-value{
    font-size: 20px;    
}
.loan_lender .key-desc{
    display: block;
    font-size: 15px
}

.loder_sec {
    padding-top: 30px;
    max-width: 940px;
    margin: 0 auto;
}

.parent_term_loan{
    width: 100%;
    background-color: #f2f2f2;
    padding: 40px 0 50px 0;
}
.parent_term_loan_inner{
    max-width: 940px;
    margin: 0 auto;
}
.part_loan, .part_term{
    display: inline-block;
    max-width: 50%;
    width: 100%;
}
.term_select, .loan_select{
    padding: 5px 0 0 0;
}
.term_loan_lbl {
    max-width: 75%;
    width: 100%;
}
.term_loan_lbl span {
    color: #741372;
    font-size: 20px;
}
#price, #term{
    font-weight: bold;
    font-size: 24px;
    color: #484848 !important;
    float: right;
    display: inline-block;
    width: 25%;
}
#price2, #term2{
    display: none;
    font-weight: bold;
    font-size: 30px;
    color: #484848 !important;
}

.loader-img{
    background: top center no-repeat url('http://100.wetrust.in/wp-content/plugins/loan-lender/images/loader-3.gif');
}
.loader h4{
    font-weight: bold !important;
    color: #660066 !important;
    margin-bottom: 0;
}

.loader_lender .loader{
    padding-top: 20px;
}

.btn_apply {

}
.btn_apply:hover {
   
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-state-hover, .ui-widget-content  .ui-state-hover{
    border: 5px solid #741372 !important;
    background: #fff !important;
    font-weight: bold;
    color: #1c94c4;
    border-radius: 50% !important;
}
.ui-widget-header{
    background: #741372 !important;
}
.ui-slider-horizontal .ui-slider-handle{
    top: -11px;
    height: 30px;
    width: 30px;
    cursor: pointer;
}
.ui-corner-all{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
.ui-widget-content{
    border: 1px solid #741372;
    background: #fff;
}
.ui-slider-range{
    background: #741372;
}
#slider, #slider2 {
    min-width: 70%;
    margin-top: 8px;
    cursor: pointer;
    height: 9px;
    display: inline-block;
    width: 65%;
    vertical-align: middle;
}

.main-wrap{
    width: 100%;
    padding-left: 10px;
    padding-right: 30px;
}

.wrap {
    max-width: 940px;
    margin: 0 auto;
    padding-top: 3%;
    width: 100%;
}

.form-left, .fluent-right{
    max-width: 50%;
}
.form-left{
    float: left;
}
.fluent-right {
    padding: 0 0 0 5%;
    float: right;
}
.fluent-right p {
    color: #009973;
}
.fluent-img{
    text-align: center;
}
.fluent-img img{
    width: 200px;
}

.error{
    color: #ff0000;
}

.success, .fail {
    width: 100%;
    padding: 5px;
}
.success{
	border: 2px solid green;
}
.fail{
	border: 2px solid red;
}
.success span, .fail span{
    padding-left: 5px;
}
.success i{
    color: green;
}
.fail i{
	color: red;
}

#customer-data-form input[type=text]{
    width: 100%;
    border: 2px solid #e6e6e6;
    color: #484848;
}

#customer-data-form .btn_apply {
    max-width: 50%;
}

select{
	width: 100%;
}

.loan_enquire_parent{
    max-width: 940px;
    margin: 0 auto;
}
.loan_enquire {
    background: #f2f2f2;
    padding-top: 15px;
    margin-bottom: 5%;
}
.loan_enquire h1{
    text-align: center;
}
hr{
    color: #741372;
    font-weight: bold;
    background: #741372;
    box-shadow: none;
}
hr.line-below{
    width: 45px;
    height: 3px;
}
hr.line-below-two{
    width: 100%;
}

.hide-it{
    display: none;
}

.info-head{
    color: #009973;
    text-align: left;
}
.call-info, .info-head{
    max-width: 940px;
    margin: 0 auto;
}
.call-info h1, div.call-time{
    color: #484848;
    text-align: center;
}

@media only screen and (max-width: 767px) {
    .parent_term_loan{
        width: 100%;
    }
    .part_loan, .part_term{
        display: block;
        max-width: 100%;
        width: 100%;
        margin-top: 4%;
    }
    .term_loan_lbl {
        max-width: 100%;
    }
    .term_loan_lbl span{
        font-size: 20px;
        padding: 0 0 0 15%;
    }
    .loan_lender img{
        max-width: 100px;
        max-height: 100px;
    }
    .loan_lender tbody td {
        width: 100%;
        display: block;
    }
    .form-left, .fluent-right{
        max-width: 100%;
        float: none;
    }
    .fluent-right {
        padding: 0;
    }
    #customer-data-form .btn_apply {
        max-width: 100%;
    }
    #price, #term{
        display: none;
    }
    #price2, #term2{
        display: block;
        font-weight: bold;
        font-size: 30px;
        color: #484848 !important;
        margin: 10px 0 0 0;
        padding: 0 0 0 15%;
    }
    .term_select, .loan_select {
        text-align: center;
    }
    /*.loan_table{
        overflow: auto;
    }*/
    .info-head {
        padding-top: 10px;
    }
    .loan_lender thead{
        display: none;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .loan_lender td, th {
        padding: 18px 0 18px 18px;
    }
    .loan_lender img{
        max-width: 100px;
        max-height: 100px;
    }
    #customer-data-form .btn_apply {
        max-width: 100%;
    }
    .fluent-right {
        padding: 0 0 0 4%;
    }
    #price, #term{
        font-size: 20px;
    }
    .loan_table{
        overflow: auto;
    }
    #slider, #slider2{
        vertical-align: unset;
    }
}




.rep-example {
    margin-bottom: 30px!important;
    text-align: center;
}

.mobile-only-display {
    display: none;
}

.desktop-only-display {
    display: block;
}


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

    .mobile-only-display {
        display: block;
        padding: 0 20px;
    }

    .desktop-only-display {
        display: none;
    }

}