.promo-head {margin: 40px auto 40px;padding: 30px 0;text-align: center;font: 40px 'Kanit', sans-serif;color: #222;letter-spacing: 1px;font-weight: bold;}

.pdpa-file {width: 80%;height: auto;margin: 0 auto;font: 24px 'Kanit', sans-serif;letter-spacing: 1px;max-width: 1200px }
.pdpa-file .post {padding:10px 20px;}
.post .img-new {width: 70px;display: inline-block; vertical-align: middle; padding-right: 20px}
.post a .img-filepdpa {width: 80px;height: auto;margin-left: 20px;display: inline-block; vertical-align: middle;float: right;}
.post .blank-box {width: 70px;display: inline-block;padding-right: 20px;height: 70px;vertical-align: middle;}
.post span {width: 74%;display: inline-block; vertical-align: middle;font: 24px 'Kanit', sans-serif;letter-spacing: 1px;}

.load-more {
	    width: 99%;
    background: #515151;
    text-align: center;
    color: white;
    padding: 10px 0px;
    font: 30px 'Kanit', sans-serif
}
.load-more:hover {cursor: pointer;}

@media only screen and (min-width: 641px) and (max-width: 1000px) {
.pdpa-file {width: 90%}
.post span {width: 60%;}
.post a .img-filepdpa {margin-left: 5px;}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
	.pdpa-file {width: 90%}
	.promo-head {font: 30px 'Kanit', sans-serif;font-weight: bold;}
	.post span{font: 22px 'Kanit', sans-serif;}
	.post span {width: 100%;}
.post a .img-filepdpa {margin: 0 auto ;display: block;float: none;}
.post .blank-box {display: none}
.post .img-new {display: block;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
	.pdpa-file {width: 90%}
	.promo-head {font: 26px 'Kanit', sans-serif;font-weight: bold;}
	.post span{font: 20px 'Kanit', sans-serif;}
		.post span {width: 100%;}
.post a .img-filepdpa {margin: 0 auto ;display: block;float: none;}
.post .blank-box {display: none}
.post .img-new {display: block;}

}