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

.heading{font-size:38px; line-height:44px;}

.banner{ height:auto; padding: 60px 0px 30px;}
.bnr-lft { width: 59.5%; margin-top: 30px;}
.bnr-rgt { width: 40.5%;}
.bnr-prd { width: 503px;}
.bnr-hding { font-size: 32px; line-height: 48px;}
.bnr-hding span{ font-size: 56px;  line-height: 71px;}
.bnr-txt{ width:100%; font-size: 18px; line-height: 28px;}
.btn-box{ margin-top:25px;}
.bnr-model { margin: 15px 0 0; max-width: 386px;}
 .hdng1 {  font-size: 32px; line-height: 46px; }
 
 .s2-lft .comn-txt { width: 90%;}
.s2-lst-txt { font-size: 19px; line-height: 30px; }
.sec2_glass{ margin:15px 0 0; }
.s2-shape1{ left:8%;} .s2-shape2{ right:8%;}

.section1{ padding:50px 0;}
.s1-img { max-width: 450px;  top: 356px; }
.s1uls, .s1uls2{ margin:10px 0 0;}
.s1uls li, .s1uls2 li { margin: 0px 0 0;  padding: 20px 15px;}
.hdng1 { font-size: 32px; line-height: 46px;}
.comn-txt { font-size: 18px; line-height: 28px;}
.s1-mid_lft { width: 45%;}
.s1-mid_rit{ width:54%;}

.sec2_img{right: -70px; max-width: 500px;}
.s2-prods{    right: 274px;}

.sec-5_box{padding:0 15px;}

.s6-cuople{max-width: 485px;}
.s6-prod {    max-width: 200px;    top: 205px;}

.shop_bx_cont {    width: 54%;    padding: 17px;}
}
@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;}
ul.menu-list{margin-left:0px;}
ul.menu-list li{padding:0 10px;}


.banner{ background-size: cover; height: auto; padding: 40px 0;}
.bnr-lft { width: 60%; margin-top: 30px; /*float: none; display: inline-block; text-align: center;*/}
.bnr-rgt { width: 40%; margin-top: 0px; /*float: none; display: inline-block; text-align: center;*/}
.bnr-hding { font-size: 30px; line-height: 40px;}
.bnr-hding span { font-size: 46px; line-height: 56px;}
.bnr-txt { font-size: 18px;line-height: 28px;margin-top: 10px;width: 100%;}
.bnr-gls{ margin:15px 0 0; max-width:100%;}
.bnr-model{ display: inline-block; margin: 27px 20px 0px; max-width: 229px;}


.bnr-prd { width:544px;}
.sec3-uls { margin-top: 0; justify-content: center; row-gap: 10px; column-gap: 10px;}
.s3-li-img {display:block;position: static; margin: 0 auto 10px;}
.sec3-uls li {font-size: 17px;line-height: 27px;text-align: center;padding: 0 0 0 0; position: relative;}
.sec3-uls li:after {right: 0;}


.section1 {padding: 40px 0 40px;}
.s1-img {width: 327px;position: static;transform: translateX(-0%);margin: 20px auto 0;}
.s1uls, .s1uls2 {width: 100%; margin: 0 0 0;}
.s1-mid .btn-box { margin-top: 25px;}
.s1-mid_lft{ float:none; display:inline-block; text-align:center; width:100%; }
.s1-mid_rit { width: 100%; float: none; display: inline-block; margin-top: 20px;}

.section2 {padding: 40px 0 40px;}
.s2-lft .comn-txt{ width:100%;}
.s2-lft {width: 100%;text-align: center;}
ul.s2-list {width: 100%;  margin-top: 30px;}
ul.s2-list li{ padding: 20px 20px 20px; margin: 0px 0% 0; width: 48%;    height: auto;}
ul.s2-list li:after{ display:none;}
.s2-lst-txt { font-size: 18px; line-height: 28px;}
.sec2_glass { margin: 10px 0 0; max-width: 400px;}
.s2-shape1 { left: 6%; top: -16px;}
.s2-shape2 { right: 6%; top: -16px;}

.index_shop{column-gap:2%; width:100%;}
.shop_bx-img{ width:80%; display:inline-block;}
.shop_bx{width:49%;}
.shop_bx_cont{padding:15px; width:100%;}

.sec-5_box{padding:0 6px;}


.s6_rgt{ width:100%; text-align:center;}
.s6-cuople{ position:static; margin:0 auto 10px; max-width:100%; display:block;float: none;}
.s6-uls li{ text-align:left;}

}

@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: 55px;}
.header{height: 55px; top: 55px; margin-top: -55px; padding: 10px 0;}
.logo{width: 160px;margin-top: 5px;}

.banner { padding: 30px 0;}
.bnr-lft{ float:none; display:inline-block; width:100%; text-align:center; margin:0 0;}
.bnr-rgt { margin: 0 0 0 0;width: 100%; text-align: center; float:none; display:inline-block;}
.bnr-hding {font-size: 22px; line-height: 32px;}
.bnr-hding span { font-size: 30px; line-height: 40px;}
.btn-box {margin-top: 25px;}
.bnr-prd-mob{margin: 0px auto 0; width: 100%;}
.bnr-gls { margin: 10px 0 0; max-width: unset; width: calc(100% + 20px); margin-left: -10px;}
.bnr-txt { font-size: 17px; line-height: 27px;}
.bnr-model { display: inline-block; margin: 15px 0 0px; max-width: 225px; display:none;}
.sec1_content .btn-bx{ margin-top:20px;}
.comn-btn{height:48px; font-size:16px; line-height:48px; border-radius:5px; letter-spacing:0.3px;}
.comn-btn img{ width:16px;}
.btn-tx{font-size:14px; line-height:18px;}

.sec3-uls { margin-top: 0; padding: 0; row-gap: 15px;}	
.sec3-uls li { width: 48%; font-size: 15px; line-height: 25px; padding: 8px 8px; box-shadow: 0px 0px 2px #bbb;}
.sec3-uls li:nth-child(2):after{ display:none;}
.s3-li-img { max-width: 55px;}


.s1-icon-list{padding:20px 0;}
.s1-icon-list__inner{flex-wrap: wrap; margin: 0;padding: 10px;}
.s1-icon-list__inner__box{width: 49%;}
.s1-icon-list__inner__box img{width: 40px;}
.s1-icon-list__inner__box p span {font-size: 15px;line-height: 24px;}
.s1-icon-list__inner__box p span br {display: none;}
.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;}

.section2 { padding: 30px 0;}
.hdng1 {font-size: 26px; line-height: 36px;}
.hdng1 span{ font-size: 28px; line-height: 46px;}
ul.s2-list { width: 100%; margin-top: 20px; row-gap: 10px; }
ul.s2-list li {padding: 15px 8px 15px; margin: 0px 0% 0;width: 46%;height: auto;}
.no { margin: 0 auto 10px; font-size: 18px; line-height: 20px; width: 32px; height: 32px; padding: 6px 6px;}
.s2-lst-txt { font-size: 16px; line-height: 26px;}

.comn-txt{ width:100%; font-size: 16px; line-height: 26px;}
.sec2_glass_mob{ position:static; display:block; margin:16px auto 0px; max-width:100%;}
.section1-hm{  padding: 30px 0 30px; }
.s2-prodBx-col .btn-box {  width: 100%;}

.s2-prodBx-col .prd-shop-btn, .sec2hm-rgtin .prd-shop-btn{ width:100%;}
.s1uls, .s1uls2 { width: 100%; margin: 0 0 0;}
.s1-img {  width: 100%; margin: 12px auto 10px; }
.s1uls2 li { text-align: left;}
.s1uls li, .s1uls2 li{ padding: 20px 25px; width: 100%; max-width: 355px;}
.s1uls li span, .s1uls2 li span { font-size: 18px; line-height: 26px; margin-bottom: 8px;}
.s1-li-tik, .s1-li-tik2 { max-width:100%; }


.sec-5_icn img {    width: 79%;}


.sub-hdg{font-size: 17px; line-height: 18px;}
.heading{font-size: 26px; line-height: 34px;}
.comn-txt{font-size:16px; line-height:24px; margin-top: 10px; letter-spacing: 0;}

.sec-3{padding:30px 0 30px;}
.index_shop{flex-wrap:wrap; -webkit-flex-wrap:wrap; margin:25px auto 0; max-width:370px; width:100%;}
.shop_bx-img{ max-width: 210px; margin-top: 0px;}
.shop_bx{width:100%; border-radius:6px;}
.shop_bx_cont{padding:0;}
.shop_bx-prc{         font-size: 26px;margin-top: 0px;line-height: 30px;}
	.shop-prd_nm{font-size: 22px;line-height: 28px;}
	.shop-prd_nm span{font-size: 16px;line-height: 26px;}
.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;}

.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:30px 0 30px;}
.category{flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; margin-top:20px; row-gap: 20px;}
.category_bx{    width: 100%;}
.category_img{}
.category_img.cat_img5{object-position: center 0px;}
.category_content{width:100%;}
.category_content h3{font-size:24px; line-height:28px;}
.category_content p{ font-size: 16px; line-height: 24px;}
.category_content a{font-size:15px; line-height:20px;}

.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-5{padding:0px 0;}
.sec-5_inner{flex-wrap:wrap; -webkit-flex-wrap:wrap; margin-top:0px; padding:0 5px;row-gap: 10px;}
.sec-5_box{display:flex; display:-webkit-flex; align-items:center; text-align:left; width:100%; padding:0;}
.sec-5_box:last-child{}
.sec-5_box:before{border-bottom:1px solid #d1d1d1; width:100%; top:auto; bottom:0; height:auto;}
.sec-5_icn{}
.heading span {    font-size: 18px; line-height: 18px;}
.sec-5_content{width:calc(100% - 90px);}
.sec-5_box h3{font-size:18px; line-height:26px;}
.sec-5_box p{font-size:16px; line-height: 24px}
	
.sec6{padding-bottom: 30px;}
.s6-cuople-mob {display: inline-block;margin: 10px auto 10px -10px;max-width: inherit;width: calc(100% + 20px);}
	.s6-uls{margin-top:10px}
.s6-uls li { font-size: 16px;line-height: 24px;padding-left: 26px;background-size: 20px;}


.s6-prod{    right: 212px;max-width: 150px; top: -115px;}

.ftr-declmr{    margin: 0px 0 0 0;}
	
	
	ul.slbar-list li {
    font-size: 16px;
    line-height: 22px;
    width: 50%;
}
.slbartxt {
    font-size: 18px;
    line-height: 26px;   
}
.graybar{padding:20px 0; display:none;}
ul.graybar-list{padding:10px 0 0 0;}
/*------------start footer--------------*/
ul.topftr-list{justify-content: space-between;row-gap: 5px;}
ul.topftr-list li:after{border:none;}
ul.topftr-list li {margin: 0;}
footer{padding:20px 0;}
.ftrtxt1, .ftrtxt2{
}
.ftrtxt2{padding:7px 0 0 0;}

.ftr-addres, .ftr-link, .ftr-crop{ width:100%; border:none; margin:0 0 20px 0;font-size: 15px;line-height: 22px;row-gap: 5px;}
	img.ftr-logo{width: 160px; margin-bottom: 5px;}
	.ftr-header{font-size: 20px;line-height: 28px;}

}