@charset "utf-8";
/* CSS Document */

.dt-sc-emicalculator-range-holder { margin-bottom: 35px; }
.dt-sc-emicalculator-range-holder.dt-sc-emicalculator-interest-rate-range { margin-bottom: 20px; }
.dt-sc-emicalculator-range-holder input[type="text"] { display: none; opacity: 0; visibility: hidden; }
.dt-sc-emicalculator-range-holder .rangeslider--horizontal { height: 9px; margin: 10px 0; }

.dt-sc-emicalculator-range-holder .rangeslider__handle { background-image: none; height: 25px; top: -8px; width: 25px; }
.dt-sc-emicalculator-range-holder .rangeslider__handle:after { content: none; }

.dt-sc-emicalculator-range-holder .rangeslider--horizontal, 
.dt-sc-emicalculator-range-holder .rangeslider__handle { -webkit-box-shadow: none; box-shadow: none; }

.dt-sc-emicalculator-range { 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;    
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin: 0 -5px;
}

.dt-sc-emicalculator-range > * { padding: 5px; }

.dt-sc-emicalculator-result-holder { margin: 0 -10px; 
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;         
}

.dt-sc-emicalculator-result-holder > * { 
    max-width: 100%;
    padding: 10px; 

    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
        flex: 1 1 33.33%
}

.dt-sc-emicalculator-result > div { font-size: 22px; font-weight: bold; }


/*--------------------------------------------------------------
    DT Responsive
--------------------------------------------------------------*/

    /*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
	/* Common Styles for the devices below 767px width */
	@media only screen and (max-width: 767px) {

        .dt-sc-emicalculator-result-holder { flex-flow: column wrap; }
        .dt-sc-emicalculator-result-holder > * { 
            max-width: 100%;
        
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto
        }        

    }