@media (min-width: 640px){}
@media (min-width: 768px){}
@media (min-width: 834px){}
@media (min-width: 900px){}
@media (min-width: 1080px){}
@media (min-width: 1152px){}
@media (min-width: 1280px){}
@media (min-width: 1366px){}
@media (min-width: 1440px){}
@media (min-width: 1600px){}
@media (min-width: 1920px){}
@media (min-width: 2280px){}
/* --------------------- */
@media (max-width: 2280px){}
@media (max-width: 1920px){}
@media (max-width: 1600px){}
@media (max-width: 1440px){}
@media (max-width: 1366px){}
@media (max-width: 1280px){}
@media (max-width: 1152px){}
@media (max-width: 1080px){}
@media (max-width: 900px){
	section.loancalc.calculator-document .calculator{
		min-width: 95%;
	}
	section.loancalc.calculator-document .calculator .calculator-result .result-item .description.amount b{
		font-size: 2rem;
	}
	section.loancalc.calculator-document .calculator .calculator-result .result-item .description.amount span{
		font-size: 1.6rem;
	}
	section.loancalc.calculator-document .document-wrapper{
		max-width: 95%;
	}
		section.loancalc.calculator-document .document-wrapper .document{
			padding: 60px 0px 20px;
		}
		section.loancalc.calculator-document .remark{
			max-width: 95%;
		}
	section.loancalc.interest-rate {
		padding: 60px 0px 80px;
	}
		section.loancalc.interest-rate .rate-list,
		section.loancalc.interest-rate .remark{
			max-width: 95%;
		}
}
@media (max-width: 834px){}
@media (max-width: 768px){
	section.loancalc.calculator-document .calculator .calculator-result:before{
		display: none;
	}
}
@media (max-width: 640px){
	section.loancalc.calculator-document .calculator .calculator-result .result-item-wrapper{
		padding: 15px 0 0;
	}
	section.loancalc.calculator-document .calculator .calculator-result:before{
		display: none;
	}
	section.loancalc.calculator-document .calculator .calculator-result h4{
		text-align: center;
	}
	section.loancalc.calculator-document .calculator .calculator-result .result-item .description{
		text-align: center;
	}
	section.loancalc.calculator-document .calculator .calculator-result .result-item .description.amount{
		text-align: center;
	}
	section.loancalc.calculator-document .calculator .calculator-result h5{
		font-size: 1.66rem;
	}
	section.loancalc.calculator-document .document{
		padding: 60px 10px 20px;
	}
	section.loancalc.interest-rate{
		padding: 60px 10px 20px;
	}
	section.loancalc.interest-rate .header p{
		width: 100%;
	}
	section.loancalc.interest-rate .rate-list .rate-item{
		padding-right: 20px;
		padding-left: 20px;
	}
		section.loancalc.interest-rate .rate-list .rate-item .bank-name{
			width: 65%;
		}
		section.loancalc.interest-rate .rate-list .rate-item .bank-interest{
			width: 35%;
		}
}
@media (max-width: 414px){
	
}
@media (max-width: 375px){}
@media (max-width: 320px){}
/* --------------------- */
@media (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: landscape){}
/* --------------------- */
@media screen and (max-device-width: 767px) and (orientation: portrait){}
/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape){}
/* iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){}
/* Retina iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2){}
/* Retina iPad in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 Media Queries */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2){}
/* iPad 1 & 2 in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 1){}
/* iPad 1 & 2 in portrait */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1){}