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

.main-calculator-box{ width:990px;}
.interest-rate-col label{ margin-right:10px;}
.interest-input{ width: 55px;}
/*.interest-input input{ padding: 0 30px 0 5px;}*/
.mortgage-button {padding: 0 25px;}
.mortgage-button a{ padding: 3px 0 3px 30px;}
    
}

@media only screen and (max-width:991px)
{
.main-calculator-box{ width:768px;} 
.interest-input { margin: 4px 0 0; width: 85px;}
.mortgage-content p{ margin-bottom: 20px; font-size: 11px; line-height: 22px;}
.mortgage-button-left { float: none; margin: 0 0 10px;}
.mortgage-button-right { float: none;}
.radio-row ul li:first-child { margin-bottom: 5px; width: 100%;}
.radio-row ul li{ width:49.2%;}
.step-box { float: none; margin:0 0 45px;}
.calculator-form-header h3{ float:none; margin-left:0;}
.region-row input[type="radio"] + label{ padding:0 10px;}
.region-row input[type="radio"] + label span{ font-size:17px;}
.interest-rate-col:last-child { text-align: left;}

.range-slider{ padding-right: 85px;}

}


@media only screen and (max-width:767px)
{
.main-calculator-box{ width:100%; padding:30px 10px;}   
.header-social{ display:none;}  
.calculater-header > h2{ line-height:normal;}
.step-box ul li{ float:none; margin:0 0 15px;}
.calculator-form-inner-box{ display:block;}
.calculator-form-center{ display:none;}
.calculator-form-left{ margin-bottom:16px;}
.calculator-form-left, .calculator-form-right{ width:100%; display:block;}

.right-arrow::before{ bottom:-40px; left:0; right:0; top:auto; border-top:20px solid rgba(0,0,0,0.2); border-left:38px solid transparent; border-right:38px solid transparent; border-bottom:none; width:0; height:20px; margin:auto; }
.right-arrow::after{ bottom:-39px; left:0; right:0; top:auto;  border-top:20px solid #fff; border-left:38px solid transparent; border-right:38px solid transparent; border-bottom:none; width:0; height:20px; margin:auto; }
.radio-row ul li:first-child{ text-align:center;}
.button-row input{ float:none; margin:0 auto; display:block;}
.interest-rate-col{ float:none; width:100%;}
.interest-rate-col label{ display:block; margin:0; text-align:center;}
.interest-input{ display:block; margin:0 auto;}
.radio-row ul li.radio-2{ padding-right:2.5%;}
.radio-row ul li.radio-3{ padding-left:2.5%;}
.radio-row ul li input[type="radio"]+label span{ font-size:11px;}
.radio-row ul li input[type="radio"]{ display:none;}
.range-title{ float:none; width:100%; text-align:center; margin-bottom:20px;}
.range-slider{ float:none; width:100%; padding:0px;}
.range-slider-value{ position:relative; width:100%;}
.range-slider .ui-slider.ui-widget-content{ margin:0 auto 20px auto; width:90%;}
.interest-rate-col{ margin-bottom:29px;}
.interest-rate-col:last-child{ margin-bottom:0px;}
.form-title{ margin-bottom:27px;}
.radio-row { margin-bottom: 19px;}
.interest-rate-row{ padding-top:10px;}
.interest-rate-col label{ margin-bottom:11px}
.button-row { margin: 0 0 14px;}
.mortgage-content{ padding: 0 0 0; margin-bottom:0;}
.bottom-choices ul{ float:none;}
.bottom-choices ul:after{ content:""; clear:both; display:block;}
.bottom-choices ul li{ float:left; margin:0;}
.bottom-choices ul li:last-child{ float:right;}
.bottom-choices ul li a{ font-size:16px; padding: 0 0 3px 32px;}
.mortgage-button{ display:none;}
.mortgage-content p{ font-size:12px; line-height: 25px; margin-bottom: 20px;}
.form-title {  margin-bottom: 14px;}
.save-button{ display:block;}
.tax-box {
    border: 0 none;
}
.stamp-duty-calculators .calculator-form-inner-box {
    width: 90%;
}
.calculator-form-right .form-title h4 {
    line-height: 30px;
}
.tax-col{ float:none; margin:0 auto 27px; width:100%; overflow:auto;}
.tax-col table{ border:1px solid #e2e2e2; width:500px;}
.tax-col:last-child{ margin-bottom:0;}
.main-region-row{ padding:0; margin-bottom:18px; }
.region-col-left, .region-col-right{ width: 47%;}
.region-row input[type="radio"] + label span{  font-size: 15px; line-height: 20px;}
.calculater-header{ padding: 0 0 14px;}
.ui-tabs .ui-tabs-nav li{ float:none;}
.calculator-form-box.ui-tabs .ui-tabs-nav li.ui-tabs-active , .calculator-form-box.ui-tabs .ui-tabs-nav li{ margin:0 0 15px;}
.mortgage-content.loan-top-padding{ padding-top:9px;}
.calculator-repayment .calculator-form-right .form-title { margin-bottom: 18px;}
.calculator-form-box.ui-tabs .ui-tabs-panel { padding: 17px 0 30px;}
.padding-top { padding-top: 4px;}
.calculator-form-right { padding: 20px 8px 28px;}
.radio-row ul li input[type="radio"] + label{ height:35px; width: 100%;}
.effective-row{ margin:0 auto 15px; width:72%;}
.mortgage-content.margin-repayment {  margin-bottom: 0;}
/*a.clear-button {  
    float: left;
    margin-top: 4px;
}*/
.calculator-form-right.stamp-right {
    padding: 35px 20px 30px;
}
.stamp-text { padding:0;}
.calculator-form-right .form-title h4::after, .calculator-form-right .form-title h4::before { width:90%;}
.calculator-form-right .form-title h4 {
    font-size: 20px;
    padding: 10px 0;
}
.calculater-header > h2 { font-size:22px;}
.stamp-duty-calculators .calculator-form-inner-box {
    padding: 38px 0 0;
}
.range-col {
    margin-bottom: 20px;
    padding-left: 35px;
    padding-right: 15px;
    width: 100%;
}
.range-col > input,.range-col:first-child > input {
    margin-right: 20px;
}
.range-col:last-child {
    margin-bottom: 0;
}
.calculator-form-bottom_right > p {
    font-size: 20px;
    line-height: 40px;
}
.calculator-form-bottom_in h3 {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 0px;
}
.calculator-form-bottom_in {
    padding: 20px 0 20px 10px;
    position: relative;
    width: 54%;
}
.calculator-form-bottom_right {
    padding: 20px 5px 20px 35px;
}
.calculator-form-bottom_right > span {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
}
@media only screen and (max-width:550px){
.region-row input[type="radio"] + label span {
    font-size: 13px !important;
	line-height:16px;
}
.range-col {
    padding-left: 0;
    padding-right: 0;
}
.stamp-duty-calculators .calculator-form-left, .stamp-duty-calculators .calculator-form-right{padding: 25px 15px 62px 15px;}
}
@media only screen and (max-width:479px)
{
.range-col > input {
    float: none;
    margin-right: 0;
    width: 100%;
}
.range-col:first-child > input {
    margin-right: 0;
}
/*.range-col {
    padding-left: 35px;
    padding-right: 35px;
}*/
.button-row input {
    float: none;
    margin: 0 auto;
}
.calculator-form-bottom_in {
    display: block;
    padding: 20px 10px;
    position: relative;
    width: 100%;
}
.calculator-form-bottom_right {
    display: block;
    padding: 20px 10px;
    width: 100%;
}
.calculator-form-bottom_in::after {
    display: none;
}   
.calculator-form-bottom_right > p {
    font-size: 20px;
    line-height: 24px;
}
.calculator-form-bottom {
    height: auto;
}
.calculator-inner-bottom{ position:static; transform:none;}
}