@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("../fonts/SukhumvitSet-Text/styles.css");
@import url("../fonts/SukhumvitSet-Medium/styles.css");
@import url("../fonts/SukhumvitSet-Bold/styles.css");
@import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700&display=swap");
@media screen and (max-width: 1440px) { header .container { width: 100%; }
  .sec__whyais:before { background-size: auto 100%; } }

@media screen and (max-width: 1280px) { .container { width: 100%; max-width: none; padding-left: 60px; padding-right: 60px; }
  header .menu li { margin: 0 10px; }
  header .social ul { margin-left: 0; }
  footer .wrap__footermenu ul a { margin-left: 20px; }
  footer .wrap__footermenu { padding-bottom: 20px; padding-top: 70px; }
  footer .wrap__footermenu ul { margin-left: 0; } }

@media screen and (max-width: 1200px) { header .container { width: 100%; padding-left: 30px; padding-right: 30px; }
  header .logo { width: 80px; }
  header .social a { width: 30px; height: 30px; }
  header .social img { width: 20px; }
  footer .col1 { width: 200px; }
  footer .col2 { width: calc(100% - 200px); }
  footer .hotline .row1 { font-size: 4rem; }
  .sec__whyais .container .col2 { min-height: 47vw; }
  .sec__whyais .container .col2 h4 { font-size: 5rem; margin-left: -36px; }
  .sec__maincontent--home { padding-bottom: 60px; }
  .sec__package .title, .sec__accessories .title, .sec__listpackage .title, .sec__listservice .title, .sec__maincontent-aisplaybox .title, .sec__listaccessories .title { margin-bottom: 30px; } }

@media screen and (max-width: 1100px) { .sec__whyais .container .col2 h4 { font-size: 4rem; margin-left: -30px; } }

@media screen and (max-width: 1030px) { header .menu ul { font-size: 1.6rem; }
  .sec__whyais .container .col2 { min-height: 55vw; } }

@media screen and (max-width: 1024px) { .sty__3slide .title h2 { font-size: 5rem; }
  .sty__3slide .title h3 { font-size: 3.4rem; }
  .sd__package { margin-left: -20px; margin-right: -20px; }
  .sd__package .box { padding-left: 20px; padding-right: 20px; }
  .sd__package .link a { padding-top: 5px; }
  .sd__package .link a span { font-size: 4rem; }
  .sd__accessories .link a { font-size: 1.8rem; }
  .sec__bannerpromo { padding-bottom: 60px; }
  .sty__col3box .link { margin-bottom: -40px; }
  .sty__col3box .link a { height: 50px; }
  .sty__col3box .link a span { font-size: 4rem; }
  .sec__content-accessories-detail, .sec__content-package-detail, .sec__content-whyais, .sec__content-howtopay { padding-top: 60px; } }

@media screen and (max-width: 980px) { .container { padding-left: 30px; padding-right: 30px; }
  header { padding: 15px 0; }
  header .container { -webkit-box-pack: end; justify-content: flex-end; }
  header .logo { position: absolute; left: 30px; top: -8px; }
  header .menu { display: none; }
  header .social { -webkit-box-ordinal-group: 3; order: 2; margin-right: 20px; }
  .mobilemenu { font-size: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: end; justify-content: flex-end; text-transform: uppercase; -webkit-box-align: center; align-items: center; cursor: pointer; -webkit-box-ordinal-group: 4; order: 3; }
  .mobilemenu .hamburger-menu { height: 20px; width: 30px; position: relative; margin-right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-align: center; align-items: center; }
  .mobilemenu .hamburger-menu:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; top: 0; background-color: #fff; }
  .mobilemenu .hamburger-menu:after { position: absolute; content: ""; height: 1px; width: 100%; left: 0; bottom: 0; background-color: #fff; }
  .mobilemenu .hamburger-menu span { width: 100%; background-color: #fff; height: 1px; }
  .mobilemenu span { display: block; }
  .btn-register { text-align: center; }
  .btn-register a { height: 50px; font-size: 2.6rem; width: auto; display: -webkit-inline-box; display: inline-flex; padding: 5px 30px 0 30px; margin: auto; }
  header.fix_top { padding: 10px 0; }
  footer .wrap__footermenu ul a { font-size: 1.8rem; }
  footer .wrap__copyright { font-size: 1.6rem; }
  .sec_mobilemenu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; z-index: 1000; top: 0; left: 100%; width: 100%; height: 100vh; position: fixed; background-color: #000; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
  .sec_mobilemenu .btn-closemenu { position: absolute; right: 20px; top: 20px; z-index: 99; width: 40px; height: 40px; cursor: pointer; }
  .sec_mobilemenu .btn-closemenu:before { position: absolute; content: ""; height: 1px; width: 100%; left: 0; top: 50%; background-color: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  .sec_mobilemenu .btn-closemenu:after { position: absolute; content: ""; height: 1px; width: 100%; left: 0; top: 50%; background-color: #ffffff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  .sec_mobilemenu ul { margin-left: 0; }
  .sec_mobilemenu ul li { margin: 15px 0; }
  .sec_mobilemenu ul a { font-size: 2rem; }
  .sec_mobilemenu .socialmobile ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: start; justify-content: flex-start; }
  .sec_mobilemenu .socialmobile ul li { margin-right: 20px; }
  .sec_mobilemenu .socialmobile img { height: 20px; }
  .sec_mobilemenu .socialmobile a { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #a5cb12; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; width: 30px; height: 30px; }
  .sec_mobilemenu .socialmobile a:hover { background-color: #ffffff; }
  .sec_mobilemenu.active { left: 0; }
  .sec__maincontent--home:before { background-size: 100% auto; }
  footer .hotline:before { width: 70px; left: -25px; top: 31px; }
  .sty__col3box .box { width: calc(33.33% - 20px); } }

@media screen and (max-width: 900px) { .sd__accessories .link a { font-size: 1.6rem; }
  .sd__accessories .text { padding: 20px 0; }
  .sec__whyais .container .col2 h4 { font-size: 3rem; margin-left: -21px; }
  .sty__col3box .link a._btn-readmore { font-size: 1.6rem; }
  .sec__content-accessories-detail h3, .sec__content-package-detail h3, .sec__content-whyais h3, .sec__content-howtopay h3 { font-size: 4rem; }
  .sec__content-support .row .title h2 { font-size: 4rem; } }

@media screen and (max-width: 800px) { ._set-tablet { display: inline-block; }
  footer .col1 { width: 100%; text-align: center; }
  footer .col2 { width: 100%; text-align: center; }
  footer .hotline:before { left: calc(50% - 120px); }
  footer .wrap__footermenu ul { -webkit-box-pack: center; justify-content: center; }
  footer .wrap__copyright { text-align: center; }
  footer .wrap__footermenu { padding-top: 30px; }
  footer .wrap__footermenu ul a { margin: 0 10px; }
  .sd__package, .sd__accessories { margin-left: -15px; margin-right: -15px; }
  .sd__package .box, .sd__accessories .box { padding-left: 15px; padding-right: 15px; }
  .sd__package .speed span { font-size: 2.8rem; }
  footer .hotline .row3 a { -webkit-box-pack: center; justify-content: center; } }

@media screen and (max-width: 768px) { header.fix_top .logo { left: 25px; }
  .btn-register a { font-size: 2rem; }
  .sd__package .detail, .sty__col3box .detail { font-size: 1.6rem; }
  .sd__package .link a, .sd__accessories .link a, .sty__col3box .link a { height: 50px; padding-top: 4px; }
  .sd__package .link a span { font-size: 3.6rem; }
  .sec__whyais:after { width: 50%; background-size: 100% auto; }
  .sec__whyais .container .col2 { min-height: 65vw; }
  .sec__whyais { background-size: 100% auto; }
  .sty__3slide .title h2 { font-size: 4.4rem; }
  .sty__3slide .title h3 { font-size: 3.2rem; }
  .sec__package, .sec__accessories, .sec__listpackage, .sec__listservice, .sec__maincontent-aisplaybox, .sec__listaccessories { padding-bottom: 80px; }
  .sty__col3box .link a span { font-size: 3.6rem; }
  .sty__col3box .text { padding-top: 20px; }
  .sty__col3box .speed span { font-size: 2.4rem; }
  .sty__col3box .speed { font-size: 1.6rem; }
  .sec__listpackage, .sec__listaccessories { padding-top: 80px; }
  .sec__listpackage, .sec__listservice { padding-bottom: 30px; }
  .sec__content-accessories-detail .detail-photo, .sec__content-package-detail .detail-photo, .sec__content-whyais .detail-photo, .sec__content-howtopay .detail-photo { padding-top: 30px; }
  .sec__remark-package { padding-bottom: 30px; }
  .sec__maincontent-aisplaybox .title img { max-width: 200px; }
  .sec__maincontent-aisplaybox h2 { font-size: 5rem; }
  .sec__maincontent-aisplaybox h3 { font-size: 2.6rem; }
  .sec__content-support .download a { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .sty__col3box .box { width: calc(50% - 15px); } }

@media screen and (max-width: 650px) { .sec__whyais .container .col2 { min-height: 80vw; }
  .sec__whyais .container .col2 h3 { font-size: 2.2rem; }
  .sec__whyais .container .col2 h4 { font-size: 2.6rem; margin-left: -19px; } }

@media screen and (max-width: 600px) { .sec__whyais .container .col1 { width: 30%; position: absolute; bottom: 0; left: 0; }
  .sec__whyais .container .col2 { width: 100%; }
  .sec__whyais .container .col1 img { margin-left: -20px; }
  .sec__whyais .container .link { margin-bottom: 60px; text-align: right; }
  ._btn-pink { padding: 6px 20px 4px; min-height: inherit; }
  .sec__whyais { margin-bottom: 60px; }
  .sec__content-accessories-detail h3, .sec__content-package-detail h3, .sec__content-whyais h3, .sec__content-howtopay h3 { font-size: 3.2rem; }
  .sec__content-accessories-detail h2, .sec__content-package-detail h2, .sec__content-whyais h2, .sec__content-howtopay h2 { font-size: 2.3rem; }
  .accessories-detail__page .sec__remark-package .wrap__nav ul li { margin-bottom: 10px; }
  .sec__remark-package .wrap__nav { margin-bottom: 10px; }
  .sec__remark-package .wrap__nav ul { -webkit-box-pack: justify; justify-content: space-between; }
  .sec__remark-package .wrap__nav ul li { margin: 0 0 10px; }
  .sec__remark-package .wrap__nav ul li a { width: 100%; }
  .sec__remark-package .wrap__nav ul li:nth-child(1) { -webkit-box-ordinal-group: 3; order: 2; width: calc(55% - 5px); }
  .sec__remark-package .wrap__nav ul li:nth-child(2) { -webkit-box-ordinal-group: 4; order: 3; width: calc(45% - 5px); }
  .sec__remark-package .wrap__nav ul li:nth-child(3) { -webkit-box-ordinal-group: 2; order: 1; width: 100%; text-align: center; margin-bottom: 10px; }
  .sec__remark-package .wrap__nav ul li:nth-child(3) a { -webkit-box-pack: center; justify-content: center; } }

@media screen and (max-width: 560px) { ._set-mobile { display: inline-block; }
  .sec__whyais .container .col2 { min-height: 85vw; }
  .sec__whyais .container .col1 img { margin-bottom: 1px; }
  .sec__listpackage, .sec__listservice { padding-bottom: 0px; }
  .sec__content-support .row .title h2 { display: block; text-align: left; font-size: 3.2rem; }
  .sec__content-support .row .title h3 { display: block; text-align: left; font-size: 2rem; }
  .sec__content-support .download a { font-size: 1.6rem; }
  .sec__content-support .row .box .qua { line-height: 1.4; }
  .sec__contactform .-name, .sec__contactform .-phone { width: calc(50% - 10px); } }

@media screen and (max-width: 480px) { html { font-size: 55%; }
  header .container { padding-left: 15px; padding-right: 15px; }
  header .logo { left: 10px; }
  .btn-register a { font-size: 2rem; }
  .slick-dots li button { width: 10px; height: 10px; margin: 0 5px; }
  .slick-dots { width: 100%; left: 0; }
  .sty__3slide .title h2 { font-size: 4rem; margin-right: 10px; }
  .sty__3slide .title h3 { font-size: 3rem; }
  .sd__package { margin-left: -10px; margin-right: -10px; }
  .sd__package .box { padding-left: 10px; padding-right: 10px; }
  .sec__whyais .container .col2 { padding-top: 90px; }
  .sec__package, .sec__accessories, .sec__maincontent-aisplaybox, .sec__listaccessories { padding-bottom: 60px; }
  .sec__bannerpromo { padding-bottom: 30px; }
  .sd__package .slick-dots { top: calc(100% + 20px); }
  .sd__accessories .box { padding-bottom: 10px; }
  .sec__listpackage, .sec__listaccessories { padding-top: 60px; }
  .sec__maincontent-aisplaybox h2 { font-size: 4.2rem; }
  .sec__content-howtopay ul { margin-left: 20px; }
  .sec__content-support .row .box .qua { padding-left: 35px; }
  .sec__content-support .download a { margin-right: 0; }
  .sec__content-support .row .box .ans { padding-left: 20px; padding-right: 20px; }
  .sec__content-support .row .box.active .ans { padding-left: 20px; padding-right: 20px; margin-top: 10px; } }

@media screen and (max-width: 479px) { .sty__col3box .box { width: 100%; }
  .sty__col3box .box.nonebox { display: none; } }

@media screen and (max-width: 430px) { .container { padding-left: 15px; padding-right: 15px; }
  .sec__maincontent--home { padding-bottom: 30px; }
  .sec__package .title, .sec__accessories .title, .sec__listpackage .title, .sec__listservice .title, .sec__maincontent-aisplaybox .title, .sec__listaccessories .title { margin-bottom: 20px; }
  .sec__whyais .container .col2 h4 { margin-left: 0; letter-spacing: 0; }
  .sd__accessories .photo img { width: 60%; margin: auto; }
  .sec__content-whyais h4, .sec__content-howtopay h4 { font-size: 2.6rem; }
  .sec__content-support .row .box .qua { font-size: 1.8rem; } }

@media screen and (max-width: 375px) { .sec__whyais .container .link { text-align: center; }
  ._btn-pink { max-width: none; }
  .sec__whyais .container .detail { padding-bottom: 10px; }
  .sd__accessories .photo img { width: 80%; margin: auto; }
  .sd__accessories .box { padding-bottom: 15px; }
  .sec__remark-package .wrap__nav ul { -webkit-box-pack: justify; justify-content: space-between; }
  .sec__content-package-detail h3 br { display: none; }
  .sec__content-accessories-detail, .sec__content-package-detail, .sec__content-whyais, .sec__content-howtopay { padding-top: 50px; }
  .sec__remark-package .wrap__nav { margin-bottom: 20px; }
  .sec__remark-package .wrap__nav ul li { margin: 0 0px; }
  .sec__remark-package .wrap__nav ul li:nth-child(1) { width: calc(55% - 5px); }
  .sec__remark-package .wrap__nav ul li:nth-child(2) { width: calc(45% - 5px); }
  .sec__remark-package .wrap__nav ul li a { padding-left: 15px; padding-right: 25px; width: 100%; text-align: center; font-size: 1.6rem; }
  .sec__remark-package .wrap__box .box { padding-left: 15px; padding-right: 15px; }
  .sec__remark-package .wrap__box .box.active { padding: 30px 15px 15px; } }

@media screen and (max-width: 320px) { header .social { display: none; }
  header.fix_top .logo { width: 70px; left: 10px; }
  .btn-register a { font-size: 1.8rem; letter-spacing: 0; width: 100%; }
  header .logo { width: 60px; }
  header.fix_top .logo { width: 60px; }
  .sd__accessories .photo img { width: 100%; margin: auto; }
  .sty__col3box .box { margin-bottom: 60px; }
  .sec__remark-package .wrap__nav ul li a:before { right: 10px; }
  .sec__remark-package .wrap__nav ul li a { letter-spacing: 0; } }

/*# sourceMappingURL=screen.css.map */