@charset "utf-8";
/* CSS Document */
.hide-desk, .show-479, .show-tab, .show-767, .show-400, .show-340, .show-359, .tab-video {display:none;}
.hide-400, .hide-479{display:inline-block;}
/*===============================
CSS FOR CONTAINERS BREAK POINTS
=================================*/
@media only screen and (max-width: 1187px){
.container{width:1004px;}
.show-tab{display:none;}
.hide-tab{display:none;}
.show-desk{ display:block;}
.sec-1{ }
.sec1_content{width: 57%;}
.heading{ font-size: 38px;  line-height: 48px;}
.comn-txt{}
.sec1-hd {font-size: 48px;line-height: 53px;}
.sec1-rat-tx { }

.sec-bar-inr {padding: 0 40px 0 28px;}

.sec-2 { overflow:hidden;}
.sec2_lft { width:80%;}
.sec2_img {left: -6%;}
ul.sec2-list{}
ul.sec2-list li{  }

.shop_bx-prc {}
.shop-prd_nm{}

.s1-icon-list__inner__box {padding: 0px 0 0 60px;}
.s1-icon-list__inner__box img {max-width: 58px;}

.sec-4_innr {padding: 0;}
.s4-prodts {max-width: 515px;}
.category_content p{ padding:0px 5px 0px; }

.sec5_inner_rit {width: 52%;}
.sec5_inner_lft {width: 48%;margin-top: 12px;}
.sec-5_box{padding:0 30px;}
.s5-list {row-gap: 10px;margin-top: 20px;}

.sec-6_innr {padding: 40px 22px 0 534px;}

}
@media only screen and (max-width: 1023px){
.container{ max-width:767px; width:100%; }
.show-desk{display:none;}
.show-hide{display:none;}
.show-tab{ display:block;}

ul.nav li{margin: 0 20px 0 0;}

ul.blue-bar-lst li{font-size:12px; line-height:14px;}
ul.blue-bar-lst li img{width:22px;}

.logo{width:120px; margin-top:21px;}
ul.menu-list{margin-left:0px;}
ul.menu-list li{padding:0 10px;}
 
.sec-1{ background-size:cover; height:auto; padding:70px 0 80px;background-position: 58% top; }
.sec1_content {width: 62%; margin:0;}
.sec1-hd{ font-size:40px; line-height: 46px;}
.sec1-hd span{font-size: 20px;line-height: 32px;}
.sec1-rat-tx{}
.btn-bx{ margin-top:22px; }
.s1-icon-list__inner{justify-content: center;}
.s1-icon-list__inner__box {text-align: center;padding: 0;}
.s1-icon-list__inner__box img {position: static;max-width: 55px;}

.sec-2 { padding: 40px 0 40px;}
.heading { font-size: 34px; line-height: 44px;}
.sec2_lft{ float:none; display:inline-block; width:100%; text-align:center; }
.sec2_img{ position:static; display:block; margin: 15px auto -28px;max-width: 250px;}
.s2-acdn_bx{padding:12px 0;}
ul.sec2-list {margin-top: 55px;}
ul.sec2-list li { font-size: 16px; line-height: 25px;padding: 0px 5px 20px;}
.sec2_lft .comn-txt {max-width: 100%;}

.sec-3 { padding: 40px 0 40px;}
.comn-txt { font-size: 17px; line-height: 26px;margin-top: 14px;}

.sec-4_innr {float: none;display: inline-block;width: 100%;padding: 0;text-align: center;}
.s4-prodts {position: static;max-width: 100%;margin-top: 13px;}
.category_content h3 { font-size: 20px; line-height: 28px;}
.category_content p { padding: 0px 0px 0px; font-size: 16px; line-height: 26px;}

.index_shop{column-gap:10px; row-gap: 25px;}
.shop_bx{width:32%;}
.shop_bx_cont{padding: 10px 0px 0px;}
ul.shop_bx-list li { font-size: 16px; line-height: 26px;}
.shop_bx-prc { }
.shop-prd_nm { font-size: 20px;}

.sec-bar-inr {float: none;display: inline-block;width: 80%;padding: 0;}
.sec-bar-prodt {position: static;max-width: 200px;margin-top: 15px;}

.sec-5 {padding:45px 0 45px;}
.sec5_inner{ margin:0px 0px; }
.sec-5_box{padding:0 6px;}
.sec5_inner_lft{width:100%; text-align:center;margin-top: 15px; }
.sec5_inner_rit{ float:none; display:inline-block; margin-top:0px; width:76%; text-align:center;}
.s5-list li { width:60%;}

.sec-6 {padding: 0px 0 40px;}
.sec-6_innr {padding: 35px 90px;height: auto;text-align: center;}
.s6-image {position: static;max-width: 100%;margin-top: 15px;}
.sec-6_innr .comn-txt{ width:100%;}

}

@media only screen and (max-width: 767px){
.container{width:100%; padding:0 15px; max-width:600px; box-sizing:border-box;}

.hide-767, .show-desk{display:none;}
.show-767{display:block;}
.tab-video{display:block;}

.blue-bar{padding:6px 0 4px; display:none;}
ul.blue-bar-lst{flex-wrap: wrap;}
ul.blue-bar-lst li{width:auto !important; vertical-align:top; float:none; font-size:12px; line-height:18px; letter-spacing:0.8px;}
ul.blue-bar-lst li img{margin:-2px 8px 0 0;}

.bnr-inr-box{ width:100%;margin: 15px 0 0;}
.left-arw-ofr{left: 26px;}
.rgt-arw-ofr{right:26px;}
.bnr-bal-food{ position:static; display:block; margin:0 auto 0;}
.ofr-box-txt{ padding:15px; text-align:center;}
.bnrtxt{font-size: 16px;  line-height: 26px;margin-top: 10px;  width: 100%;}


.top-fix-bar{margin-bottom: 54px;}
.header{height: 54px; top: 54px; margin-top: -54px;}
.logo img{max-width: 160px; float: left; margin-top: -5px;}

.sec-1{background: #e9e3dd; padding:25px 0 30px; }
.sec1_content{ float: none; display: inline-block; width: 100%; max-width: 355px; text-align: center;}
img.sec1-mob-img {max-width: none;
    width: calc(100% + 30px);
    margin: 15px 0 0px -15px;
    display: inline-block;
    background: unset;}
.sec1-hd{ font-size: 32px; line-height: 38px;}
.sec1-hd span {margin-bottom: 0px;}
.sec1-rat-tx{ font-size: 16px; line-height: 26px; margin-top: 10px; width:100%; }
.sec1-rat-tx img{width:80px;}
.btn-bx{margin-top:20px;}
.comn-btn{}
.comn-btn img{ width:16px;}
.btn-tx{font-size:14px; line-height:18px;}
ul.sec1-lst { margin-top: 18px; justify-content: center;}
ul.sec1-lst li{ font-size: 16px; line-height: 26px;}

.s1-icon-list{padding:25px 0;}
.s1-icon-list__inner{ justify-content: center; }
.s1-icon-list__inner__box {  padding: 15px 10px;  width: 100%;  max-width: 355px; text-align: center; box-shadow: 0px 0px 5px #bbb; border-radius: 5px;}
.s1-icon-list__inner__box img{}
.usa-today{ width:130px;}
.s1-icon-list__inner__box p{}
.s1-icon-list__inner__box:after{ display:none;}

.sec-2{padding:25px 0 25px;}
.sec2_lft, .sec2_rgt{width:100%;  max-width: 355px;}
.sec2_rgt{margin-top:0px;}
.sec2_img{margin: 15px auto -20px;max-width: 170px;}
img.sec2_img_mob { display: inline-block; vertical-align: middle; margin: 15px 0px 0px; max-width: 300px;}
.s2-acdn-hd{font-size:18px; line-height:26px;}
.s2-acdn-tx{font-size:16px; line-height:25px;}
.s2-acdn-icn{max-width:35px; margin-right:12px;}
.s2-acdn-content {padding-right: 20px;}
 ul.sec2-list {  margin-top: 20px;}
 ul.sec2-list li { width:100%;padding: 15px 15px 20px;}
ul.sec2-list li img { margin: 0px auto 10px; max-width: 36%;}
       

.sub-hdg{font-size: 17px; line-height: 18px;}
.heading{font-size: 28px; line-height: 36px;}
.comn-txt{font-size:16px; line-height:26px; margin-top: 10px;}

.sec-3{padding:30px 0 30px;}
.index_shop{flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:25px auto 0; max-width:100%;  width:100%; justify-content: center; }
.shop_bx-img{ max-width: 210px; margin-top: 20px;}
.shop_bx{width:100%; max-width:355px;}
.shop_bx_cont{}
.shop-prd_nm{ text-align:center; min-height:auto; }
.shop_bx-prc{ }
.shop-btn img{width:16px}
.shop_bx-2{order:1;}
.shop_bx-1{order:2;}
.shop_bx-3{order:3;}
ul.shop_bx-list li{font-size: 17px; line-height: 27px; min-height:auto; }

.thai_bank{margin-top:25px;}
.thai_bank h3{font-size:24px; line-height:30px;}
.thai_bank p{font-size:18px; margin-top:10px;}
.bank-lst{margin-top:20px;}
.bank-lst-img1{width:170px;}
.bank-lst-img2{width:140px;}

.sec-4{padding:0px 0 0px;}
.category{flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; margin-top:20px; row-gap: 20px;}
.category_bx{ max-width: 355px; width: 100%;}
.category_img{}
.category_img.cat_img5{object-position: center 0px;}
.category_content{width:100%;}
.category_content h3{font-size:20px; line-height:28px;}
.category_content p{ font-size: 16px; line-height: 26px; margin-top: 5px;}
.category_content a{font-size:15px; line-height:20px;}
.sec-4_innr { max-width:355px;}

.exper_info{padding:10px 0 15px;}
.need-help{max-width:349px; width:100%; background:#d7e0ff; border-radius:10px; padding:15px; margin:0 auto; display:table;}
.need-tx1, .need-tx2{font-size:14px; line-height:20px; width:50%;}
.need-tx1{float:left; text-align:left;}
.need-tx2{float:right; text-align:right; position:relative;}
.need-tx2:before{content:''; display:inline-block; vertical-align:top; width:8px; height:8px; background:#41d827; border-radius:50%; margin: 6px 8px 0 0;}
.need-help__inr{background:#fff; border-radius:10px; padding:12px; float:left; width:100%; margin-top:12px;}
.need-tx3{font-size:15px; line-height:20px; padding: 5px 0 10px 55px; position:relative; text-align:left;}
.need-help_fc{border-radius:50%; position:absolute; left:0; top:0;}
.need-help__inr__bottom{border-top:1px solid #e2e5f1;padding:10px 0 0; float:left; width:100%;}
.need-tx4, .need-tx5{font-size:14px; line-height:20px; padding-left:28px; width:50%; position:relative; text-align:left;}
.need-tx4 img, .need-tx5 img{width:22px; position:absolute; left:0; top:0;}
.need-tx4{float:left;}
.need-tx5{float:right;}
.need-tx5 img{width:23px;}
a.exper_btn{width:100%; text-decoration:none; margin-top:20px; background:none; height:auto; display:inline-block; vertical-align:top;}
.exper_btn img{max-width:280px; width:100%; display:inline-block; vertical-align:top;}

.sec-bar {padding:25px 0 25px;}
.sec-bar-inr {width: 100%;max-width: 355px;padding: 0;}

.sec-5{ padding:30px 0 30px;}
.sec5_inner { margin: 0px 0px;  max-width: 355px; text-align: center;}
.sec5_inner_rit{ width: 100%; }
.sec-5_inner{flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-top:10px; padding:0 5px;}
.sec-5_box{display:flex; display:-webkit-flex; align-items:center; text-align:left; width:100%; padding:15px 0;}
.sec-5_box:last-child{padding-bottom:8px;}
.sec-5_box:before{border-bottom:1px solid #d1d1d1; width:100%; top:auto; bottom:0; height:auto;}
.sec-5_icn{ width: 62px; height: 62px; margin: 0 15px 0 0; padding: 12px;}
.sec-5_content{width:calc(100% - 90px);}
.sec-5_box h3{font-size:19px; line-height:24px;}
.sec-5_box p{font-size:16px; line-height:25px; letter-spacing:0.3px;}
.s5-list {row-gap: 10px;margin-top: 15px;}
.s5-list li {width: 100%;}

.sec-6 {padding: 0px 0 25px;}
.sec-6_innr {max-width: 355px;padding: 22px 10px;height: auto;text-align: center;}

.ftr-declmr{    margin: 0px 0 0 0;}

}