.Inner-Main-Part {
    padding: 0;
}

.cal_top_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
}

.colDiv {
    width: 100%;
    float: left;    
    margin: 0 0 40px;
}
.colDiv:last-child {
    margin: 0 0 10px;

}
.finance-cal{margin: 0 -15px;}
.loan_inner {
    padding: 25px 30px;
    border: 1px solid #e2e2e2;
    border-radius: 5px;
    min-height: 392px;
}

.repaymentDetails {
    float: left;
    width: calc(43% - 40px);
    margin: 0 20px;
}

.loanDetails {
    float: left;
    width: calc(33% - 40px);
    margin: 0 20px;
}
.loanOverTimeBox {
    float: right;
    width: calc(24% - 40px);
    margin: 0 20px;
}

.repaymentDetails .loan_inner {
    padding: 25px 30px 15px;
}

.loan_box {
    padding: 0;
    /*border: 1px solid #ebebeb;*/
    border-radius: 0px;
    height: 40px;
    line-height: 40px;    
    margin-bottom: 25px;
    background: #fff;
    text-align: left;
}

.loanInput {
    width: auto;
    max-width: 100%;
    float: right;
    color: #000000;
    text-align: left;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    min-width: 154px;
    padding: 0 20px;
    background: #f3f3f3;
    border-radius: 3px;
}

.yearsetSetup  {
    max-width: 10px !important;
}

.loanInput input {
    text-align: left;
    max-width: 70px;
    line-height: normal;
    background: transparent;
}

.loan_interest .loanInput input {
    text-align: left;
    max-width: 33px;
    line-height: normal;
    background: transparent;
    font-size: 14px;
    font-weight: 500;
}

.loanLable {
    font-size: 14px;
    color: #000;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    line-height: 24px;
}

.Ylable,
.acesTitle span,
.partForm h3,
.rBtn {
    text-transform: uppercase
}

.loanInput#txtYearTerm {
    text-align: left;
    position: relative;
    /*padding-right: 54px*/
}

.loanInput#txtYearTerm:after {
    content: 'Years';
    left: 30px;
    right: 0;
    top: 0;
    display: inline-block;
    padding-left: 3px;
}

.count_rate .ui-slider-handle {
    margin: 0
}

.count_rate .ui-slider-horizontal {
    height: 6px;
    width: calc(100% - 20px);
    float: right;
}

.count_rate a.ui-slider-handle {
    margin: 0 0 0 -5px;
    background: #f1c65c;
    border-radius: 50px;
    top: -9px;
    cursor: pointer;
    box-shadow: 0px 0px 1px 3px rgba(241, 198, 92, 0.3);
    -webkit-box-shadow: 0px 0px 1px 3px rgba(241, 198, 92, 0.3);
}

.slideTxt {
    float: left;
    margin-top: -5px;
    font-size: 14px;
    line-height: 16px;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.count_rate .ui-widget-content {
    background: #e9e9e9;
    border-radius: 50px;
    border-top: 1px solid #d7d7d7;    
    box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.08);
}

.count_rate div.ui-slider-range,
.loanYearElap div.ui-slider-range {
    top: 0px;
    cursor: pointer;
    height: 6px;
    border-radius: 50px;
    background: -moz-linear-gradient(0deg, #46c7f1 0%, #46c7f1 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, #46c7f1), color-stop(100%, #46c7f1)); 
	background: -webkit-linear-gradient(0deg, #46c7f1 0%, #46c7f1 100%); 
	background: -o-linear-gradient(0deg, #46c7f1 0%, #46c7f1 100%); 
	background: -ms-linear-gradient(0deg, #46c7f1 0%, #46c7f1 100%); 
	background: linear-gradient(90deg, #46c7f1 0%, #46c7f1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#46c7f1', endColorstr='#46c7f1',GradientType=1 ); 
}

.amtMain {
    width: 100%;
    float: left
}

.taxRate {
    text-align: right;
    display: block;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-top: 5px;
}

.freqRmain {
    width: 100%;
    float: left;
    border-radius: 0;
    margin-top: 0;
    background: #f3f3f3;
    overflow: hidden;
    /*border: 1px solid #d7d7d7;*/
}

.rBtn {
    height: 40px;
    font: 500 14px/42px 'Poppins', sans-serif;
    color: #000;
    width: 33.33%;
    float: left;
    text-align: center;
    vertical-align: middle;
    display: block;
    padding: 0 8px;
    cursor: pointer;
    margin-bottom: 0;
    overflow: hidden;
    position: relative;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rBtn ~ .rBtn {
    border-left: 1px solid #e5e5e5;
}

/*.rBtn:before {
    position: absolute;
    content: "";
    background: #dadada;
    height: 4px;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.rBtn.actBtn:before {
    background: #1274a5;
}
*/
.rBtn.actBtn {
    background: #46c7f1;
    color: #fff;
}

.payTitle {
    color: #000;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 15px;
    text-align: left;
}

.weekPay {
    margin: 15px 0
}
.weekPay{display: inline-block; vertical-align: middle; width: calc(100% - 150px);}
.bar_images_main{display: inline-block; vertical-align: middle; width: 140px;}
.bar_images_main{text-align: right;}
.amtPay #paymentDown {    
    font-weight: 600;
    font-size: 40px;
    line-height: 40px;
}

.amtPay #paymentDown:before {    
    content: '$';    
    display: inline-block;
    vertical-align: baseline;
    font-family: 'Poppins', sans-serif;
    padding: 0;
    left: 0px;
    top: 0px;
    font-weight: 600;
    margin-right: 5px;
}

.amtPay {
    font: 600 40px/26px 'Poppins', sans-serif;
    color: #46c7f1;
    margin-top: 7px;
    position: relative
}

.loan_time {
    width: 100%;
    float: left;
    display: inline-block;
    margin-top: 7px
}

.loan_boxN {
    /*max-width: 124px;*/
    float: left;
    /*border: 1px solid #d7d7d7;*/
    width: 100%;
    margin: 0 0 15px;
    /*border-radius: 4px;*/
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 22px;
    background: #fff;
    font-family: 'Poppins', sans-serif;
}

.loanTimeLbl{line-height: 1; display: inline-block; width: 100%; margin: 0 0 10px;}
.getCallBackBtnDiv{margin: 20px 0 0 0; display: inline-block; width: 100%; display: none;}
.getCallBackBtnDiv .comBtn.fullBigBtn{font-size: 14px; font-weight: 600; display: inline-block; width: 100%; text-align: center; padding: 10px 5px; background: #46c7f1; color: #fff; border-radius: 3px; border: 1px solid #46c7f1; -webkit-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}

.loan_boxN:last-child {
    margin-right: 0;
}

.loanPrice {
    font-size: 20px;
    color: #000;
    line-height: 40px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    position: relative;
    padding: 0px 15px;
    background-color: #f3f3f3;
}

.loanPrice > span {
    padding-left: 1px;
}

.repay_left {
    max-width: 355px;
    float: left;
    width: 100%;
    padding: 0;
}
.pricePercentMain{display: inline-block; width: 100%;}
.repay_right {
    max-width: 370px;
    float: right;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.disclaimer {
    font-size: 12px;
    line-height: 20px;
    width: 100%;
    float: left;
    color: #787878;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 20px;
}
.disclaimer strong.discLbl{font-size: 14px; color: #000000; font-weight: 600; margin-right: 5px; float: left;}
.disclaimer span{float: left; max-width: calc(100% - 85px);}
.disclaimer a {
    color: #fff
}
.priceLeft{display: inline-block; width: 100%;}

/*.Inner-Main-Part {padding:50px 0; background: url(../images/financeBg.jpg) no-repeat; background-size: cover;background-position: center;position: relative;z-index:0;}.Inner-Main-Part:before{    content: '';display: block;background: url(../images/financeBgPattern.png) repeat;position: absolute;top: 0;right: 0;left: 0;bottom: 0;margin: auto;z-index: -1;}*/

.finance-cal.txtTitle .comTitle {
    text-align: left;
    display: block;
    position: relative;
    text-transform: capitalize;
}

.finance-cal .titleTxt {
    text-transform: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    color: #fff;
}

.finance-cal .comTitle {
    position: relative;
}

.finance-cal .comTitle:after {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff200;
}


/*.finance-cal .loanDetails{margin-top: 36px;}*/

.loanYearElap {
    position: relative;
    margin: 0 10px
}

.loanYearElap span.ui-slider-pip,
.loanYearElap span.ui-slider-pip.ui-slider-pip-number {
    position: absolute;
    left: -3px;
    padding-top: 18px;
    font-size: 14px;
    line-height: 14px;
    color: #aeaeae;
    font-family: 'Poppins', sans-serif;
    width: 20px;
    margin-left: -10px;
    text-align: center;
}

/*.loanYearElap span.ui-slider-pip.ui-slider-pip-number:before,
.loanYearElap span.ui-slider-pip:before {
    content: '';
    position: absolute;
    height: 20px;
    width: 2px;
    background: #ccc;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}
*/
.loanYearElap .ui-slider-number {
    cursor: pointer;
}

.loanYearElap a.ui-slider-handle:before {
    display: none
}

.loanYearElap .loan1 {
    left: 20%
}

.loanYearElap .loan2 {
    left: 40%
}

.loanYearElap .loan3 {
    left: 60%
}

.loanYearElap .loan4 {
    left: 80%
}

.loanYearElap .loan5 {
    left: 100%
}

span.loan0 {
    margin-left: -5px;
    width: 17px
}

.loanYearElap .ui-slider-horizontal {
    border-radius: 50px;
    height: 6px;
    border-radius: 50px;
    background: #e9e9e9;    
    border-top: 1px solid #d7d7d7;
    box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 2px 3px 13px 0px rgba(0, 0, 0, 0.08);
}

.loanYearElap a.ui-slider-handle {
    height: 22px;
    cursor: pointer;
    margin: 0 0 0 -3px;
    background: #f1c65c;
    border-radius: 50px;
    top: -9px;
    cursor: pointer;
    box-shadow: 0px 0px 1px 3px rgba(241, 198, 92, 0.3);
    -webkit-box-shadow: 0px 0px 1px 3px rgba(241, 198, 92, 0.3);
}

.carOwn {    
    font: 500 14px/20px 'Poppins', sans-serif;
    color: #000;
    width: 100%;
    text-align: left;
}

.carOwn #txtOwnPers {
    display: inline-block;
    text-align: center;
    font: 600 45px/27px 'Poppins', sans-serif;
    color: #46c7f1;
    position: relative;
}

.Ylable{
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #46c7f1;
    font-size: 16px;
}

.loan_amount .loanInput .amtSetup {
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #000;
    background-color: transparent;
    font-size: 14px;
}

.carOwn #txtOwnPers:after {
    content: "%";
    font: 600 45px/27px 'Poppins', sans-serif;
    vertical-align: baseline;
    display: inline-block;
}
.yearEstaRight{display: inline-block; width: 100%;}
.carOwn{float: left; width: auto;}
.yearsElapsed{float: right; width: auto;}
span.carBtm {
    display: block;
    margin: 0 0 10px;
    font-size: 14px;
    line-height: 33px;
}

.Ylable .txtYearElap,
.bar_images {
    display: inline-block
}
.Ylable .txtYearElap{
	float: right;
    width: 106px;
    font-size: 14px;
    line-height: 33px;
    font-weight: 500;
    color: #46c7f1;
    background: #f3f3f3;
    padding: 0 10px;
    margin: 0 0 0 10px;
}
.Ylable {
    margin-bottom: 17px;
    font: 500 14px/33px 'Poppins', sans-serif;
    color: #000;
}

.bar_images {
    margin: 25px auto 20px;
    position: relative;
}

.pos_img {
    position: absolute;
    left: 0;
    width: 0;
    overflow: hidden;
    top: 0
}

.pos_img img {
    max-width: inherit;
    max-height: inherit
}

.error {
    margin: 0;
}

#frmGetQuote .captchaMainBox {
    float: left;
    width: 100%;
    padding-bottom: 0;
}

#captcha:before {
    color: #fff;
}

#frmGetQuote {
    float: left;
    width: 100%;
}

#frmGetQuote .loanPrice:before {
    position: absolute;
    content: 'AED';
    font-size: 14px;
    line-height: 14px;
    vertical-align: top;
    display: inline-block;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    padding: 0;
    left: -1px;
    top: 5px;
}

#frmGetQuote .loanPrice.InfoTerm:before,
#frmGetQuote .loanPrice.IntreestRate:before {
    display: none;
}

#frmGetQuote .loanPrice.InfoTerm > span,
#frmGetQuote .loanPrice.IntreestRate > span {
    padding-left: 0;
}

.left-contact-Form {
    width: 100%;
    float: left;
    background: rgb(235, 28, 45);
    padding: 21px 26px 30px;
    margin-bottom: 38px;
    border-radius: 20px;
    background-image: -moz-linear-gradient( -56deg, rgb(235, 28, 45) 0%, rgb(0, 99, 167) 100%);
    background-image: -webkit-linear-gradient( -56deg, rgb(235, 28, 45) 0%, rgb(0, 99, 167) 100%);
    background-image: -ms-linear-gradient( -56deg, rgb(235, 28, 45) 0%, rgb(0, 99, 167) 100%);
    opacity: 0.9;
    overflow: hidden;
    margin-top: 76px;
}

.left-contact-Form .textMaintxt {
    padding-bottom: 20px;
    position: relative;
}

.left-contact-Form input + label.error {
    top: -20px;
}

.left-contact-Form .textMaintxt.halfCol {
    float: left;
    width: 50%;
    padding-left: 12px;
    padding-right: 12px;
}

.left-contact-Form .halfMain {
    margin: 0 -12px;
}

.left-contact-Form .textMaintxt .InputField {
    border: 1px solid #d8d8d8;
    width: 100%;
    border-radius: 5px;
    height: 54px;
    line-height: 54px;
    padding-left: 22px;
    padding-right: 22px;
    font-size: 14px;
    text-align: left;
}

.left-contact-Form .textMaintxt .InputField:focus {
    border-color: #999
}

.left-contact-Form .textMaintxt .InputField::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
}

.left-contact-Form .textMaintxt .InputField::-moz-placeholder {
    color: #000;
    opacity: 1;
}

.left-contact-Form .textMaintxt .InputField:-ms-input-placeholder {
    color: #000;
    opacity: 1;
}

.left-contact-Form .textMaintxt .InputField:-moz-placeholder {
    color: #000;
    opacity: 1;
}

.left-contact-Form .getTxt {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 28px;
    color: #fff;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 20px;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 1px;
    min-width: 243px;
}

.left-contact-Form .getTxt:after {
    position: absolute;
    content: '';
    bottom: -10px;
    left: 0;
    width: 30px;
    height: 2px;
    background: #fff200;
}

.left-contact-Form .frmLogo {
    display: inline-block;
    text-align: center;
    width: calc(100% - 247px);
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}

.left-contact-Form .frmLogo>img {
    margin-top: 4px;
}

.left-contact-Form .Note {
    margin: 5px 0 15px
}

.left-contact-Form .Note>em {
    color: red
}

.lTitle {
    font: 500 20px/26px 'Poppins', sans-serif;
    color: #fff;
    margin-bottom: 11px;
}

.left-contact-Form .Last-Search-Box {
    margin: 20px 10px 0;
    float: left
}

.left-contact-Form .Last-Search-Box .srhBtn {
    padding: 0 15px;
    font-size: 20px
}

.click_view {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 10px;
    float: right;
    padding-right: 19px;
    font: 12px/26px 'Poppins', sans-serif
}

.click_view span a {
    color: #2d96cd;
    text-decoration: underline
}

.left-contact-Form .form_field {
    background: #fff
}

.left-contact-Form .btn {
    width: auto;
    display: inline-block;
    margin: 0;
    position: relative;
}

.left-contact-Form .pinkBtn:focus {
    border: 1px dotted #000 !important;
}

.left-contact-Form .btnMain {
    float: right;
    width: 100%;
    margin-top: 15px;
}

.left-contact-Form .pinkBtn {
    height: 50px;
    font-size: 18px;
    line-height: 19px;
    background: #ec1c2d;
    border-radius: 5px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
}

.left-contact-Form .pinkBtn> span {
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.privacyText {
    float: left;
    width: auto;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    margin-top: 15px;
}

.privacyText a {
    color: #ffffff;
    display: inline-block;
}

.privacyText a:after {
    content: '';
    border-bottom: 1px solid #ffffff;
    display: block;
}

.freqRmain .rBtn input[type="radio"] {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.demo_used_main span.value {
    white-space: nowrap;
    text-overflow: ellipsis
}

.left-contact-Form .textMaintxt .captchaBox {
    position: relative;
    float: left;
    width: 100%;
}

.left-contact-Form .textMaintxt .captchaBox label.error {
    left: 0;
    right: inherit;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 23px;
    cursor: pointer;
    -ms-touch-action: none;
    touch-action: none;
    background: #46c7f1;
    border: 3px solid #fff;
    border-radius: 50%;
    top: -2px;
    bottom: 0;
    margin: auto;
    box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.10);
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.loanYearElap .ui-slider .ui-slider-handle {
    width: 22px;
    height: 23px;
    margin-left: -11px;
}


/* support: IE8 - See #6727 */

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.finance-cal-main{display: inline-block; width: 100%;}

.formrow.financeForm{display: inline-block; width: 100%;}
.formrow.financeForm .captchadiv .wpcf7-form-control-wrap{width: 275px; margin-right: 15px;}
.formrow.financeForm .submitbtn{display: inline-block; vertical-align: top; padding-top: 10px;}


/* media query start here */
/* css only for hover effect all hover effect must write in this Media query */
@media only screen and (min-width: 1200px) {
    .comBtn:hover {background: #fff;color: #46c7f1;}
    .formNote a:hover{text-decoration: none;}

    .fotrContactInfo li a:hover{color: #46c7f1;}
    .copyRightMain a:hover{text-decoration: underline;}
    .followUsLinks li a:hover{color: #46c7f1;}
    .btns:hover {background: #46c7f1; border-radius: 50%;}
    .btns:hover.scrollTop::after {background: #46c7f1;}
    .btns:hover.scrollTop span::after {border-bottom: 5px solid #fff; border-left: 5px solid #fff;}
    .getCallBackBtnDiv .comBtn.fullBigBtn:hover{border-color: #46c7f1; color: #46c7f1; background-color: transparent;}


}

/* Custome responsive css start from here */

/* common css for below screen 1400 */
@media only screen and (max-width: 1400px) {    
}
/* common css for below screen 1365 */
@media only screen and (max-width: 1365px) {
    .repaymentDetails {float: left; width: calc(43% - 20px); margin: 0 10px; } 
    .loanDetails {float: left; width: calc(33% - 20px); margin: 0 10px; } 
    .loanOverTimeBox {float: right; width: calc(24% - 20px); margin: 0 10px; }
}

/* common css for below screen 1199 */
@media only screen and (max-width: 1199px) {
    .finance-cal{margin: 0 -15px;}
    .loan_inner{padding: 15px;}
    .repaymentDetails .loan_inner{padding: 20px 15px 15px;}
    .loanDetails, .repaymentDetails, .loanOverTimeBox{margin: 0 15px;}
    .loanDetails{width: calc(33% - 30px);}
    .repaymentDetails{width: calc(42% - 30px);}
    .loanOverTimeBox{width: calc(25% - 30px);}
    .cal_top_title{font-size: 17px; line-height: 40px;}
    .amtPay #paymentDown, .carOwn #txtOwnPers, .carOwn #txtOwnPers:after{font-size: 36px; line-height: 1;}
    .loanInput{min-width: 144px;}
    .Ylable .txtYearElap{width: 84px; padding: 0 8px;}


}

/* common css for below screen 991 */
@media only screen and (max-width: 991px) {
    .loanDetails {width: calc(58% - 30px);}
    .loanOverTimeBox {width: calc(42% - 30px);}
    .repaymentDetails {width: calc(100% - 30px); margin: 20px 15px 0;}
    .cal_top_title{font-size: 18px;}
    .formrow.financeForm .submitbtn{padding-top: 5px; float: right;}
    .formrow.financeForm .captchadiv .wpcf7-form-control-wrap{width: 230px;}
}

/* common css for below screen 767 */
@media only screen and (max-width: 767px) {
    .cal_top_title{font-size: 16px; line-height: 30px;}
    .loanDetails, .repaymentDetails, .loanOverTimeBox{margin: 0 10px;}
    .loanDetails {width: calc(58% - 20px);}
    .loanOverTimeBox {width: calc(42% - 20px);}
    .repaymentDetails {width: calc(100% - 20px); margin: 20px 10px 0;}
    .formrow.financeForm .captchadiv .wpcf7-form-control-wrap{width: 210px;}
    .formrow.financeForm .submitbtn{padding-top: 0;}
}


/* common css for below screen 600 */
@media only screen and (max-width: 600px) {     
   .loanDetails, .loanOverTimeBox, .repaymentDetails{width: calc(100% - 30px); margin: 15px 15px 0;}
   .loanDetails .loan_inner, .loanOverTimeBox .loan_inner, .repaymentDetails .loan_inner{min-height: unset;}
   .loan_time{margin: 0;}
}

/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
    .amtPay #paymentDown, .carOwn #txtOwnPers, .carOwn #txtOwnPers:after{font-size: 32px;}
    span.carBtm{margin: 0 0 5px; line-height: 1.5;}
    .carOwn, .yearsElapsed{float: left; width: 100%;}
    .carOwn{margin: 0 0 10px;}
    .yearsElapsed{margin: 0 0 20px;}
    .payTitle{margin-bottom: 8px;}
    .disclaimer strong.discLbl{width: 100%; margin: 0 0 5px;}
    .disclaimer span{max-width: 100%;}
    .getCallBackBtnDiv{margin: 5px 0 0 0;}

    .formrow.financeForm{margin: 0;}
    .formrow.financeForm .halffield{width: 100%; padding: 0;}
    .detail-enquiry-Div textarea.formField{height: 125px; overflow-y: auto;}
    .rBtn{padding: 0 4px; font-size: 13px;}
    .formrow.financeForm .fullfield.captchadiv{padding: 0;}
    .formrow.financeForm .captchadiv .wpcf7-form-control-wrap{width: 180px; margin-right: 0;}
}
/* common css for below screen 479 */
@media only screen and (max-width: 479px) {
    .repaymentDetails .loan_inner, .loan_inner{padding: 15px 10px;}

}
@media only screen and (max-width: 374px) {
    .formrow.financeForm .captchadiv .wpcf7-form-control-wrap{width: 260px; margin-right: 0;}
    /*.formrow.financeForm .submitbtn{float: left;}*/
    .detail-tabing ul.tabs li{font-size: 15px;}
    .loanInput{width: 134px;}
    .rBtn{font-size: 11px; line-height: 32px; height: 30px;}
    .repaymentDetails .loan_inner, .loan_inner{padding: 0 0 20px; border: 0; border-bottom: 1px solid #e2e2e2; border-radius: 0;}
    .amtPay #paymentDown, .carOwn #txtOwnPers, .carOwn #txtOwnPers:after{font-size: 28px;}
}


/* common css for screen size between 480 to 767 */
@media only screen and (min-width: 480px) and (max-width: 767px) {}


/* common css for screen size between 568 to 767 */
@media only screen and (min-width: 568px) and (max-width: 767px) {}


/* common css for screen size between 600 to 767 */
@media only screen and (min-width: 600px) and (max-width: 767px) {}


/* common css for screen size between 768 to 1199 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {}


/* common css for screen size between 768 to 1023 */
@media only screen and (min-width: 768px) and (max-width: 991px) {}


/* common css for screen size between 1024 to 1199 */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}







/* media query start here */

/*@media only screen and (min-width: 1200px) {
    .left-contact-Form .pinkBtn:hover {
        background: #bb0715;
    }
    .privacyText a:hover:after {
        opacity: 0;
    }
    .privacyText a:hover {
        color: #fff200
    }
}

@media only screen and (max-width: 1024px) {
    .disclaimer {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .left-contact-Form {
        border-radius: 0;
        margin-bottom: 0
    }
    .Veh-Left-Part {
        padding: 0;
    }
    .Inner-Main-Part {
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .Inner-Main-Part {
        padding: 20px 0;
    }
    .freqRmain {
        width: auto;
    }
    .rBtn {
        font-size: 13px;
        width: auto;
    }
    .colDiv {
        padding-right: 10px;
        margin-bottom: 30px;
    }
    .colDiv,
    .loadnGrand {
        width: 100%;
        float: left;
    }
    .repay_left,
    .repay_right {
        max-width: 100%;
    }
    .repay_left {
        float: none;
        padding: 0;
    }
    .loan_boxN {
        max-width: 108px;
        margin-bottom: 10px;
        margin-right: 5px;
    }
    .car-service .view_btn,
    .carOwn,
    div.loanPrice {
        display: block;
    }
    .loanPrice {
        font-size: 16px;
    }
    .loanPrice > span {
        font-size: 16px;
    }
    .amtPay #paymentDown {
        font-size: 30px;
    }
    .carOwn #txtOwnPers {
        font-size: 30px;
    }
    .carOwn #txtOwnPers:after {
        font-size: 20px;
    }
    .carOwn {
        font-size: 16px;
        text-align: left;
    }
    .repay_right {
        width: 100%;
        padding-top: 20px;
        text-align: left;
    }
    .loan_boxN:last-child {
        margin-bottom: 0;
    }
    .left-contact-Form {
        margin-bottom: 20px;
        margin-top: 55px;
        padding: 23px 10px;
    }
    .left-contact-Form .btnMain {
        width: 100%;
        text-align: center;
        margin-top: -5px;
    }
    .privacyText {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .left-contact-Form .textMaintxt.halfCol {
        width: 100%;
    }
    .colDiv:last-child {
        margin-bottom: 0;
    }
    .left-contact-Form .pinkBtn {
        margin-top: 20px;
        width: 100%
    }
    .left-contact-Form .pinkBtn span {
        display: inline-block
    }
    .left-contact-Form .textMaintxt .captchaBox {
        margin-top: 0;
    }
    .left-contact-Form .getTxt {
        min-width: 188px;
        font-size: 20px;
    }
    .left-contact-Form .frmLogo {
        width: calc(100% - 192px);
        font-size: 12px;
        text-align: right;
    }
    .left-contact-Form .frmLogo>img {
        width: 100%;
        max-width: 120px;
    }
    .left-contact-Form .textMaintxt .InputField {
        height: 45px;
        line-height: 45px;
    }
    .left-contact-Form .textMaintxt {
        padding-bottom: 15px;
    }
    .left-contact-Form {
        padding: 20px;
    }
    .loan_boxN {
        margin-right: 10px;
        margin-bottom: 3px;
    }
    .loanBox1 {
        max-width: 128px;
    }
    .loanBox2 {
        max-width: 161px;
    }
    .loanBox3 {
        max-width: 160px;
    }
    .boxName {
        font-size: 13px;
        line-height: 18px;
        min-height: 36px;
    }
    .count_rate .ui-slider-horizontal {
        width: 90%;
    }
    .cal_top_title {
        font-size: 18px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 479px) {
    .loanBox3 {
        max-width: 284px;
    }
    .loan_boxN {
        margin-bottom: 10px;
    }
    .loanBox3 {
        margin-bottom: 3px;
    }
    .count_rate .ui-slider-horizontal {
        width: 86%;
    }
}

@media only screen and (max-width: 350px) {
    .freqRmain {
        width: auto;
    }
    .rBtn {
        padding: 0 10px;
        width: auto;
    }
    .loan_boxN {
        max-width: 100%;
    }
    .taxRate {
        max-width: 100%;
    }
    .boxName {
        min-height: inherit;
        line-height: 18px;
    }
    .count_rate .ui-slider-horizontal {
        width: 84%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .left-contact-Form .textMaintxt {
        width: 50%;
        float: left;
    }
    .left-contact-Form .textMaintxt:nth-child(odd) {
        padding-right: 15px;
    }
    .left-contact-Form .textMaintxt:nth-child(even) {
        padding-left: 15px;
    }
    .left-contact-Form .textMaintxt.halfCol {
        width: 25%;
    }
    .left-contact-Form .loan_boxN {
        max-width: calc(33.33% - 10px);
    }
    .left-contact-Form .loan_time {
        margin-bottom: 20px;
    }
    .textMaintxt.captchaMainBox {
        width: 34%;
    }
    #frmGetQuote .captchaMainBox {
        width: auto;
        padding-left: 0;
    }
    .left-contact-Form .textMaintxt .captchaBox {
        margin-top: 0px;
    }
    .left-contact-Form .btnMain,
    .privacyText {
        width: auto;
    }
    .left-contact-Form .frmLogo {
        text-align: right;
    }
    .left-contact-Form .btnMain {
        float: right;
    }
    .left-contact-Form .pinkBtn span {
        display: block
    }
    .left-contact-Form .pinkBtn {
        margin-top: 0;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 16px;
    }
    .privacyText {
        float: right;
        clear: both;
        margin-top: -6px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {    
    .loanInput {
        font-size: 16px;
    }
    .loan_amount .loanInput .amtSetup {
        font-size: 16px;
    }
    .rBtn {
        font-size: 14px;
    }
    .left-contact-Form .frmLogo>img {
        max-width: 100%;
    }
    .left-contact-Form .getTxt {
        font-size: 22px;
        min-width: 200px;
    }
    .left-contact-Form .frmLogo {
        width: calc(100% - 204px);
    }
    
    .loan_boxN {
        font-size: 13px;
    }
    .loanPrice > span {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .repay_left {
        max-width: 385px;
        float: left;
        width: 100%;
        padding: 0;
    }
    .repay_right {
        max-width: 330px;
        float: right;
        width: 100%;
        text-align: center;
        padding-top: 38px;
    }    
    .loan_interest .loanInput .intersetSetup {
        max-width: 60px;
    }
    .left-contact-Form {
        margin-top: 30px;
        padding: 23px 15px;
    }
    .left-contact-Form .textMaintxt {
        width: 50%;
        float: left;
    }
    .left-contact-Form .textMaintxt:nth-child(odd) {
        padding-right: 7px;
    }
    .left-contact-Form .textMaintxt:nth-child(even) {
        padding-left: 7px;
    }
    .left-contact-Form .textMaintxt.halfCol {
        width: 25%;
    }
    .left-contact-Form .loan_boxN {
        max-width: 32.33%;
    }
    .left-contact-Form .loan_time {
        margin-bottom: 20px;
    }
    .textMaintxt.captchaMainBox {
        width: 34%;
    }
    .left-contact-Form .textMaintxt .captchaBox {
        margin-top: 10px;
    }
    #frmGetQuote .captchaMainBox {
        width: 33.33%;
    }
    .Inner-Main-Part {
        background-position: 40%;
    }
    .left-contact-Form .btnMain {
        float: right;
        margin-top: 0;
        width: auto
    }
    .left-contact-Form .pinkBtn {
        min-width: 163px
    }
    .left-contact-Form .pinkBtn span {
        display: block
    }
    .privacyText {
        float: right;
        clear: both;
        margin-top: -10px;
    }
    #frmGetQuote .captchaMainBox {
        width: auto;
        min-width: 165px;
    }
    .repay_left {
        max-width: 450px;
    }
    .repay_right {
        max-width: 288px;
        padding-top: 25px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
    .repay_right {
        max-width: 260px;
        float: right;
        width: 100%;
        padding-top: 38px;
    }
    .repay_left {
        max-width: 360px;
        float: left;
        width: 100%;
        padding: 0;
    }    
    .loan_interest .loanInput .intersetSetup {
        max-width: 60px;
    }
    .loanInput input.termSetup {
        max-width: 48px;
    }
    .loan_amount .loanInput .amtSetup {
        max-width: 66px;
    }
    .left-contact-Form .loan_boxN {
        max-width: 94px;
    }
    .left-contact-Form {
        padding: 15px;
        margin-right: -17px;
        width: auto;
        margin-top: 110px;
    }
    .left-contact-Form .textMaintxt.halfCol {
        width: 100%;
    }
    .left-contact-Form .btnMain {
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
    .left-contact-Form .textMaintxt .captchaBox {
        margin-top: 0;
    }
    .left-contact-Form .pinkBtn {
        width: 100%
    }
    .left-contact-Form .pinkBtn span {
        display: inline-block;
    }
    .privacyText {
        margin-top: 10px;
        margin-bottom: 10px
    }
    
    .payTitle {
        margin-bottom: 10px;
    }
    .weekPay {
        margin: 15px 0;
    }
    .loan_boxN {
        font-size: 12px;        
        margin-right: 8px;
    }
    .loanPrice {
        font-size: 15px;
    }
    .loanPrice > span {
        font-size: 14px;
    }
    .amtPay #paymentDown {
        font-size: 30px;
    }
    .carOwn #txtOwnPers {
        font-size: 35px;
    }
    .carOwn #txtOwnPers:after {
        font-size: 20px;
    }
}*/