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

.vision-129-1{
	width:100%;
	height: auto;
	background:#fff;
	position:relative;
	z-index: 9;
	}
.vision-top{
	width: 100%;
	font: 60px/35px 'RSU', Arial, sans-serif;
	color: #265c80;
	/* margin-top: -20px; */
	font-weight: bold;
	text-align: center;
	text-shadow: 4px 5px 3px rgb(38 92 128 / 17%), 4px 5px 3px rgb(38 92 128 / 17%);
	}
.vision-top img{
	max-width:100%;
	}
.vision-text{
	width: 100%;
    font: 30px/40px 'Kanit', Arial, sans-serif;
    color: #ec7c02;
    text-align: center;
	padding-top: 15px;
	}
	.vision-text1{
	width: 100%;
	font: 22px/38px 'Kanit', Arial, sans-serif;
	color: #080808;
	text-align: center;
	/* padding-top: 15px; */
	}
	
@media (max-width: 374px) { 
.vision-top {
font: 45px/35px 'RSU', Arial, sans-serif;
	font-weight:bold;
	padding-top: 20px;
	    margin-top: 0;
}
.vision-text {
    font: 18px/24px 'Kanit', Arial, sans-serif;
    padding-top: 5px;
}
.vision-129-1 {
    height: 210px;
}
}
@media (min-width: 375px) and (max-width: 419px) { 
.vision-top {
    font: 45px/35px 'RSU', Arial, sans-serif;
	font-weight:bold;
	padding-top: 20px;
	    margin-top: 0;
}
.vision-text {
    font: 20px/24px 'Kanit', Arial, sans-serif;
    padding-top:5px;
}
	.vision-text1 {
    font: 15px/24px 'Kanit', Arial, sans-serif;
    padding-top: 17px;
}
.vision-129-1 {
    height: 210px;
}
}
@media (min-width: 420px) and (max-width: 575px) { 
.vision-top {
    font: 45px/35px 'RSU', Arial, sans-serif;
	font-weight:bold;
	padding-top: 20px;
	margin-top: 0;
}
.vision-text {
    font: 20px/24px 'Kanit', Arial, sans-serif;
    padding-top: 5px;
}
	.vision-text1 {
    font: 16px/27px 'Kanit', Arial, sans-serif;
    padding-top: 16px;
}
.vision-129-1 {
    height: 210px;
}
}
@media (min-width: 576px) and (max-width: 991px) { 
.vision-text {
    font: 24px/34px 'Kanit', Arial, sans-serif;
}
}