/*/////////////// reset /////////////// */
* {margin:0; padding: 0; box-sizing: border-box;}
html {overflow-x: hidden;}
body {overflow-x:hidden; font-size: 14px; font-family: 'db_heavent_cond', sans-serif; line-height: 1.4;}
.pos {position: absolute;}
.rel {position: relative;}
.thumbnail > img, .thumbnail a > img {display: block;max-width: 100%; width:auto; height: auto;margin-left: auto;margin-right: auto;}
.t_inline {display: inline-block;}
.pad0 {padding: 0;}
.mar0 {margin: 0;}
ul,ol {margin: 0;}
h1,h2,h3,h4,h5,h6,p {margin:0; line-height: 1.4; font-weight: normal;}
a {text-decoration: none;}
main img {vertical-align: middle; max-width: 100%; width: auto;}
.txt-center {text-align: center;}
.wrapper {-webkit-font-smoothing: antialiased;}
.showpc {display: block;}
.showmb {display: none;}
@media(max-width: 767px){.showpc {display: none;} .showmb {display: block;}}
/* /////////////// reset /////////////// */

/* Menu ais */
.primary-link-lv1 { color:#fff; }

/* Button in banner and table */
/* .box_btn a { display: inline-block; width: 250px; height: 30px }
.box_btn a.btn_business_small { background-color: #0078D4; color: #fff; font-family: 'db_heavent_cond'; width: 290px; height: 40px; border-radius: 7px; font-size: 17px; line-height: 40px; box-shadow: 4px 4px 15px 0 rgb(208 208 208 / 90%); }
.box_btn a.btn_business_big { background-color: #12DC57; color: #fff; font-family: 'db_heavent_cond'; width: 290px; height: 40px; border-radius: 7px; font-size: 17px; line-height: 40px; margin-left: 10px; box-shadow: 4px 4px 15px 0 rgb(208 208 208 / 90%); } */


/* section 1 */
.hero_banner { background: url('../images/microsoft365/herobanner.jpg') center no-repeat; width: 100%; height: 500px; background-size: cover; display: flex; justify-content: center; align-items: center; }
.hero_banner .herobanner_in { text-align: center; width: 100%; }

.hero_banner .box_txt {padding: 15px;}
.hero_banner .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 33px; }
.hero_banner .box_txt h2 { font-family: 'db_heaventbold_cond'; font-size: 30px; padding: 25px 0; }

.hero_banner .box_txt img { width: auto; }
.hero_banner .btn_banner {padding:0 15px; width: 60%; margin:0 auto;}

/* section 2  */
.bar_menu .txt_barmenu ul li { font-family: 'db_heavent_cond'; font-size: 18px; position: relative; }

.bar_menu { width: 100%; background: #fff; z-index: 20;  position: absolute; transition: all 0.15s ease; padding-top: 25px;}
.bar_menu ul { transition: all 0.15s ease; max-width: 900px; width: 100%; margin:0 auto; display: flex; align-items: center; justify-content: space-around; height: 55px; line-height: 55px; list-style-type: none;  }
.bar_menu.active { position: fixed; top: 50px; box-shadow: 0 5px 5px rgba(0,0,0,0.1); padding: 0; }
.bar_menu.active ul { max-width: 950px; }
.bar_menu ul li {cursor: pointer;}
.bar_menu ul li::before { content: ''; position: absolute; width: 100%; height: 3px; background: #93DC1B; bottom: 10px; opacity: 0;}
.bar_menu ul li.active::before { opacity: 1; }


/* section 3  */
.ability_microsoft365 { padding: 150px 0 50px; }
.ability_microsoft365 .box_card { padding: 50px 0; position: relative; }
.ability_microsoft365 .box_txt { text-align: center; }
.ability_microsoft365 .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }
.ability_microsoft365 .card_item { width: 100%; height: 100%; max-width: 380px; margin:0 auto; background-color: #fff; box-shadow: 4px 4px 15px 0 rgb(208 208 208 / 100%); padding-bottom: 25px; border-radius: 10px; }
.ability_microsoft365 .card_item img { border-radius: 10px 10px 0 0; }
.ability_microsoft365 .txt_in_card { padding: 0 15px;}
.ability_microsoft365 .txt_in_card .txt { display: flex; align-items: center; padding-bottom: 15px;}
.ability_microsoft365 .content_card h1 { font-family: 'db_heaventmed_cond'; font-size: 21px; }
.ability_microsoft365 .txt_in_card img { padding-left: 5%; }
.ability_microsoft365 .txt_in_card p { font-family: 'db_heavent_cond'; font-size: 15px; color: #646464; padding-left: 7%; }
.ability_microsoft365 .swiper-slide { height: auto; padding: 20px 15px; }
.ability_microsoft365 .content_card .title_in_card { text-align: center; padding: 25px 0; }
.ability_microsoft365 .pagination365 {width: 100%; left:0; display: none;}
.ability_microsoft365 .pagination365 .swiper-pagination-bullet { width: 40px; height: 7px; border-radius: 15px; margin:0 5px;}
.ability_microsoft365 .pagination365 .swiper-pagination-bullet-active { background: #95D200 }
.ability_microsoft365 .box_card .btn_next365 { right: -40px; color: #000; display: none; }
.ability_microsoft365 .box_card .btn_prev365 { left: -40px; color: #000; display: none; }

/* section  4 */
.table_detailfunction { background: url('../images/microsoft365/bg_table_detailfunction.jpg') top center no-repeat; width: 100%; background-size: cover; display: flex; justify-content: center; align-items: center; padding: 50px 0; }
.table_detailfunction .table_detailfunction_in { text-align: center; }
.table_detailfunction .table_365 { padding: 50px 0; }
/* table in section */
.table-scroll { position:relative; max-width:1200px; margin:auto; overflow:hidden; text-align: center; }
.table-wrap { width:100%; overflow:auto; position: relative; }
.table-scroll table { width:100%; margin:auto; border-collapse: collapse; border-spacing:0; }
.table-scroll th, .table-scroll td { padding:5px 1px; border:1px solid #e7e7e7; /*white-space:nowrap;*/ font-size: 16px; vertical-align: middle; }
.table-scroll thead, .table-scroll tfoot { background:#f9f9f9; }
.clone { position:absolute; top:0; left:0; pointer-events:none; }
.clone th, .clone td { visibility:hidden }
.clone td, .clone th { border-color:transparent }
.clone tbody th { visibility:visible; color:green; }
.clone .fixed-side { border:1px solid #e7e7e7; visibility:visible; }
.clone thead, .clone tfoot{ background:transparent; }
.table-scroll tbody th { width: 180px; text-align: left; padding-left: 15px; }

.disable {filter: grayscale(1); opacity: 0.3;}

.fixed-side p { position: relative; }
/* .fixed-side p::before { content: ''; position: absolute; width: 10px; height: 10px; background: #A9CF3D; border-radius: 100px; } */
.table-scroll tbody tr:nth-child(odd){background-color: #fff;}
.table-scroll tbody tr:nth-child(even){background-color: #fdfdfd;}


.exp {display: none;}

.table_detailfunction .box_btn { margin: 30px auto 10px; }
.table_detailfunction .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }
.table_detailfunction .main-table1 .subscribe_package_small { width: 120px; height: 35px; background-color: #95D200; color: #fff; border-radius: 20px; display: inline-block; line-height: 35px; font-family: 'db_heavent_cond'; font-size: 17px; margin-top: 5px; text-decoration: none; font-weight:normal;}
.table_detailfunction .main-table2 .subscribe_package_big { width: 120px; height: 35px; background-color: #515152; color: #fff; border-radius: 20px; display: inline-block; line-height: 35px; font-family: 'db_heavent_cond'; font-size: 17px; margin-top: 5px; text-decoration: none; font-weight:normal;}
.table_detailfunction .main-table1 .subscribe_package_small:hover {background: #8dc502;}
.table_detailfunction .main-table2 .subscribe_package_big:hover {background: #303f44;}
.table_detailfunction .table_colorblue1 { background: linear-gradient(180deg, #939393 0%, #515152 100%); }
.table_detailfunction .table_colorblue2 { background: linear-gradient(180deg, #747474 0%, #272727 100%); }
.table_detailfunction .table_colorgreen1 { background: linear-gradient(180deg, #AAE846 0%, #74AD18 100%); }
.table_detailfunction .table_colorgreen2 { background: linear-gradient(180deg, #9CE02E 0%, #519E15 100%); }
.table_detailfunction th { font-family: 'db_heaventmed_cond'; color: #3A3A3A; font-size: 23px; padding: 15px 0; }
.table_detailfunction .txt_head_table p { font-family: 'db_heavent_cond'; color: #fff; font-size: 27px; line-height: 23px; margin-left: 0 }
.table_detailfunction .font_price { font-family: 'db_heaventmed_cond'; color: #fff; font-size: 19px; }
.table_detailfunction .txt_head_table p small { font-family: 'db_heavent_cond'; color: #fff; font-size: 17px; display: block; margin-top: 7px; }
.table_detailfunction p { font-family: 'db_heavent_cond'; color: #3A3A3A; font-size: 18px; padding: 0 0; line-height: 1.4; position: relative;}
.table_detailfunction p small { font-family: 'db_heavent_cond'; color: #777777; font-size: 14px; display: block;}
.table_detailfunction .display_icon p:before {content: ''; position: absolute; width: 15px; height: 15px; background: url(../images/microsoft365/icon_show.png) center no-repeat; left:-25px; top:7px;}
.table_detailfunction .display_icon p.active:before {background: url(../images/microsoft365/icon_hide.png) center no-repeat;}
.table_detailfunction td { font-family: 'db_heavent_cond'; color: #777777; font-size: 21px; }
.table_detailfunction .head1 { width: 25%; }

.table_detailfunction .display_icon { display: flex; align-items: flex-start; cursor: pointer; padding-left: 25px;}
.table_detailfunction .table_365 .icon_padding { margin-top: 6px; }

.table_detailfunction .padding_btnsubscribe_bottom { padding: 20px 0; }

.table_detailfunction .display_icon .icon_microsoft img { display: flex; align-items: flex-start; cursor: pointer;  width: 80%;  margin-top: -25px; margin-left: 20px;}
.table_detailfunction .display_icon .icon_small img {width: 9%; margin-top: -5px;}
.table_detailfunction .display_icon .icon_big img {width: 19%; margin-left: 2px;}
.table_detailfunction .display_icon .icon_microsoftpower img {width: 45%;}
.table_detailfunction .display_icon .icon_bipro img {width: 40%;}

/* hand in table in section 4 */
.table_detailfunction .hand_scroll{ display:none; position:absolute; bottom:0; left:0; width:100%; height:80%; background:url(../images/microsoft365/hand-scroll.png) center no-repeat; background-size:55px; z-index:0; background-position: 80% 35%; }

/* section 5 */
.why_ais { background: url('../images/microsoft365/bg_whyais.jpg') center no-repeat; width: 100%; background-size: cover; display: flex; justify-content: center; align-items: center; padding: 50px 0; }
.why_ais .box_txt { text-align: center; }
.why_ais .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }
.why_ais .box_txt h2 { font-family: 'db_heaventmed_cond'; font-size: 25px; }
.why_ais .card_content_whyais { display: flex; padding: 30px 0; margin: 0 -10px; }
.why_ais .card_content { position: relative; overflow: hidden; box-shadow: 4px 4px 15px 0 rgb(208 208 208 / 90%);}
.why_ais .txt_incard {  position: absolute; width: 100%; height: 100%; background-color: #FFFFFF; top: 70%; transition: all 0.15s ease; padding: 15px 15px; }
.why_ais .txt_incard h1 { font-family: 'db_heavent_cond'; font-size: 21px; position: relative; }
.why_ais .txt_incard h1::before { content: ''; position: absolute; width: 50px; height: 3px; background: #1B9334; bottom: -10px; opacity: 0; }
.why_ais .card_content:hover h1::before { opacity: 1; }
.why_ais .txt_incard p { font-family: 'db_heavent_cond'; font-size: 15px; padding: 20px 0; opacity: 0; color: #777777; height: 50%; overflow: auto; padding-top: 0; }
.why_ais .card_content:hover .txt_incard { top: 15%; }
.why_ais .card_content:hover p { opacity: 1;}
.why_ais .card_content::before { content: ''; background-image: url('../images/microsoft365/icon_plus.png'); width: 50px; height: 50px; position: absolute; bottom: 0; right: 0; z-index: 1; transition: all 0.15s ease;}
.why_ais .card_content:hover::before {opacity: 0;}
.why_ais .txt_incard::before { content: ''; background-image: url('../images/microsoft365/icon_minus.png'); width: 50px; height: 50px; position: absolute; top: 0; right: 0; z-index: 1; opacity: 0; transition: all 0.15s ease; }
.why_ais .card_content:hover .txt_incard::before{opacity: 1;}
.why_ais .scroll_cardtxt { height: 100%; padding-top: 20px; }


/* section 6 */
.video_testimonial { padding-top: 50px; }
.video_testimonial .box_txt { text-align: center; }
.video_testimonial .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }
.video_testimonial .content_video { display: flex; }
.video_testimonial .box_contentvideo { padding: 50px 0; }
.video_testimonial .txt_video h1 { font-family: 'db_heaventmed_cond'; font-size: 23px; position: relative; }
.video_testimonial .txt_video p { font-family: 'db_heavent_cond'; font-size: 15px; color: #6D6D6D; padding-top: 20px; }
.video_testimonial .txt_video h1::before { content: ''; position: absolute; width: 50px; height: 3px; background: #93DC1B; bottom: -10px; }
.video_testimonial .video_content { position: relative; }
.video_testimonial .thumbnail_iconplay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 0.15s ease; cursor: pointer; }
.video_testimonial .thumbnail_iconplay:hover { opacity: 1; }

/* section Manual Settings */
.manual_settings { padding: 50px 0; }
.manual_settings .box_txt { text-align: center; }
.manual_settings .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }
.manual_settings .manualsettings_content { text-align: center; padding-top: 20px; }

/* section 7 */
.faq_questions { background: url('../images/microsoft365/bg_faq_questions.jpg') center no-repeat; width: 100%; background-size: cover; display: flex; justify-content: center; align-items: center; padding: 50px 0; }

.faq_questions .accordion.icon_first {width: 100%; max-width: 900px; margin:0 auto;}
.faq_questions .accordion.icon_first .item {border-radius: 7px;overflow: hidden;margin-bottom: 5px;}
.faq_questions .accordion.icon_first .item .heading { background: #FFFFFF url('../images/microsoft365/arrow_show.png') no-repeat; cursor: pointer; color: #3A4C52; padding: 15px 15px 15px 50px; background-position: 1.5% 22px; position: relative; font-size: 20px; font-family: 'db_heaventmed_cond';}
.faq_questions .accordion.icon_first .item.open .heading { background: #FFFFFF url('../images/microsoft365/arrow_hide.png') no-repeat; background-position: 1.5% 22px;}
.faq_questions .accordion.icon_first .item .content { display: none; padding:0 15px 30px 55px; background: #FFFFFF; position: relative; font-size: 18px; font-family: 'db_heavent_cond';}
.faq_questions .item ul { list-style-type: disc; padding: 0 15px; }
.faq_questions .item ul li { color: #777777; font-family: 'db_heavent_cond'; font-size: 17px;  }

.faq_questions .box_txt { text-align: center; padding: 0 0 30px; }
.faq_questions .box_txt h1 { font-family: 'db_heaventbold_cond'; font-size: 35px; }


/* section 8 */
/*.forms_contact { padding: 50px 100px; }
.contact_us_in { display: grid; grid-template-columns: 40% 60%; }
.contact_us .content_contact { text-align: center; }
.contact_us .form-control { height: 42px; font-size: 17px; background-color: #F0F5F5; border: none; box-shadow: none; border-radius: 9px; }
.contact_us .btn-primary { width: 250px; height: 60px; border-radius: 5px; font-size: 17px; background: linear-gradient(to top, rgba(0,126,218,100%), rgba(15,154,255,100%)); box-shadow: 4px 4px 15px 0 rgb(208 208 208 / 90%); }
.contact_us .form-row>.col, .form-row>[class*=col-] { padding-right: 7px; padding-left: 7px; }
.contact_us .form-group { margin-bottom: 15px; }*/

.wrap_btn {width: 100%;}
.box_btn {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; text-align: center; align-items: center; justify-content: center; max-width: 800px; margin:0 auto;}
.btn_business_small {cursor: pointer; border:none; background: #515152; font-family: 'db_heavent_cond'; font-size: 23px; color:#fff !important; text-decoration: none !important; padding: 12px 15px; border-radius: 8px; display: inline-block; opacity: 0.9}
.btn_business_big {cursor: pointer; border:none; background: #95D200; font-family: 'db_heavent_cond'; font-size: 23px; color:#fff !important; text-decoration: none !important; padding: 12px 15px; border-radius: 8px; display: inline-block; opacity: 0.9}

.btn_business_small:hover {background: #303f44;}
.btn_business_big:hover {background: #8dc502;}

.btn_business_small.active {background: #303f44; padding: 20px 15px; opacity: 1; box-shadow: 0 0 5px rgba(0 0 0 / 30%); }
.btn_business_big.active {background: #8dc502; padding: 20px 15px; opacity: 1; box-shadow: 0 0 5px rgba(0 0 0 / 30%); }


.contact_us {background: #fff;}
.contact_us_in {display: grid; align-items: center; justify-content: center; grid-template-columns: 35% 65%;}
.contact_info {background: #95D200; /*min-height: 400px;*/ display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; height: 100%; padding: 30px 15px;}
.contact_info h2 {color:#fff; font-size: 45px; margin-top: 15px; font-family: 'db_heaventbold_cond';}
.contact_info p {color:#fff; font-size: 23px; font-family: 'db_heavent_cond'; margin-top: 8px;}
.contact_form {padding: 50px 8%; display: flex; align-items: center; justify-content: center; flex-direction: column;}

.wrap_package {display: grid; width: 100%; margin: 25px 0; }
.wrap_package.business_small {grid-template-columns: repeat(4,1fr); display: none;}
.wrap_package.business_big {grid-template-columns: repeat(5,1fr); display: none;}
.wrap_package.business_small.active {display: grid;}
.wrap_package.business_big.active {display: grid;}
.wrap_package .pack { width: 100%; border-right: 1px solid #fff; background: #eee; cursor: pointer; position: relative;}
.wrap_package .pack:nth-child(1){border-left: 1px solid #fff;}

.wrap_package .pack .name_pack {min-height: 70px; display: flex; align-items: center; justify-content: center; padding: 8px 15px; text-align: center; color:#505050; font-family: 'db_heaventmed_cond'; font-size: 19px}
.wrap_package .pack .price_pack {min-height: 70px;padding: 20px 15px; text-align: center; color:#fff; font-family: 'db_heaventbold_cond'; font-size: 33px; background: #BFBFBF; line-height: 1.2;}
.wrap_package .pack .price_pack small {font-size: 60%; font-family: 'db_heavent_cond'; display: block;}

.wrap_package .pack:hover .name_pack {background: #e8e8e8}
.wrap_package .pack:hover .price_pack {background: #aaa}


.wrap_package.business_small .pack.active {background: #fff; color:#fff; box-shadow: 0 0 15px rgba(0 0 0 / 30%); z-index: 1;}
.wrap_package.business_big .pack.active {background: #fff;  color:#fff; box-shadow: 0 0 15px rgba(0 0 0 / 30%); z-index: 1;}

.wrap_package.business_small .pack.active .name_pack {background: #fff; color:#000; font-family: 'db_heaventbold_cond';}
.wrap_package.business_small .pack.active .price_pack {background: linear-gradient(180deg, #AEBDC1 0%, #36494F 100%);}

.wrap_package.business_big .pack.active .name_pack {background: #fff; color:#000; font-family: 'db_heaventbold_cond';}
.wrap_package.business_big .pack.active .price_pack {background: linear-gradient(180deg, #AAE846 0%, #74AD18 100%);}

.wrap_form {width: 100%; /*background: #ccc;*/}

.wrap_form_in {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin: 0 -10px;}
.wrap_form_in .contact-input {display: block;flex: 0 0 50%; padding: 0 10px; margin-bottom: 20px;}
.wrap_form_in .contact-textarea {flex: 0 0 100%; padding: 0 10px;}

.wrap_form_in .contact-input input {font-family: 'db_heaventmed_cond'; width: 100%; border:1px solid #d7d7d7; background: #f6f6f6; border-radius: 8px; padding: 12px 15px; font-size: 19px; outline: none;}
.wrap_form_in .contact-input select {font-family: 'db_heavent_cond'; width: 100%; border:1px solid #d7d7d7;  border-radius: 8px; padding: 12px 15px; font-size: 19px; outline: none; background:#f6f6f6 url(../images/microsoft365/contact_arrow.svg) 95% center no-repeat;}
.wrap_form_in .contact-textarea textarea {font-family: 'db_heavent_cond'; width: 100%; border:1px solid #d7d7d7; background: #f6f6f6; border-radius: 8px; padding: 12px 15px; font-size: 19px; outline: none;}

.wrap_form_in .contact-input input::placeholder {color:#707070; font-family: 'db_heavent_cond';}

.wrap_form_in .contact-submit {margin-top: 30px;}
.wrap_form_in .contact-submit button{ cursor: pointer; transition: all 0.15s ease; border:none; background: #3A4C52; font-family: 'db_heaventmed_cond'; font-size: 25px; color:#fff; padding: 10px 100px; border-radius: 8px;}
.wrap_form_in .contact-submit button:hover {background: #000;}

input, select, textarea, button {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
select::-ms-expand {
  display: none;
}
textarea {
  resize: none;
}






/* Responsive */
@media(max-width: 1599px) {
  .wrap_package .pack .price_pack {font-size: 30px;}
  .ability_microsoft365 {padding: 120px 0 30px;}
}

@media(max-width: 1440px) {
  .wrap_package .pack .name_pack {font-size: 17px;}
  .wrap_package .pack .price_pack {font-size: 25px; padding: 12px 15px;}
  .wrap_form_in .contact-input input {font-size: 17px;}
  .wrap_form_in .contact-input select {font-size: 17px;}
  .wrap_form_in .contact-textarea textarea {font-size: 17px;}
  .wrap_form_in .contact-submit button {font-size: 23px;}
  .contact_info p {font-size: 21px;}
  .contact_info h2 {font-size: 40px;}
  .contact_form {padding: 50px 5%;}
}

/* Desktop small */
@media(max-width: 1280px) {
  .btn_business_small {font-size: 21px;}
  .btn_business_big {font-size: 21px;}
}

/* Tablet แนวนอน */
@media(max-width: 1199px) {
  .hero_banner .btn_banner {width: 75%;}
  .hero_banner .box_txt h2 {font-size: 27px;}


  .contact_us_in {grid-template-columns: auto;}
  .contact_info h2 {font-size: 35px;}
  .contact_info p {font-size: 19px;}

  .hero_banner {
    height: 350px;
  }
  .hero_banner .box_txt img {
    width: 400px;
  }

  .ability_microsoft365 .txt_in_card { padding: 0 15px; }
  .ability_microsoft365 .txt_in_card img { padding-left: 0%; }
  .ability_microsoft365 .box_card .btn_next365 { right: -20px; }
  .ability_microsoft365 .box_card .btn_prev365 { left: -20px; }

  .table_detailfunction p {
    font-size: 18px;
  }

  .table_detailfunction p small {
    font-size: 15px;
  }
  .table_detailfunction th {
    font-size: 19px;
  }

  .table_detailfunction .display_icon p:before {
    top: 4px;
}

.table_detailfunction .display_icon .icon_microsoftpower img {
  width: 75%;
}
.why_ais .txt_incard h1 {
  font-size: 18px;
}
.video_testimonial .txt_video h1 {
  font-size: 20px;
}

}

/* Tablet แนวตั้ง */
@media(max-width: 991px) {
  .box_btn { grid-template-columns: repeat(1,1fr); max-width: 450px;}
  .contact_us .box_btn {grid-template-columns: repeat(2,1fr); max-width: 100%; grid-gap: 10px;}
  .contact_form {padding: 50px 15px;}
  .bar_menu {z-index: 15;}
  .bar_menu .txt_barmenu ul li {font-size: 19px;}
  .ability_microsoft365 .pagination365 {display: block;}

  .hero_banner .box_txt img {
    width: 300px;
}
.ability_microsoft365 .box_txt h1 {
  font-size: 27px;
}
.table_detailfunction .box_txt h1 {
  font-size: 27px;
}
.table_detailfunction th {
  font-size: 15px;
}
.table_detailfunction .txt_head_table p {
  font-size: 23px;
}
.table_detailfunction .txt_head_table p small {
  font-size: 15px;
}
.table_detailfunction .main-table1 .subscribe_package_small {
  font-size: 14px;
}
.table_detailfunction .head1 {
  width: 30%;
}
.table_detailfunction p {
  font-size: 17px;
}

.table_detailfunction .main-table2 .subscribe_package_big {
  font-size: 14px; width: 105px;
}

.box_contentvideo .content_video .txt_video {
  max-width: 620px;
  margin: 0 auto;
}

.video_testimonial .txt_video h1 {
  padding-top: 25px;
}
.video_testimonial .txt_video h1 {
  font-size: 20px;
}

.faq_questions .item ul li {
  font-size: 16px;
}

.faq_questions .accordion.icon_first .item .heading {
  font-size: 18px;
}
.why_ais .txt_incard p {
  font-size: 15px;
}
.why_ais .card_content {
  width: 380px;
  margin: 0 auto;
  margin-bottom: 25px;
}
.why_ais .txt_incard h1 {
  font-size: 20px;
}

}

/* Tablet Small */
@media(max-width: 767px) {
  .hero_banner .herobanner_in {margin-top: -30px;}
  .hero_banner .box_txt img {padding: 0 12%;}
  .hero_banner .box_txt h2 {font-size: 25px;}
  .bar_menu {overflow: scroll; padding-top: 0; border-bottom: 1px solid #eee; border-top: 1px solid #eee;}
  .bar_menu ul {width: 750px;}
  .table-scroll th, .table-scroll td { font-size: 10px; }
  .table-scroll tbody th { width: 100px; }

    /*.contact_us .box_btn {grid-template-columns: repeat(1,1fr);}*/
  .wrap_package.business_small {grid-template-columns: repeat(3,1fr);}
  .wrap_package.business_big {grid-template-columns: repeat(3,1fr);}

  .ability_microsoft365 .box_card .btn_next365 { right: 10px; color: #000; }
  .ability_microsoft365 .box_card .btn_prev365 { left: 10px; color: #000; }

}

  /* Mobile */
  @media(max-width: 575px) {
    .hero_banner .box_txt h2 {font-size: 21px;}
    .btn_business_small {font-size: 17px;}
    .btn_business_big {font-size: 17px;}
    .hero_banner .btn_banner {width: 95%;}
    .table-scroll table {width:690px;}
    .hero_banner {height: 400px;}


    /*.contact_us .box_btn {grid-template-columns: repeat(1,1fr);}*/
    .wrap_package.business_small {grid-template-columns: repeat(2,1fr);}
    .wrap_package.business_big {grid-template-columns: repeat(2,1fr);}
    .btn_business_small {padding: 12px 10px;}
    .btn_business_big {padding: 12px 10px;}
    .btn_business_small.active {padding: 20px 10px;}
    .btn_business_big.active {padding: 20px 10px;}
    .wrap_form_in .contact-input {flex: 0 0 100%;}
    .contact_info img {width: 75px;}
    .wrap_form_in .contact-submit button {font-size: 21px;}


    .table-scroll th, .table-scroll td {
      font-size: 15px;
    }

    .table_detailfunction .display_icon {
      padding-left: 15px;
    }
    .table_detailfunction .txt_head_table p {
      font-size: 20px;
    }



    .faq_questions .item ul li {
      font-size: 14px;
    }
    .faq_questions .accordion.icon_first .item .heading {
      font-size: 16px;
    }
    .faq_questions .accordion.icon_first .item .heading {
      background-position: 4% 20px;
    }

    .table_detailfunction .hand_scroll{ display:block; }

    .contact_us .box_btn { grid-template-columns: 1fr; }
    .video_testimonial .thumbnail_iconplay { opacity: 1; }
    .remodal-wrapper .remodal { padding: 0px; }
    .remodal .remodal-close:before { top: -40px; left: 10px; }
    .remodal .remodal-close:before { font-size: 45px; }

    .why_ais .txt_incard { width: 100%; margin-top: -100px; position: static; }
    .why_ais .txt_incard p { opacity: 1; }
    .why_ais .card_content::before { display: none; }
    .why_ais .txt_incard::before { display: none; }
    .why_ais .txt_incard h1::before { opacity: 1; }

    .ability_microsoft365 .box_card .btn_next365 { right: -1%; display: block; }
    .ability_microsoft365 .box_card .btn_prev365 { left: 1%; display: block; }
    .btn_next365:after, .btn_prev365:after { font-size: 30px; }
    .ability_microsoft365 .card_item { max-width: 270px; }

  }

  /* Mobile small */
  @media(max-width: 375px) {
    .why_ais .card_content { width: auto; }

    #table-scroll1.table-scroll table { width: 727px; }
    #table-scroll2.table-scroll table { width: 785px; }

    .table_detailfunction .head1 { width: 27%; }
    .table_detailfunction p { font-size: 16px; }

  }

  @media(max-width: 374px) {

  }

  @media(max-width: 374px) {
    .table_detailfunction .head1 { width: 24%; }
  }

  @media(max-width: 320px) {
    .table_detailfunction .head1 { width: 20%; }
    .table_detailfunction p { font-size: 15px; }
  }