/* xs */
body ,span,p,div,td{
        font-family: 'Sarabun', sans-serif;
        font-size: 13px;
    }
	.icon{
		font-size:2rem;
		
	}
	    .title {
        font-family: 'Prompt';
        font-size: 1rem;
        font-weight: bold;
    }
	.sm-title {
        font-size: 0.8rem;
        font-weight: regular;
    }
	.form-labal{
	text-align: left;
		font-size: 1rem;
	}
	
	
	
	
/* sm */
@media (min-width: 768px) {
body ,span,p,div,td {
        font-family: 'Sarabun', sans-serif;
        font-size: 14px;
    }
		.icon{
		font-size:2.5rem;
		
	}
	    .title {
        font-family: 'Prompt';
        font-size: 0.9em;
        font-weight: bold;
    }
		.sm-title {
        font-size: 0.8em;
        font-weight: regular;
    }
		.form-labal{
	text-align: right;
		font-size: 1rem;
	}
	
}





/* md */
@media (min-width: 992px) {
body ,span,p,div,td {
        font-family: 'Sarabun', sans-serif;
        font-size: 14px;
    }
		.icon{
		font-size:3rem;
		
	}
	    .title {
        font-family: 'Prompt';
        font-size: 0.9em;
        font-weight: bold;
    }
		.sm-title {
        font-size: 0.7em;
        font-weight: regular;
    }
			.form-labal{
	text-align: right;
		font-size: 1rem;
	}
	
}







/* lg */
@media (min-width: 1200px) {
body ,span,p,div,td {
        font-family: 'Sarabun', sans-serif;
        font-size: 14px;
    }
		.icon{
		font-size:3.5rem;
	}
	    .title {
        font-family: 'Prompt';
        font-size: 1em;
        font-weight: bold;
    }
		.sm-title {
        
        font-size: 0.8em;
        font-weight: regular;
    }
		.form-labal{
	text-align: right;
		font-size: 1rem;
	}
	

}
	
	
	
	
	
	
	
	
	
	
	

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    a {
        font-family: 'Prompt';
    }