@media (max-width: 1024px) {
                        .sec_card .card_table,
                        .sec_success .card_table {
                            max-width: 24%;
                        }
                        .about-cover .txt-about h1 {
                            font-size: 68px;
                        }
                        .about-cover .txt-about h2 {
                            font-size: 64px;
                        }
                        .about-txt-head h2,
                        .sec_team .about-txt-head h2 {
                            font-size: 42px;
                        }
                        .bg-card .card_table {
                            width: 300px;
                            min-height: 300px;
                        }
                        .content-in-card h2 {
                            font-size: 26px;
                        }
                        .content-in-card p {
                            font-size: 12px;
                        }
                        .about-txt-head p {
                            font-size: 18px;
                        }
                        .sec_corevalue .txt-head-corevalue h2,
                        .sec_headteam .txt-head-corevalue h2,
                        .sec_headjobs .txt-head-corevalue h2 {
                            font-size: 65px;
                        }
                        .sec_corevalue .vision h2,
                        .sec_corevalue .mission h2 {
                            font-size: 16px;
                        }
                        .sec_corevalue .vision p,
                        .sec_corevalue .mission p {
                            font-size: 20px;
                        }
                        .sec_corevalue .vision,
                        .sec_corevalue .mission {
                            padding: 25px;
                            margin-top: 30px;
                        }
                        .sec_corevalue .vision img,
                        .sec_corevalue .mission img {
                            width: 100px;
                            top: -85px;
                            margin-top: 35px;
                        }
                        .txt-make-smile h2,
                        .txt-let-smile h2 {
                            font-size: 38px;
                            width: auto;
                        }
                        .txt-make-smile h3 {
                            font-size: 30px;
                        }
                        .txt-make-smile p {
                            font-size: 20px;
                        }
                        .let-smile .btn,
                        .make-smile .btn {
                            font-size: 14px;
                            padding: 7px 35px 5px 35px
                        }
                        .sec_social .txt-head h2 {
                            font-size: 30px;
                        }
                        .sec_social .social-link {
                            font-size: 14px;
                        }
                        .sec_social .social-link i {
                            width: 24px;
                            height: 24px;
                        }
                        .sec_social .social-link .fab:before {
                            font-size: 12px;
                        }
                        .sec_Highlights p {
                            font-size: 10px;
                        }
                        .sec_Highlights img {
                            width: 60%;
                        }
                        .sec_Highlights .txt-benefit h2 {
                            font-size: 38px;
                        }
                        .sec_headteam,
                        .sec_headjobs {
                            height: 30vh;
                        }
                        .hl-section h1 {
                            font-size: 45px;
                        }
                        .sec_executive .img-quotes {
                            width: 80%;
                        }
                        .sec_product .txt-head h4,
                        .sec_cultures .txt-head h4 {
                            font-size: 20px;
                        }
                        .sec_life_smile .txt-in-col h2 {
                            font-size: 24px;
                        }
                        .sec_findjobs .nav-link.active,
                        .sec_product .nav-link.active,
                        .sec_workhard .nav-link.active {
                            font-size: 22px;
                        }
                        .sec_findjobs .nav-link,
                        .sec_product .nav-link,
                        .sec_workhard .nav-link {
                            font-size: 22px;
                        }
                        .sec_findjobs .nav-link::before,
                        .sec_product .nav-link::before,
                        .sec_workhard .nav-link::before {
                            width: 18px;
                            height: 18px;
                        }
                        .sec_contact iframe {
                            height: 280px;
                        }
                        .sec_faqs .txt-head h2 {
                            font-size: 45px;
                        }
                        .sec_tutors img.img-tutors {
                            width: 170px;
                        }
                        .sec_define .txt-define p {
                            font-size: 20px;
                        }
                        .sec_define .txt-define h2 {
                            font-size: 20px;
                        }
                        .sec_define .txt-define h1 {
                            font-size: 45px;
                        }
                        .about-cover {
                            height: 50vh;
                        }
                        .sec_card .card_table .font-per {
                            font-size: 67%;
                        }
                        .sec_workhard .swiper-slide img {
                            height: 150px;
                        }
                        .about-cover .txt-define p {
                            font-size: 27px;
                        }
                        img.logo_teams {
                            width: 45px;
                            margin-right: 10px;
                        }
                        img.logo_team {
                            width: 35px;
                            margin-right: 10px;
                        }
                        /* .sec_teams .accordion .accordion-item .accordion-button {
                            background: #f0f6fe;
                        } */
                        .sec_teams .accordion-button.collapsed {
                            background: #f0f6fe;
                            font-size: 20px;
                        }
                        .sec_teams .accordion-body {
                            padding-left: 70px;
                            font-size: 20px;
                        }
                        .sec_teams .accordion-button:not(.collapsed) {
                            background: #fff;
                            font-size: 20px;
                        }
                        .make-smile .txt-make-smile {
                            padding: 20px 0 15px 0;
                        }
                        .sec_Values .values_card img {
                            width: 72px;
                            top: -15%;
                            right: 50px;
                        }
                        .sec_Values .values_card {
                            padding: 5px;
                            height: 230px;
                        }
                        .sec_Values .values_card p {
                            font-size: 16px;
                        }
                        .sec_Values .values_card h2 {
                            padding-top: 55px;
                        }
                    }
                    
                    @media (min-width: 1024px) {
                        .row-cols-lg-7>* {
                            flex: 0 0 auto;
                            width: calc(100% / 7);
                        }
                    }
                    
                    @media (max-width: 820px) {
                        .navbar-toggler {
                            border: 2px solid white;
                            border-radius: 5px;
                        }
                        .navbar-collapse {
                            background: rgba(255, 255, 255, 0.95);
                            margin-top: 15px;
                            border-radius: 10px;
                            padding: 20px;
                        }
                        .navbar-nav .nav-link {
                            color: #333 !important;
                            margin: 5px 0;
                        }
                        .navbar-nav.center-nav {
                            margin-left: 0px;
                        }
                        .btn-apply {
                            margin-top: 15px;
                            text-align: center;
                            display: block;
                        }
                        .footer-brand {
                            text-align: center;
                            margin-top: 30px;
                        }
                        .footer-logo {
                            justify-content: center;
                        }
                        .brand-slogan {
                            text-align: center;
                        }
                        .sec_card .card_table,
                        .sec_success .card_table {
                            max-width: 40%;
                        }
                        .sec_corevalue .vision p,
                        .sec_corevalue .mission p {
                            font-size: 18px;
                        }
                        .sec_corevalue .vision,
                        .sec_corevalue .mission {
                            padding: 20px;
                        }
                        .sec_corevalue .vision h5,
                        .sec_corevalue .mission h5 {
                            font-size: 12px;
                        }
                        .footer-bottom {
                            text-align: center;
                        }
                        .phone-numbers {
                            align-items: left;
                        }
                        .contact-title,
                        .footer-menu-title {
                            font-size: 12px;
                        }
                        .footer-title {
                            font-size: 14px;
                        }
                        .contact-text,
                        .footer-menu a,
                        .footer-menu a,
                        .phone-item,
                        .brand-slogan {
                            font-size: 10px;
                        }
                        .social-link {
                            width: 24px;
                            height: 24px;
                            font-size: 11px;
                        }
                        .social-links {
                            margin-bottom: 0px;
                        }
                        .copyright,
                        .footer-policies a {
                            font-size: 10px;
                        }
                        .copyright {
                            text-align: left;
                        }
                        .footer-menu li {
                            margin-bottom: 0;
                        }
                        .sec_cultures,
                        .pad_section {
                            padding: 30px 0;
                        }
                        .sec_tutors img.img-tutors {
                            width: 120px;
                        }
                        .txt-make-smile h2,
                        .txt-let-smile h2 {
                            font-size: 35px;
                        }
                        .hl-section h1 {
                            font-size: 36px;
                        }
                        .sec_executive .img-quotes {
                            width: 90%;
                            margin-top: -60px;
                        }
                        .sec_findjobs .tab-content {
                            width: 75%;
                        }
                        .sec_findjobs .nav-link.active,
                        .sec_product .nav-link.active,
                        .sec_workhard .nav-link.active {
                            font-size: 20px;
                            padding: 20px 0px 20px 25px;
                        }
                        .sec_findjobs .nav-link,
                        .sec_product .nav-link,
                        .sec_workhard .nav-link {
                            font-size: 20px;
                        }
                        .sec_findjobs .nav-link::before,
                        .sec_product .nav-link::before,
                        .sec_workhard .nav-link::before {
                            width: 16px;
                            height: 16px;
                        }
                        .sec_product .txt-head-in-tab h2 {
                            font-size: 25px;
                        }
                        .home-cover .txt-home h1 {
                            font-size: 80px;
                        }
                        .home-cover .txt-home p {
                            font-size: 35px;
                        }
                        .home-cover .txt-define p {
                            font-size: 20px;
                        }
                        .about-cover .txt-define p {
                            font-size: 23px;
                        }
                        .sec_product .txt-head h1,
                        .sec_cultures .txt-head h1 {
                            font-size: 45px;
                        }
                        .about-cover .txt-about h1 {
                            font-size: 56px;
                        }
                        .about-cover .txt-about h2 {
                            font-size: 52px;
                        }
                        .sec_social .social-link {
                            font-size: 11px;
                        }
                        .sec_social .social-link i {
                            width: 20px;
                            height: 20px;
                        }
                        .sec_social .social-link .fab:before {
                            font-size: 10px;
                        }
                        .about-txt-head h2,
                        .sec_team .about-txt-head h2 {
                            font-size: 36px;
                        }
                        .sec_corevalue .txt-head-corevalue h2,
                        .sec_headteam .txt-head-corevalue h2,
                        .sec_headjobs .txt-head-corevalue h2 {
                            font-size: 55px;
                        }
                        .content-in-card h2 {
                            font-size: 24px;
                        }
                        .sec_product .tab-content,
                        .sec_workhard .tab-content {
                            width: 72%;
                        }
                        .sec_workhard .txt-in-tab h2 {
                            font-size: 25px;
                        }
                        .sec_contact iframe {
                            height: 245px;
                        }
                        .about-txt-head h2 {
                            padding: 0 0 30px;
                        }
                        .sec_workhard .swiper-slide img {
                            height: 120px;
                        }
                        img.logo_teams {
                            width: 40px;
                            margin-right: 10px;
                        }
                        img.logo_team {
                            width: 30px;
                            margin-right: 10px;
                        }
                        /* .sec_teams .accordion .accordion-item .accordion-button {
                            background: #f0f6fe;
                        } */
                        .sec_teams .accordion-button.collapsed {
                            background: #f0f6fe;
                            font-size: 18px;
                        }
                        .sec_teams .accordion-body {
                            padding-left: 70px;
                            font-size: 18px;
                        }
                        .sec_teams .accordion-button:not(.collapsed) {
                            background: #fff;
                            font-size: 18px;
                        }
                        .make-smile .txt-make-smile {
                            padding: 20px 0 15px 0;
                        }
                        .sec_Values .values_card p {
                            font-size: 13px;
                        }
                        .sec_Values .values_card h2 {
                            padding-top: 48px;
                            font-size: 16px;
                        }
                        .sec_Values .values_card img {
                            width: 65px;
                            top: -15%;
                            right: 34px;
                        }
                        .sec_Values .values_card {
                            padding: 5px;
                            height: 190px;
                        }
                        .sec_life_smile .txt-in-col p {
                            font-size: 15px;
                        }
                        .sec_life_smile .txt-in-col h2 {
                            font-size: 22px;
                        }
                        .sec_social .social-link p {
                            padding-left: 5px;
                        }
                    }
                    
                    @media (max-width: 576px) {
                        .container,
                        .container-fluid,
                        .container-lg,
                        .container-md,
                        .container-sm,
                        .container-xl,
                        .container-xxl {
                            --bs-gutter-x: 0rem;
                        }
                        .sec_cultures,
                        .pad_section {
                            padding: 24px 16px;
                        }
                        .navbar-collapse {
                            margin-top: 0px;
                            padding: 0 20px 20px;
                        }
                        .main-footer {
                            padding: 40px 0 0;
                        }
                        .footer-top {
                            padding-bottom: 30px;
                            padding: 0 16px 30px;
                        }
                        .brand-text-footer h3 {
                            font-size: 24px;
                        }
                        .logo-text-footer {
                            font-size: 24px;
                        }
                        .sec_more .img-element {
                            margin-left: -16px;
                        }
                        .logo-circle {
                            display: block;
                            margin-left: 0px
                        }
                        .home-cover .txt-home h1 {
                            font-size: 55px;
                        }
                        .home-cover .txt-home p {
                            font-size: 22px;
                        }
                        .home-cover .txt-home {
                            text-align: left;
                        }
                        .home-cover .txt-define p {
                            text-align: left;
                            font-size: 14px;
                        }
                        img.logo_teams {
                            width: 35px;
                            margin-right: 10px;
                        }
                        .sec_teams .accordion-button.collapsed {
                            font-size: 15px;
                        }
                        .sec_teams .accordion-button:not(.collapsed) {
                            font-size: 15px;
                        }
                        .sec_teams .accordion-body {
                            font-size: 15px;
                        }
                        .home-cover,
                        .about-cover {
                            height: 720px;
                            padding: 0 16px;
                        }
                        .txt-make-smile h2 {
                            font-size: 26px;
                        }
                        .content-in-card h2 {
                            font-size: 16px;
                        }
                        .about-cover .txt-define p {
                            font-size: 18px;
                        }
                        .content-in-card p {
                            font-size: 10px;
                            margin-bottom: 10px
                        }
                        .sec_card .card_table .font-per {
                            font-size: 50%;
                        }
                        .sec_executive .img-quotes {
                            width: 100%;
                            margin-right: -5px;
                        }
                        .sec_executive .hl-section h1 {
                            align-items: left;
                            text-align: left;
                        }
                        .txt-let-smile h2 {
                            font-size: 24px;
                        }
                        .sec_findjobs .nav-link.active,
                        .sec_product .nav-link.active,
                        .sec_workhard .nav-link.active {
                            font-size: 18px;
                            padding: 15px 20px;
                        }
                        .sec_findjobs .nav-link,
                        .sec_product .nav-link,
                        .sec_workhard .nav-link {
                            font-size: 18px;
                            padding: 15px 0px;
                        }
                        .sec_findjobs .nav-link::before,
                        .sec_product .nav-link::before,
                        .sec_workhard .nav-link::before {
                            width: 15px;
                            height: 15px;
                        }
                        .sec_product .txt-head h1,
                        .sec_cultures .txt-head h1 {
                            font-size: 35px;
                        }
                        .sec_product .txt-head-in-tab h2 {
                            font-size: 17px;
                        }
                        .sec_product .tab-content p {
                            font-size: 12px;
                        }
                        .sec_findjobs .tab-content {
                            width: 60%;
                        }
                        .sec_product .tab-content,
                        .sec_workhard .tab-content {
                            width: 100%;
                            padding: 20px 10px;
                        }
                        .phone-numbers {
                            align-items: flex-start;
                        }
                        .social-links {
                            justify-content: center;
                        }
                        .footer-policies {
                            justify-content: center;
                            margin-top: 7px;
                        }
                        .copyright {
                            text-align: center;
                        }
                        .sec_card .card_table,
                        .sec_success .card_table {
                            max-width: 47%;
                        }
                        img.img-in-card {
                            margin-left: -12px
                        }
                        .about-cover .txt-about h1 {
                            font-size: 46px;
                        }
                        .about-cover .txt-about h2 {
                            font-size: 38px;
                        }
                        .about-cover img.logo-gold {
                            padding: 20px;
                        }
                        .about-txt-head h2,
                        .sec_team .about-txt-head h2 {
                            font-size: 27px;
                            font-family: "NotoSans-thai-bold", "NotoSans-bold";
                            font-weight: 400;
                        }
                        .txt-make-smile p {
                            font-size: 16px;
                        }
                        .sec_social .txt-head h2 {
                            font-size: 20px;
                        }
                        .bg-card .card_table {
                            max-width: 47%;
                            min-height: 200px;
                        }
                        .sec_about img.logo-in-card {
                            margin-left: 45px;
                        }
                        .sec_corevalue {
                            padding: 20px 0 30px 0;
                        }
                        .sec_corevalue .txt-head-corevalue h2,
                        .sec_headteam .txt-head-corevalue h2,
                        .sec_headjobs .txt-head-corevalue h2 {
                            font-size: 42px;
                        }
                        .sec_social {
                            display: flex;
                            /* -webkit-box-align: center; */
                            /* -webkit-align-items: center; */
                            /* -webkit-box-pack: center; */
                            /* -webkit-justify-content: center; */
                        }
                        .sec_social .social_incol {
                            display: -webkit-box;
                            /* display: -webkit-flex; */
                            /* -webkit-box-pack: center; */
                            /* -webkit-justify-content: center; */
                            /* justify-content: center; */
                            margin-left: 25%;
                        }
                        .sec_social .social-link {
                            font-size: 15px;
                        }
                        .sec_social .social-link i {
                            width: 25px;
                            height: 25px;
                            margin-right: 5px;
                        }
                        .sec_social .social-link .fab:before {
                            font-size: 12px;
                        }
                        .sec_headteam,
                        .sec_headjobs {
                            height: 20vh;
                            padding: 0 16px
                        }
                        .sec_findjobs .inner-team,
                        .sec_teams .inner-team {
                            height: 145px;
                        }
                        .sec_corevalue .txt-head-corevalue h2,
                        .sec_headteam .txt-head-corevalue h2,
                        .sec_headjobs .txt-head-corevalue h2 {
                            font-size: 32px;
                        }
                        .sec_Highlights .txt-benefit h2 {
                            font-size: 30px;
                        }
                        .sec_Highlights .txt-head {
                            padding-left: 16px;
                        }
                        .txt-make-smile h3 {
                            font-size: 24px;
                        }
                        .sec_product .txt-head h4,
                        .sec_cultures .txt-head h4 {
                            font-size: 14px;
                        }
                        .hl-section {
                            padding-bottom: 24px;
                        }
                        .sec_corevalue .vision,
                        .sec_corevalue .mission {
                            margin-top: 15px;
                        }
                        .hl-section h1 {
                            font-size: 30px;
                            text-align: left;
                        }
                        .sec_life_smile {
                            padding: 0 16px;
                        }
                        .sec_life_smile .txt-in-col h2 {
                            font-size: 18px;
                            padding-top: 8px;
                        }
                        .sec_life_smile .hl-section p {
                            font-size: 13px;
                        }
                        .sec_life_smile .txt-in-col p {
                            font-size: 14px;
                            padding-bottom: 24px;
                        }
                        .sec_workhard .txt-in-tab h2 {
                            font-size: 16px;
                        }
                        .sec_contact .hl-section h1 {
                            font-size: 38px;
                        }
                        .sec_contact .social-links {
                            justify-content: left;
                            margin: 8px 0;
                        }
                        .sec_contact .address p {
                            font-size: 15px;
                        }
                        .sec_faqs .txt-head h2 {
                            font-size: 38px;
                        }
                        .sec_faqs .accordion-body {
                            font-size: 15px;
                        }
                        .sec_faqs .accordion .accordion-item .accordion-button,
                        .sec_faqs .accordion .accordion-item .accordion-button.collapsed {
                            font-size: 16px;
                        }
                        .sec_allbenefits .flexible-life-container .icon-section img {
                            width: 68px;
                        }
                        .sec_allbenefits .flexible-life-container {
                            padding: 30px 15px 20px 15px;
                        }
                        .sec_allbenefits .icon-section {
                            padding-right: 20px;
                        }
                        .sec_allbenefits .flexible-life-container .content-section h2 {
                            font-size: 22px;
                        }
                        .sec_allbenefits .flexible-life-container .content-section ul {
                            font-size: 14px;
                        }
                        .sec_Highlights img {
                            width: 70%;
                        }
                        ol.breadcrumb {
                            font-size: 12px;
                            padding: 0 16px;
                        }
                        .sec_define .txt-define p {
                            font-size: 16px;
                        }
                        .sec_define .txt-define h2 {
                            font-size: 15px;
                        }
                        .sec_define .txt-define h1 {
                            font-size: 32px;
                        }
                        .sec_define .define_about {
                            width: 100%;
                        }
                        .sec_corevalue .vision p,
                        .sec_corevalue .mission p {
                            font-size: 20px;
                        }
                        .sec_corevalue .vision h5,
                        .sec_corevalue .mission h5 {
                            font-size: 12px;
                        }
                        .sec_corevalue .mission {
                            margin-top: 0px;
                        }
                        .sec_corevalue .vision img,
                        .sec_corevalue .mission img {
                            right: 0;
                            width: 110px;
                            top: -90px;
                        }
                        .footer-menu-title {
                            margin-bottom: 0;
                        }
                        .sec_corevalue .vision h2,
                        .sec_corevalue .mission h2 {
                            font-size: 14px;
                        }
                        .sec_findjobs .inner-team h2,
                        .sec_teams .inner-team h2 {
                            font-size: 16px;
                        }
                        .sec_error .error_page h2 {
                            font-size: 28px;
                        }
                        .sec_error .error_page h4 {
                            font-size: 13px;
                        }
                        .sec_error .error_page img.errorpage {
                            width: 90%;
                        }
                        .sec_product .txt-head-in-tab img {
                            border-radius: 12px;
                        }
                        .card-history-swiper .swiper-button-next,
                        .card-history-swiper .swiper-button-prev,
                        .success-swiper .swiper-button-next,
                        .success-swiper .swiper-button-prev {
                            width: 26px;
                            height: 26px;
                        }
                        .card-history-swiper .swiper-button-next:after,
                        .card-history-swiper .swiper-button-prev:after,
                        .success-swiper .swiper-button-next:after,
                        .success-swiper .swiper-button-prev:after {
                            font-size: 9px;
                        }
                        .contact-title,
                        .footer-menu-title {
                            font-size: 17px;
                        }
                        .contact-text,
                        .footer-menu a,
                        .footer-menu a,
                        .phone-item,
                        .brand-slogan {
                            font-size: 14px;
                        }
                        .footer-title {
                            font-size: 18px;
                        }
                        .social-link {
                            width: 30px;
                            height: 30px;
                            font-size: 15px;
                        }
                        .phone-item i {
                            width: 25px;
                            height: 25px;
                            font-size: 10px;
                        }
                        .col.order-3.order-lg-2 {
                            margin-top: 15px;
                        }
                        .col.order-4.order-lg-3 {
                            margin-top: 0px;
                        }
                        .about-txt-head h2 {
                            padding: 0 0 24px;
                        }
                        .sec_workhard .swiper-slide img {
                            height: 180px;
                        }
                        .footer-menu li {
                            margin-bottom: 24px;
                        }
                        .contact-info {
                            padding-bottom: 10px;
                        }
                        .sec_Values .values_card {
                            padding: 20px 5px 10px 35px;
                            height: auto;
                            margin-left: 25px;
                            text-align: left;
                            margin-top: 10px;
                        }
                        .sec_Values .values_card h2 {
                            padding-top: 0px;
                            font-size: 20px;
                        }
                        .sec_Values .values_card p {
                            font-size: 14px;
                            padding-top: 0px;
                        }
                        .sec_Values .values_card img {
                            width: 61px;
                            top: 17%;
                            left: -31px;
                        }
                    }
                    
                    @media (max-width: 410px) {
                        .sec_Values .values_card p {
                            font-size: 12px;
                        }
                    }