@media (min-width: 240px) and (max-width: 478px) {
.sec-aboutus {}
.sec-aboutus > .wrapper { max-width:1280px;margin:-8px auto; }


.sec-a { position:relative; }
.sec-a .banner { width:100%; }
.sec-a .btn { position:absolute;bottom:-40px;left:50%;margin-left:-25px; }

.sec-b { text-align:left;color:#777777;font-size:16px;padding:30px 15px; }
.sec-b h1 { margin:10px 34px;color:#006cb8;font-weight:normal;font-size:26px;text-align:center; }
.sec-b p { margin:0px;margin-top:20px;color:#111111 ;font-size:22px; line-height:28px;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;text-align:center; }
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}


.sec-c { margin:40px 0px; }
.sec-c .slide-area { position:relative;/*padding:50px 0px;*/ }
.sec-c .slide-area > .wrapper { /*padding:50px 0px*/;background-color:#f6f6f6 }
.sec-c .slide-area .txt-area { text-align:center;width:100%; padding:20px 0;}
.sec-c .slide-area .txt-area p.a { color:#1d3d6c;font-size:18px; }
.sec-c .slide-area .img-area {/* position:absolute;*/left:50%;top:0px;bottom:0px; }
.sec-c .slide-area .img-area img { height:100%;}
.sec-c .swiper-slide-pagination { width:60%;left:auto;right:73px;padding:-10px }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet { background-color:transparent;border:2px #77777 solid;height:12px;width:12px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active { background-color:#ffffff; }
/*begin add css*/
.sec-c .slide-area1 { position:relative;padding:0px 12px; }
.sec-c .slide-area1 > .wrapper { padding: 0px;background-color:#f6f6f6 }
.sec-c .slide-area1 .txt-area { text-align:center;width:100%;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sec-c .slide-area1 .txt-area p.a { color:#1d3d6c;font-size:22px; }
.sec-c .slide-area1 .img-area img { width:100%;height:100%;padding:0px;}
/*end add css*/
.sec-txt { font-size:16px;}
.sec-txt h2 {margin:0px;background-color:#039dff;color:#ffffff;font-size:26px;padding:6px 15px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.65px;font-weight:normal;}
.sec-txt .detail { margin:25px 15px; }
.sec-txt .detail p  { margin-bottom:30px }
.sec-txt .detail h4::before { content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px }
.sec-txt .detail h4.title { font-size:16px;color:#1d3d6c }
.sec-txt .detail h4.title::before { display:none; }
.sec-txt .detail ul { margin:10px 0px }

.sec-txt.img { padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 264px; }

.sp-txt ul{margin:0; padding:0 20px; list-style: url(../img/icon/bullet.jpg);}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}
}

@media (min-width: 478px) and (max-width: 767px) {
.sec-aboutus {}
.sec-aboutus > .wrapper { max-width:1280px;margin:0px auto; }


.sec-a { position:relative; }
.sec-a .banner { width:100%; }
.sec-a .btn { position:absolute;bottom:-45px;left:50%;margin-left:-25px; }

.sec-b { text-align:center;color:#777777;font-size:16px;padding:50px 20px; }
.sec-b h1 { margin:0px;color:#006cb8;font-weight:normal;font-size:26px }
.sec-b p { margin:0px;margin-top:20px;color:#111111 ;font-size:22px; line-height:28px;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;text-align:center; }


.sec-c { margin:40px 0px; }
.sec-c .slide-area { position:relative;/*padding:50px 0px;*/ }
.sec-c .slide-area > .wrapper { padding:50px 0px;background-color:#f6f6f6 }
.sec-c .slide-area .txt-area { text-align:center;width:50%; }
.sec-c .slide-area .txt-area p.a { color:#1d3d6c;font-size:18px;padding: 0 20px; }
.sec-c .slide-area .img-area { position:absolute;left:50%;top:0px;bottom:0px; }
.sec-c .slide-area .img-area img { height:100%;}
.sec-c .swiper-slide-pagination { width:60%;left:auto;right:75px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet { background-color:transparent;border:2px #ffffff solid;height:12px;width:12px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active { background-color:#ffffff;}

/*begin add css*/
.sec-c .slide-area1 { position:relative;padding:0px 0px; }
.sec-c .slide-area1 > .wrapper { padding: 0px;background-color:#f6f6f6 }
.sec-c .slide-area1 .txt-area { text-align:center;width:100%;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sec-c .slide-area1 .txt-area p.a { color:#1d3d6c;font-size:22px; }
.sec-c .slide-area1 .img-area img { width:100%;height:100%;padding: 0px;}
/*end add css*/

.sec-txt {font-size:16px;}
.sec-txt h2 {margin:0px;background-color:#039dff;color:#ffffff;font-size:26px;padding:6px 15px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.65px;font-weight:normal;}
.sec-txt .detail { margin:25px 15px; text-align:left;}
.sec-txt .detail p  { margin-bottom:30px }
.sec-txt .detail h4::before { content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px }
.sec-txt .detail h4.title { font-size:16px;color:#1d3d6c }
.sec-txt .detail h4.title::before { display:none; }
.sec-txt .detail ul { margin:10px 0px }

.sec-txt.img { padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px;}

.sp-txt ul{margin:0; padding:0 20px; list-style: url(../img/icon/bullet.jpg);}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}

}

@media (min-width: 768px) and (max-width: 992px) {
.sec-aboutus {}
.sec-aboutus > .wrapper { max-width:1280px;margin:-9px auto; }


.sec-a { position:relative; }
.sec-a .banner { width:100%; }
.sec-a .btn { position:absolute;bottom:-40px;left:50%;margin-left:-25px; }

.sec-b { text-align:left;color:#777777;font-size:16px;padding:40px 25px; }
.sec-b h1 { margin:0px;color:#006cb8;font-weight:normal;font-size:26px;text-align:center; }
.sec-b p { margin:0px;margin-top:20px;color:#111111 ;font-size:22px; line-height:28px;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;;text-align:center; }
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}


.sec-c { margin:40px 0px; }
.sec-c .slide-area { position:relative;/*padding:50px 0px;*/ }
.sec-c .slide-area > .wrapper { padding:50px 0px;background-color:#f6f6f6 }
.sec-c .slide-area .txt-area { text-align:center;width:50%; }
.sec-c .slide-area .txt-area p.a { color:#1d3d6c;font-size:18px; padding-left:25px;padding-right:25px; }
.sec-c .slide-area .img-area { position:absolute;left:50%;top:0px;bottom:0px; }
.sec-c .slide-area .img-area img { height:100%;}
.sec-c .swiper-slide-pagination { width:60%;left:auto;right:152px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet { background-color:transparent;border:2px #777777 solid;height:12px;width:12px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active { background-color:#ffffff; }

/*begin add css*/
.sec-c .slide-area1 { position:relative;padding:0px 0px; }
.sec-c .slide-area1 > .wrapper { padding: 0px;background-color:#f6f6f6 }
.sec-c .slide-area1 .txt-area { text-align:center;width:100%;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sec-c .slide-area1 .txt-area p.a { color:#1d3d6c;font-size:22px; }
.sec-c .slide-area1 .img-area img { width:100%;height:100%;padding: 0px;}
/*end add css*/

.sec-txt { font-size:16px;}
.sec-txt h2 {margin:0px;background-color:#039dff;color:#ffffff;font-size:26px;padding:6px 15px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.65px;font-weight:normal;}
.sec-txt .detail { margin:25px 25px; text-align:left; }
.sec-txt .detail p  { margin-bottom:30px }
.sec-txt .detail h4::before { content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px }
.sec-txt .detail h4.title { font-size:16px;color:#1d3d6c }
.sec-txt .detail h4.title::before { display:none; }
.sec-txt .detail ul { margin:10px 0px }

.sec-txt.img { padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px; }

.sp-txt ul{margin:0; padding:0 20px; list-style: url(../img/icon/bullet.jpg);}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}
}


@media (min-width: 992px) and (max-width: 1200px) {
.sec-aboutus {}
.sec-aboutus > .wrapper { max-width:1280px;margin:0px auto; }


.sec-a { position:relative; }
.sec-a .banner { width:100%; }
.sec-a .btn { position:absolute;bottom:-40px;left:50%;margin-left:-25px; }

.sec-b { text-align:center;color:#777777;font-size:16px;padding:40px 25px; }
.sec-b h1 { margin:0px;color:#003366;font-weight:normal;font-size:26px }
.sec-b p {margin:0px;margin-top:20px;color:#111111 ;font-size:22px; line-height:28px;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;text-align:center;}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px;line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}

.sec-c { margin:40px 0px; }
.sec-c .slide-area { position:relative;padding:50px 0px; }
.sec-c .slide-area > .wrapper { padding:49px 0px;background-color:#f6f6f6 }
.sec-c .slide-area .txt-area { text-align:center;width:50%; }
.sec-c .slide-area .txt-area p.a { color:#1d3d6c;font-size:18px; }
.sec-c .slide-area .img-area { position:absolute;left:50%;top:0px;bottom:0px; }
.sec-c .slide-area .img-area img { height:100%;}
.sec-c .swiper-slide-pagination { width:60%;left:auto;right:200px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet { background-color:transparent;border:2px #777777 solid;height:12px;width:12px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active { background-color:#ffffff; }

/*begin add css*/
.sec-c .slide-area1 { position:relative;padding:0px 0px; }
.sec-c .slide-area1 > .wrapper { padding: 0px;background-color:#f6f6f6 }
.sec-c .slide-area1 .txt-area { text-align:center;width:100%;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sec-c .slide-area1 .txt-area p.a { color:#1d3d6c;font-size:22px; }
.sec-c .slide-area1 .img-area img { width:100%;height:100%;padding: 0px;}
/*end add css*/

.sec-txt { font-size:16px;}
.sec-txt h2 {margin:0px;background-color:#039dff;color:#ffffff;font-size:26px;padding:6px 15px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.65px;font-weight:normal;}
.sec-txt .detail { margin:25px 25px; text-align:left; }
.sec-txt .detail p  { margin-bottom:30px }
.sec-txt .detail h4::before { content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px }
.sec-txt .detail h4.title { font-size:16px;color:#1d3d6c }
.sec-txt .detail h4.title::before { display:none; }
.sec-txt .detail ul { margin:10px 0px }

.sec-txt.img { padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px; }

.sp-txt ul{margin:0; padding:0 20px; list-style: url(../img/icon/bullet.jpg);}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}
}


@media (min-width: 1200px) {
.sec-aboutus { margin-top:0px;}
.sec-aboutus > .wrapper { max-width:1280px;margin:0px auto; }


.sec-a { position:relative; }
.sec-a .banner { width:100%; }
.sec-a .btn { position:absolute;bottom:-44px;left:50%;margin-left:-25px; }

.sec-b { text-align:center;color:#777777;font-size:16px;padding:50px 160px; }
.sec-b h1 { margin:0px;color:#006cb8;font-weight:normal;font-size:26px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif;}
.sec-b p { margin:0px;margin-top:20px;color:#111111;font-weight:normal;font-size:22px;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;line-height: 28px;}



.sec-c { margin:70px 0px; background:none; }
.sec-c .slide-area1 { position:relative;padding:50px 12px; }
.sec-c .slide-area1 > .wrapper { padding:0px 0px;background-color:#f6f6f6 }
.sec-c .slide-area1 .txt-area { text-align:center;width:50%;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.sec-c .slide-area1 .txt-area p.a { color:#1d3d6c;font-size:22px; }
.sec-c .slide-area1 .img-area { position:absolute;left:50%;top:0px;bottom:0px; }
.sec-c .slide-area1 .img-area img { height:100%;margin-bottom:10px;}
.sec-c .swiper-slide-pagination { width:60%;left:auto;right:-75px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet { background-color:transparent;border:2px #ffffff solid;height:12px;width:12px; }
.sec-c .swiper-slide-pagination .swiper-pagination-bullet-active { background-color:#ffffff; }

.sec-txt { font-size:16px;}
.sec-txt h2 { margin:0px;background-color:#039dff;color:#ffffff;font-size:26px;padding:6px 15px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.65px;font-weight:normal;}
.sec-txt .detail { margin:25px 15px; padding:0 150px;}
.sec-txt .detail p  { margin-bottom:30px }
.sec-txt .detail h4::before { content:'';display:inline-block;border:6px transparent solid;border-left-color:#c73528;border-top-color:#c73528;height:0px;width:0px;margin-right:5px }
.sec-txt .detail h4.title { font-size:16px;color:#1d3d6c }
.sec-txt .detail h4.title::before { display:none; }
.sec-txt .detail ul { margin:10px 0px }

.sec-txt.img { padding-bottom:20px;background:url(../img/aboutus/3.jpg) right bottom no-repeat;background-size:auto 350px; }


.sp-txt ul{margin:0; padding:0; list-style: url(../img/icon/bullet.jpg);}
.sp-txt ul li{font-family: 'Conv_THSARABUN', Tahoma, sans-serif; font-size:22px; color:#111111; padding-left:10px; line-height:28px; margin-bottom:20px; letter-spacing: 0.5px;}

.mgmt-area {height:75%; background:url(../img/about/bg.jpg) bottom center no-repeat;}
.mgmt-area .person-area { position:relative;min-height:500px;padding-top:200px;max-width:1450px;margin:0px auto; }
.mgmt-area .person-area .picture { max-width:70%;max-height:100%;position:absolute;bottom:0px;right:0px; }

.mgmt-area .person-area .title-area { position:relative;text-align:center;margin-top:-140px;}
.mgmt-area .person-area .title-area .title { color:#1e3f6a;font-size:18px;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.mgmt-area .person-area .title-area .line { border-top:1px #2b3372 solid;width:110px;display:inline-block; }

.mgmt-area .person-area .info-area { position:absolute;right:45%;top:10%;bottom:0px;width:45%;padding-bottom:40px }
.mgmt-area .person-area .info-area::before { content:'';height:100%;vertical-align:middle;display:inline-block; }
.mgmt-area .person-area .info-area > .wrapper { vertical-align:middle;display:inline-block;max-width:95% }
.mgmt-area .person-area .info-area .quote { font-size:34px;color:#333333;margin:0px;line-height:1.5;font-family: 'Conv_SukhumvitSet-Light', Tahoma, sans-serif; letter-spacing: 0.5px;}
.mgmt-area .person-area .info-area .quote span { color:#bbbbbb }
.mgmt-area .person-area .info-area .name { margin-top:40px;padding-top:15px;font-size:38px;color:#333;position:absolute;bottom:5%;right:-160px;left:auto; text-align:right;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.mgmt-area .person-area .info-area .name > span { color:#0077ff;font-size:22px;display:block;margin-top:-5px; }
.mgmt-area .person-area .info-area .label-a { position:relative; color:#0077ff;font-size:12px;border-bottom:2px #0077ff solid;padding:8px 10px;width:160px;display:inline-block;margin-top:70px;  }
.mgmt-area .person-area .info-area .label-a span { font-size:22px;display:inline-block;vertical-align:middle;position:absolute;right:5px;top:0px; }

.mgmt-list-area { background-color:#f4f4f4;padding:50px 0px 100px 0px }
.mgmt-list-area > .wrapper { max-width:1200px;margin:0px auto;overflow:auto; }
.mgmt-list-area .col { width:25%;float:left; }
.mgmt-list-area .col > .info { margin:20px 20px; border-bottom:4px solid #039dff;}
.mgmt-list-area .col > .info > .photo { margin:0px;height:300px;}
.mgmt-list-area .col > .info > .photo::before { height:100%;content:'';display:inline-block;vertical-align:bottom; }
.mgmt-list-area .col > .info > .photo img { width:90%;color:#ffffff;vertical-align:bottom; }
.mgmt-list-area .col > .info a.name { display:block;padding:0px;margin-top:10px;color:#111111;font-size:22px; text-align:center;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px;}
.mgmt-list-area .col > .info small { display:block;padding:0px;margin-top:1px;line-height:22px;color:#111111;font-size:20px;text-align:center;font-family: 'Conv_THSARABUN', Tahoma, sans-serif;height:42px; overflow:hidden; letter-spacing: 0.5px;}
.mgmt-list-area .col > .info span { display:block;padding:10px 0;color:#039dff;font-size:20px;text-align:center;font-family: 'Conv_THSARABUN', Tahoma, sans-serif; letter-spacing: 0.5px; }

footer {
  width: 100%;
  background: #20202f;
  color: #fff;
  margin-top: 0px;
  padding:15px 0;
}
}
