@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: 1180px){
.container{width:1004px;}
.show-tab{display:block;}
.hide-tab, .show-desk{display:none;}

.banner-box {width: 54%;}

.sec2_lft { width: 51%;}
ul.sec2-list{ column-gap:6px; }
ul.sec2-list li{ width:24%; padding:0px 0px; }

.shop_bx-prc { font-size: 26px;}
.shop-prd_nm{ font-size:20px; }

.s1-icon-list__inner__box{ padding:10px 0px; }

.sec-4_innr { padding: 35px 35px;}
.category_content p{ padding:0px 5px 0px; }

.sec-5_box{padding:0 30px;}
.sec5-btls { margin: 0 0 0 -205px;}
.sec5_inner_lft {width: 37%;}
}
@media only screen and (max-width: 1010px){
.container{ max-width:767px; width:100%; }
.show-desk{display:block;}
.show-hide{display:none;}

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;}
 
.banner{ padding:0; background-size:cover; height:auto;}
.banner-box { width: 67%;padding: 60px 0; margin:0;}
.bnr-model { max-width: 338px;}
.banner-text1{ font-size: 20px; line-height: 28px;}
.banner-head{ font-size:46px; line-height:56px;}
.banner-head span{font-size: 24px; line-height: 36px;}
.banner-text2{ font-size: 17px; line-height: 28px; width: 90%; margin-top: 16px;}
.img-box{ max-width:560px;}
.sms-box2{bottom: 125px;}
a.comn-button{ margin-top:30px;}
.banner-img {top: 15px;right: -10%;max-width: 330px;}

.sec-2 { padding: 40px 0 40px;}
.heading { font-size: 34px; line-height: 40px;}
.sec2_lft{ float:none; display:inline-block; width:100%; text-align:center; }
.sec2_img{ position:static; display:block; margin:15px auto 0px; max-width: 360px; }
.s2-acdn_bx{padding:12px 0;}
ul.sec2-list li { font-size: 17px; line-height: 27px;}

.sec-3 { padding: 40px 0 40px;}
.comn-txt { font-size: 17px; line-height: 27px;}

.sec-4_innr { padding: 30px 20px;}
.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:15px;}
ul.shop_bx-list li { font-size: 16px; line-height: 26px;}
.shop_bx-prc { font-size: 26px; line-height: 32px; position: static; display: block; margin: 10px auto 0px;}
.shop-prd_nm { font-size: 20px; min-height: 58px;}

.sec-bar .heading { font-size: 28px; line-height: 32px;}

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

}

@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;}

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

.banner {padding:25px 0 30px; background: #f6f5f1; background-size: cover; height:auto;}
img.mob-bnr {float: left; width: 100%; max-width: unset; width: calc(100% + 20px); margin-left: -10px; margin-top: 15px;}
.banner-text1{ font-size:18px; line-height:28px;}
.banner-head{font-size: 34px;line-height: 39px;letter-spacing: 0.5px;}
.banner-head span {font-size: 20px; line-height: 36px;}
.banner-text2{ margin-top: 14px; width: 100%; font-size: 15px; line-height: 24px;}
.banner-box { margin-top: 0px; padding: 0; width: 100%; text-align: center;}
.shop-btn{margin-top: 20px; font-size: 20px; line-height: 50px; max-width: 220px; height: 50px;}

.s1-icon-list{padding:20px 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{ height:45px;}
.usa-today{ width:130px;}
.s1-icon-list__inner__box p{ font-size: 16px; line-height: 24px; margin-top: 10px;}
.s1-icon-list__inner__box:after{ display:none;}

.sec-2{padding:30px 0 30px; border-bottom:1px solid #f7f7f7; }
.sec2_lft, .sec2_rgt{width:100%;  max-width: 355px;}
.sec2_rgt{margin-top:10px;}
.sec2_img{margin-top:25px; display: none;}
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: 49%; font-size: 16px; line-height: 26px;}
ul.sec2-list li img { margin: 0px auto 10px; max-width: 36%;}
       

.sub-hdg{font-size: 17px; line-height: 18px;}
.heading{font-size: 24px; line-height: 32px;}
.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%; border-radius:6px;}
.shop_bx_cont{padding: 15px 0px 0px;
        text-align: center;
    }
.shop-prd_nm{ text-align:center; min-height:auto; }
.shop_bx-prc{ font-size: 30px; margin-top: 10px;}
.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 30px;}
.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 { padding: 20px 10px;}

.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 .heading { font-size: 20px; line-height: 26px;}

.sec-5{ padding:30px 0 30px;}
.sec5_inner { margin: 0px 0px;  max-width: 355px; text-align: center;}
.sec5_inner_rit{ width: 100%; padding: 10px 10px; border-radius: 10px 10px; }
.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;}
.sec5-btls { margin: 0 auto 10px; display: block; max-width: 300px;}
.sec5-model{ position:static; display:block; margin: 10px auto 15px; }

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

}