body{background:#fff}
.webHide{display:none}
.mobHide{display:block}
.floatRight{float:right!important}
.mortgageCalculatorBox.active{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#f5f5f5;margin-top:50px}
.mortgageCalculatorBox{display:block;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background:#f5f5f5}
.mortgageCalculator{margin-bottom:50px;padding:30px;box-shadow:0 0 36px 0 rgba(0,0,0,0.03);border-radius:8px;background:#fff}
.mortgageCalculator label{display:block}
.mortgageCalculator h1{font-size:34px;line-height:36px}
.mortgageCalculator .form-group{position:relative}
.mortgageCalculator .form-group span{position:absolute;top:51px;right:10px;color:#666;font-size:16px;font-weight:700}
.mortgageCalculator .form-group input{width:100%;border:1px solid #e3e3e3;border-radius:8px;padding:17px 17px 17px 20px;outline:none;font-weight:700}
.mortgageCalculator .form-group ul{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:5px}
.mortgageCalculator .form-group ul li{border:1px solid #e3e3e3;text-align:center;border-radius:8px;font-size:16px;font-weight:700;padding:15px;box-shadow:0 0 36px 0 rgba(0,0,0,0.03);cursor:pointer}
.mortgageCalculator .form-group ul li.active{background:#5f449b;color:#fff}
.mortgageCalculator .mortgageForms h1{font-size:34px;line-height:36px;color:#000;margin-bottom:30px}
.mortgageCalculator .mortgageForms .form-group label{font-size:16px;line-height:36px;color:#666}
.form-group{margin-bottom:15px;outline:none}
.form-group.dollar{position:relative}
.form-group.dollar::after{content:" $ ";position:absolute;left:7px;top:50px;color:#000;font-weight:700}
.form-group .input-group{display:flex;width:100%}
.form-group .selectBox{display:block;position:relative;z-index:3;width:100%}
.form-group .inputGroupAdd{width:122px;outline:none}
.form-group .inputGroupAdd+input{border-radius:0 5px 5px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
.calculatedMortgageRates{padding:25px 30px 30px;background:#f7f7f7;border-radius:8px}
.calculatedMortgageRates label{font-size:14px;color:#333;margin-bottom:11px}
.calculatedMortgageRates span{font-size:16px;color:#5f449b;font-weight:700;margin-bottom:22px;display:block}
.calculatedMortgageRates span.emiAmounts{font-size:34px;color:#5f449b;font-weight:700;display:block}
.calculatedMortgageRates .btn.btn-primary.getRates{margin-top:10px;width:100%;font-size:16px;padding:12px 10px}
.calculatedMortgageRates ul li{display:inline-block;margin-top:30px;text-align:justify}
.calculatedMortgageRates ul li:first-child{margin:0;display:block;border-bottom:1px solid #e6e6e6}
.calculatedMortgageRates ul li:nth-child(even){margin-right:80px}
@media screen and (max-width:1024px) {
.mortgageCalculatorBox{height:100%}
.mortgageCalculator .form-group ul li{padding:7px}
.calculatedMortgageRates ul li{margin-top:10px}
.calculatedMortgageRates span{margin-bottom:11px}
}
@media screen and (max-width:840px) {
.mortgageCalculator .form-group ul li{padding:11px 14px;font-size:14px}
}
@media screen and (max-width:540px) {
.webHide{display:block}
.mobHide{display:none}
.mortgageCalculator,.calculatedMortgageRates{padding:15px;}

.mortgageCalculator .form-group ul li{padding:7px;text-align:center}
.calculatedMortgageRates label{margin:10px 0}
.calculatedMortgageRates span{margin-bottom:12px}
.calculatedMortgageRates ul li:first-child{text-align:center}
.calculatedMortgageRates ul li:nth-child(even){margin:0}
}
@media screen and (max-width:480px) {
.mortgageCalculator h1.webHide{font-size:24px;margin-bottom:20px}
.mortgageCalculatorBox{height:auto}
.mortgageCalculator{max-width:100%;width:100%}
.mortgageCalculator .form-group ul{grid-gap:5px}
.calculatedMortgageRates ul li{margin:0 auto;text-align:center}
.calculatedMortgageRates ul li+li{display:inline-block;width:48%}
.btnBoxProject{position:fixed;bottom:0;left:0;z-index:4;width:100%;background:#fff;padding:10px 0;padding:10px 15px}
button.btn.btn-primary.getRates.webHide{width:100%}
}
@media screen and (max-width:375px) {
.mortgageCalculator .form-group ul{grid-gap:10px}
.mortgageCalculator .form-group ul li{padding:11px 6px}
.calculatedMortgageRates ul li+li{width:100%;justify-content:center}
}