@media only screen and (max-width: 1024px){
	body{
		background-image: url("../img/bg-767.jpg");
		background-position: center 18px;
	}
	main {
		max-width: 680px;
		padding: 51px 0px 160px 0px;
		font-size:13px;
	}
	.page-content-wrap .left-wrap {
		width: 218px;
	}
	.page-content-wrap .left-wrap span{
		font-size: 38px;
		line-height: 36px;
	}
	.cta-button {
		width: 218px;
		height: 49px;
		font-size:30px;
		padding-top: 9px;
	}
	.right-wrap .step {
		width: 244px;
		height: 107px;
		margin-bottom: 18px;
	}
	.page-content-wrap .right-wrap {
		margin-left: 200px;
	}
	.step-no {
		font-size: 70px;
		width: 68px;
		margin-left: 6px;
		margin-top: 11px;
	}
	.step-title {
		font-size: 20px;
	}
	.step-text {
		width: 154px;
		margin-top: 23px;
	}
	body.vn .page-content-wrap .left-wrap span {
		font-size: 32px;
		line-height: 31px;
	}
	body.vn .cta-button {
		font-size: 27px;
		padding-top: 8px;
	}
	body.id main {
		font-size: 11px;
	}
	body.bn .cta-button {
		font-size: 26px;
		padding-top: 14px;
	}
	body.bn main {
		font-size: 12px;
	}
	body.pt .step-title {
		font-size: 15px;
	}
    
    .tpl-financial-risk {
        margin-bottom:6px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 767px){
	body{
		background-image: url("../img/bg-600.jpg");
		background-position: center 24px;
	}
	main {
		max-width: 585px;
		padding: 45px 0px 145px 0px;
		font-size:11px;
	}
	.page-content-wrap .left-wrap {
		width: 190px;
	}
	.page-content-wrap .left-wrap span{
		font-size: 33px;
		line-height: 32px;
	}
	.right-wrap .step {
		width: 213px;
		height: 94px;
	}
	.cta-button {
		width: 190px;
		height: 43px;
		font-size:26px;
		padding-top: 8px;
	}
	.page-content-wrap .right-wrap {
		margin-left: 170px;
	}
	.step-no {
		font-size: 60px;
		width: 55px;
		margin-left: 5px;
		margin-top: 10px;
	}
	.step-title {
		font-size: 17px;
		margin-bottom: 3px;
	}
	.step-text {
		width: 140px;
	}
	body.vn .page-content-wrap .left-wrap span {
		font-size: 27px;
		line-height: 26px;
	}
	body.vn .cta-button {
		font-size: 23px;
		padding-top: 8px;
	}
	body.id main {
		font-size: 10px;
	}
	body.bn .cta-button {
		font-size: 23px;
		padding-top: 12px;
	}
	body.bn main {
		font-size: 10px;
	}
	body.pt .step-title {
		font-size: 14px;
	}
}
@media only screen and (max-width: 599px){
	body{
		background-image: url("../img/bg-480.jpg");
	}
	main {
		max-width: 470px;
		padding: 17px 0px 13px 0px;
		font-size:15px;
	}
	.page-content-wrap .left-wrap {
		width: 320px;
	}
	.page-content-wrap .left-wrap span{
		font-size: 35px;
		line-height: 35px;
	}
	.page-content-wrap .right-wrap {
		margin-left: unset;
		margin-top: 204px;
	}
	.cta-button {
		width: 218px;
		height: 50px;
		font-size: 30px;
		padding-top: 9px;
		margin: 0 auto;
		margin-top: 17px;
	}
	.right-wrap .step {
		width: 335px;
		height: 98px;
	}
	.step-no {
		font-size: 70px;
		width: 82px;
		margin-top: 6px;
	}
	.step-title {
		font-size: 22px;
	}
	.step-text {
		width: 240px;
		margin-top: 16px;
	}
	.step-desc br{
		display:none;
	}
	body.vn .page-content-wrap .left-wrap span {
		font-size: 30px;
		line-height: 30px;
	}
	body.vn .cta-button {
		font-size: 26px;
		padding-top: 10px;
	}
	body.id main {
		font-size: 14px;
	}
	body.bn .cta-button {
		padding-top: 15px;
	}
	body.bn main {
		font-size: 14px;
	}
	body.pt .step-title {
		font-size: 17px;
	}
}
@media only screen and (max-width: 479px){
	body{
		background-image: url("../img/bg-320.jpg");
		background-position: center 18px;
	}
    
    .tpl-contacts span.tpl-social-media {
        display: inline-block;
        margin-top: 0;
    }
}
@media only screen and (max-width: 345px){
	.page-content-wrap .left-wrap {
		width: 300px;
	}
	.page-content-wrap .left-wrap span{
		font-size: 30px;
		line-height: 31px;
	}
	.cta-button {
		padding-top: 10px;
	}
	.right-wrap .step {
		width: 310px;
		height: 98px;
	}
	.step-no {
		width: 66px;
	}
	.step-text {
		width: 230px;
	}
}