.calculateMaster{display:none}
ul,li{padding:0;margin:0;list-style-type:none}
.calculateBox .calSection .table h2{margin-bottom:0}
.calSection .table li{width:100%;display:flex;margin-bottom:2px;align-items:center;padding:6px 10px 6px 18px;font-size:14px;color:#000;font-weight:400;text-transform:uppercase}
.calSection .table li > div{width:calc(100% / 3)}
.calSection .table li .center{text-align:center}
.calSection .table li .right{text-align:right}
.calSection .table li.bgcolor{background:#ebecf1}
.calSection .table li.bgcolor input{background:#fff url(/images/calc/rupee.png) no-repeat;background-position:10px center;border:1px solid #fff;width:100px;padding:8px;border-radius:3px;display:inline-block;padding-left:20px;font-size:14px}
.calculateBox .calSection .table li h4{font-size:16px;font-weight:700}
.calSection .table li img{position:relative;top:5px}
.calculateBox .calSection .table li.footer h2,.calculateBox .calSection .table li.footer h5{color:#000}
.calSection .rangeSlider{width:50%;position:relative}
.calculateBox .calSection .rangeSlider h2{margin:0 0 15px}
.calculateBox .calSection .rangeSlider p,.calculateBox .calSection .range-list1 p{font-size:14px;color:#000;text-transform:none}
.calSection .rangeSlider .showKM{border:1px solid #25449c;border-radius:3px;padding:0 10px;width:131px;height:38px;position:absolute;top:10px;right:0}
.unit{font-size:16px;color:#8f8f8f}
.calSection .rangeSlider .showKM label{position:absolute;background:#fff;padding:2px;top:-14px;font-size:16px;color:#2d3494;font-weight:400}
.calSection .rangeSlider .showKM > div{display:flex;justify-content:space-between;line-height:40px}
.calSection .fuel{display:flex}
.calSection .fuel > div,.calSection .fuel #efficiencyForm{width:100%}
.calSection .fuel ul li{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #e0e2e4;padding-bottom:15px;margin-bottom:15px;font-size:14px;color:#000;font-weight:400;text-transform:none}
#diesel-fuel-eff,#petrol-fuel-eff{width:51px;text-align:center;padding:5px}
#fuelCostPetrol,#fuelCostDiesel{width:51px;text-align:center;padding:5px}
#shwKm{border:0;width:100%;padding-right:10px;text-align:right;background:transparent}
.calContainer #result ul{flex-direction:column;text-align:left;padding:0 0 0 20px}
.calContainer #result ul li{width:100%;list-style-type:disc;text-transform:uppercase;color:#000}
.calContainer #result ul li small{text-transform:lowercase}
.calContainer #result ul li span{color:#2d3494;font-weight:700}
.calSection .fuel li img{position:relative;top:5px}
.calculateBox .calSection .fuel h4{font-size:20px;font-weight:700;color:#2d3494;margin:15px 0}
.calculateBox .calSection .range-list h2{margin:0 0 10px}
.calSection .range-list .range-list1{margin:0 0 10px}
.calculateBox .emi-sec h4{margin-top:10px}
.calculateBox .emi-sec p{line-height:24px;color:#000;text-transform:uppercase}
.calculateBox .emi-sec h5{margin:15px 0 0}
.calculateBox .emi-sec h5 strong{font-size:18px}
.calBtnDiv{display:flex;justify-content:space-between;right:0;width:100%;padding:0 40px}
.calBtnDiv .content{width:calc(100% - 135px);display:flex;align-items:flex-end;flex-flow:wrap}
.calBtnDiv .content p{font-size:10px;color:#666;width:100%;text-transform:uppercase}
#result .calBtnDiv .content{width:calc(100% - 450px)}
.calculateBox h3{font-size:20px;font-weight:700;color:#2d3494;margin:15px 0;text-transform:uppercase}
.calculateBox h4{font-size:18px;font-weight:700;color:#2d3494;margin:0 0 10px;text-transform:uppercase}
.calculateBox h5{font-size:15px;font-weight:700;color:#2d3494;margin:0 0 10px;text-transform:uppercase}
.calculateBox p{font-size:14px;font-weight:400}
.calculateBox p.mandatory{font-size:10px;margin-bottom:10px}
.mobile-petrol-price,.mobile-diesel-price{display:none}
.calform span.triggerOTP{right:0;width:auto;display:inline;left:auto;top:16px;background:transparent;cursor:pointer}
#car .calculator_col{position:relative}
#car .calculator_col:after{position:absolute;content:'';background:url(/images/calc/divider.png) no-repeat;width:3px;height:100%;right:-10%;top:0;background-size:100% 100%}
.pop-overlay{background:rgba(0,0,0,0.5);position:fixed;display:none;font-family:'Lato',sans-serif;z-index:99;top:0;left:0;right:0;bottom:0;padding-top:80px;height:-webkit-fill-available}
.calResultSec h2 img{position:relative;top:0}
.calResultSec .top-sec{position:relative}
.pop-overlay .content-text{padding-top:10px;float:left;width:100%}
.pop-overlay .close{opacity:1}
.pop-overlay .resultPop{position:relative;max-width:655px;width:100%;background:#fff;top:0!important;display:none;z-index:999;border-radius:3px;height:auto!important;margin:0 auto;overflow:auto}
.pop-overlay .resultPop.tnc{height:490px}
.pop-overlay .resultPop .close{text-align:right}
.resultPop-table li{border-bottom:1px solid #e7e7e7;padding:10px 0;display:flex;justify-content:space-between}
.resultPop-table li > div{font-size:12px;color:#000;font-weight:400}
.resultPop-table li > div.right{color:#2d3494;font-weight:700}
.resultPop-table-result{margin-top:10px}
.resultPop-table-result p{color:#000}
.resultPop-table-result p strong{color:#2d3494;font-weight:700;font-size:16px}
form#registeryourinterested{padding:15px;float:left;overflow-y:scroll;max-height:490px;margin-top:15px}
.new-popup-design{padding:15px;float:left;overflow-y:scroll;max-height:490px}
.new-popup-design h3{margin:0;margin-bottom:15px}
.pop-overlay .calform ::placeholder{color:#c7c7c7;opacity:1}
.pop-overlay .calform :-ms-input-placeholder{color:#c7c7c7}
.pop-overlay .calform ::-ms-input-placeholder{color:#c7c7c7}
.pop-overlay .calform input{font-weight:400;color:#000}
.pop-overlay a.calBtn{margin:0 auto}
.pop-overlay .register-form{text-align:center;}
.irs--big .irs-bar{ border:1px solid #2d3494; background:#2d3494; box-shadow:none;}
.irs--big .irs-handle{border:1px solid rgba(255,255,255,1);background:#2d3494;box-shadow:none}
.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover{background:#2d3494;border:1px solid rgba(255,255,255,1)}
.irs--big .irs-from,.irs--big .irs-to,.irs--big .irs-single{color:#2d3494;font-size:16px;font-weight:400;background:transparent}
.irs--big .irs-line{background:#c5c9d1;border:1px solid #c5c9d1}
.irs--big .irs-min,.irs--big .irs-max{display:none}
.calculateBox .radio-btn{display:inline-block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:16px;line-height:25px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#000;margin-right:30px}
.calculateBox .radio-btn input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}
.calculateBox .checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#c5c9d1;border-radius:50%}
.calculateBox .radio-btn:hover input ~ .checkmark{background-color:#c5c9d1}
.calculateBox .radio-btn input:checked ~ .checkmark{background-color:#2d3494}
.calculateBox .checkmark:after{content:"";position:absolute}
.calculateBox .radio-btn input:checked ~ .checkmark:after{display:block;background:#fff}
.calculateBox .radio-btn .checkmark:after{top:9px;left:9px;width:8px;height:8px;border-radius:50%;background:#979797}
.no-display-desk{display:none}
.resultPop.breakdown{top:55%;height:495px}
div#petrolprice_youtube{background:#0000008f}
div#petrolprice_youtube .modal-dialog {max-width: 650px; margin-top: 7%;}
div#petrolprice_youtube .modal-dialog .modal-header button.close{color:#000!important;opacity:1;font-size:26px}
div#petrolprice_youtube .modal-dialog .modal-header{padding:0;padding-right:16px;border:none}
.calTestimonialInner .testimonial .owl-nav {position: absolute; top: 40%; width: 100%; left: 0; right: 0;}
.calTestimonialInner .testimonial .owl-nav .owl-prev {float: left;}
.calTestimonialInner .testimonial .owl-nav .owl-next {float: right;}
.calTestimonialInner .testimonial .owl-dots .owl-dot {width: auto; display: inline-block;}
@media only screen and (max-width:1023px) {
.calculateBox .table h2{font-size:19px}
.calculateBox .emi-sec h5{font-size:14px}
.calculateBox .emi-sec h5 strong{font-size:19px}
.calculateBox #finance h4{font-size:15px}
}
@media only screen and (max-width: 979px) {
.calBtnDiv{padding:0 20px}
}
@media only screen and (max-width:767px) {
.calculateBox{height:auto}
.rangeSlider-mob-sec{background:#ebecf1;position:relative;padding:30px 10px 5px}
.calSection .rangeSlider{width:100%}
#shwKm{font-size:16px}
.calSection .rangeSlider .showKM label{background:#ebecf1}
.calSection .rangeSlider .showKM{top:20px;right:10px;width:100px}
#run-cost .calculator_col,#finance .calculator_col{margin-bottom:0}
.calSection .range-list .range-list1{background:#ebecf1;padding:10px 10px 0;margin:0}
.emiMob-sec{background:#ebecf1;padding:10px}
.irs--big .irs-line,.irs--big .irs-bar{height:8px}
.irs--big .irs-handle{width:25px;height:25px}
.calSection .table li{justify-content:space-between}
.calSection .table li > div{width:auto}
.desktop-pric-sec{display:none}
.mobile-petrol-price,.mobile-diesel-price{display:block;position:relative}
.mobile-petrol-price{margin:0 0 20px}
.mobile-petrol-price:after{position:absolute;content:'';background:url(/images/calc/divider1.png) no-repeat;width:100%;height:3px;background-size:100% 100%}
.calculateBox .mobile-petrol-price h2,.calculateBox .mobile-diesel-price h2{margin-bottom:10px}
#road-price .calBtnDiv{padding:0}
#road-price .calBtnDiv .content{width:100%}
.rangeSlider-mob-sec .irs--big{margin-top:15px}
.no-display-mb{display:none}
.no-display-desk{display:block}
.calResultSec p br{display:block}
#car .calculator_col:after{display:none}
#car .calculator_col .showroomTatalPrice{position:relative}
#car .calculator_col .showroomTatalPrice:after{bottom:-6px;position:absolute;content:'';background:url(/images/calc/divider1.png) no-repeat;width:100%;height:3px;background-size:100% 100%;left:0}
.calBtnDiv{padding:0}
.calBtnDiv .content p{line-height:15px;text-align:left!important;font-size:11px!important}
#run-cost .calBtnDiv .content p{text-align:right;font-size:14px}
p.mandatory.exSec{color:#666;margin-bottom:9px}
.calculateBox h2{margin:0 0 15px}
.calform{margin-bottom:15px}
.showroomTatalPrice{margin-bottom:5px}
.calculator_col{margin-bottom:15px}
.calculator_col.fltR{margin-bottom:0}
.calSection{padding:10px}
.calHeaderSection img{max-width:250px}
.calHeaderSection{padding:10px 0}
.calMainBoxSection{padding:10px 0}
.mbBtn{margin-top:10px}
.calculateBox .calSection .rangeSlider h2{margin:0 0 5px}
.calSection .fuel ul li{padding-bottom:5px;margin-bottom:10px}
.calculateBox h3{margin:15px 0 10px}
.calculateBox .fuel-cost h3{margin-top:5px}
.calculateBox .radio-btn{padding-left:28px;margin-bottom:0;font-size:14px;line-height:21px}
.calculateBox .checkmark{height:20px;width:20px}
.calculateBox .radio-btn .checkmark:after{top:7px;left:7px;width:7px;height:7px}
.calculateBox .calSection .range-list1 p{margin-bottom:0}
.range-list1 .irs--big{height:50px}
.calculateBox .emi-sec h4{margin:0 0 5px}
.emiMob-sec p{margin:0}
.calculateBox .emi-sec h5{margin:10px 0 0}
.calculateBox .emi-sec p{line-height:nornal}
.calResultSec h2 img{top:0}
div#petrolprice_youtube .modal-dialog{margin-top:30%}
}
@media only screen and (max-width:480px) {
.pop-overlay .resultPop{max-width:100%;width:calc(100% - 20px);padding:6px 8px 20px}
.pop-overlay .resultPop .close img{margin:0 -4px 0 0}
.resultPop-table li > div{width:50%}
.resultPop-table li > div.right{text-align:right}
}
@media (min-width: 481px) and (max-width: 767px) {
.pop-overlay .resultPop{position:absolute;max-width:650px;width:100%;background:#fff;padding:6px 15px 20px;left:50%;top:55%;transform:translate(-50%,-50%);display:none;z-index:999;border-radius:3px;height:520px;overflow:auto}
.pop-overlay .resultPop.tnc{height:580px;top:54%;width:95%}
.resultPop.breakdown{top:49%}
}
@media (min-width: 320px) and (max-width: 480px) {
.pop-overlay .resultPop{position:absolute;max-width:650px;width:92%;background:#fff;padding:6px 15px 20px;left:50%;transform:translate(-50%,10%);display:none;z-index:999;border-radius:3px;height:520px;overflow:auto}
.pop-overlay .resultPop.tnc{height:580px;top:54%;width:95%}
.resultPop.breakdown{top:49%}
}