@media (max-width: 1399px) { 
    .page-banner .page-content {
        left: calc((100% - 960px) / 2 + 12px);
    }
    .page-body .page-content .page-menu-list li.title p {
        display: block;
    }

    .support-7-feedback-content {
        height: 210px;
    }

    .point .point-left {
        width: calc((100% - 112px) / 8 * 3 + 32px);
    }

    .point .point-right {
        width: calc((100% - 112px) / 8 * 5 + 80px);
    }

    .page-body .page-content .page-menu-list>div {
        border-color: var(--primary);
        border: 1px solid var(--primary);
        border-top: 8px solid var(--primary);
        border-bottom: 8px solid var(--primary);
    }

    .aitoku .page-body .page-content .page-menu-list.fixed>div {
        width: calc((1140px - 176px) / 12 * 4 - 5px);
        border-color: var(--primary);
        border: 1px solid var(--primary);
        border-top: 8px solid var(--primary);
        border-bottom: 8px solid var(--primary);
    }

    .page-body .page-content .page-menu-list ul {
        border: unset;
    }

    .aitoku .recommend-content .list-one {
        width: calc(100% - 124px);
    }

    .support-7-main {
        flex-wrap: wrap;
        gap: 24px;
    }

    .support-7-images {
        width: 100%;
        justify-content: center;
    }

    .support-7-content-list {
        flex: unset;
        width: 100%;
    }

    .support-7-video-block {
        gap: 24px;
        flex-wrap: wrap;
    }

    .support-7-video-desc {
        order: 2;
        width: 100%;
    }

    .support-7-video {
        order: 1;
        width: 100%;
    }

    .support-7-video iframe {
        width: 100%;
        height: 350px;
    }

    .support-8-table-caption img {
        display: none;
    }
    .support-8-table-caption {
        justify-content: start;
        color: #212529;
        padding: 16px;
        background: #F2FDF5;
        border-left: 4px solid var(--Primary, #6ABE52);
        font-size: 14px;
        line-height: 20px;
    }

    .support-9-fee-main {
        display: inline;
    }

    .support-9-fee-main-f {
        display: inline;
    }

    .support-9-fee-main-f .sfl:first-child {
        margin-bottom: 8px;
    }
}

@media (max-width: 1199px) { 
    .aitoku .page-body .page-content .page-menu-list.fixed>div {
        width: calc(960px * 4 / 12 - 64px);
        height: 500px;
        overflow-y: auto;
    }
}

@media (max-width: 991px) {
    .page-body .page-content .page-menu-list {
        width: 100%;
    }

    .page-banner .page-content {
        left: calc((100% - 720px) / 2 + 12px);
        width: calc(100% - ((100% - 720px + 24px)));
    }

    .aitoku .page-body .page-content .page-menu-list.fixed>div {
        width: 100%;
        height: auto;
    }

    .page-body .page-content .page-list {
        padding-left: unset;
    }

    .page-banner img,.exam.aitoku .page-banner img, .language-support.aitoku .page-banner img,  .exam.aitoku .page-banner, .language-support.aitoku .page-banner{
        height: 390px;
    }

    .support-7-feedbacks {
        padding-bottom: 48px;
    }
    .support-7-video iframe {
        height: 300px;
    }
}

@media (max-width: 767px) { 
    .support-7-feedbacks {
        width: calc(100% + 20px);
        margin-left: 0px;
        margin-right: -20px;
        padding-right: 20px;
    }

    .item-1 .timeline-content .top figure img, .timeline-content .top figure img, .item-3 .timeline-content .top figure img {
        width: 100%;
        height: 180px;
        object-fit: fill;
    }

    .item-2 .timeline-content .top figure img {
        height: 200px;
    }

    .support-18 .support-2-item:nth-child(1) {
        order: 1;
    }
    .support-18 .support-2-item:nth-child(2) {
        order: 3;
    }

    .support-18 .support-2-item:nth-child(3) {
        order:2;
    }
    .support-18 .support-2-item:nth-child(4) {
        order: 4;
    }

    .point .point-left {
        width: 100%;
    }
    .page-banner .page-content {
        right: 50%;
        left: unset;
        transform: translate(50%, 50%);
        width: 100%;
        padding: 0px 19px;
    }
    .ttnn .page-link {
        display: flex;
        flex-wrap: wrap;
        gap:4px
    }

    .page-link a:first-child,.page-link a:nth-of-type(n+1) {
        padding-right: 18px;
        padding-left: 0px;
        position: relative;
    }

    .page-link a:last-child {
        padding-right:0px
    }

    .page-link a:nth-of-type(n+1):before {
        right: 6px;
        left: unset;
        content: "";
        width: 1.17px;
        height: 18.64px;
        display: block;
        background-color: var(--neutral-color-4);
        transform: rotate(45deg);
        position: absolute;
        top:0px;
    }

    .aitoku .page-link a:last-child::before {
        display: none;
    }

    .hr_service .row>* {
        padding: 0px 20px;
    }

    .page-tlt {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 1px;
        margin-bottom: 24px;
    }

    .page-tln {
        font-size: 14px;
        line-height: 20px;
    }

    .page-tln + .page-tln {
        margin-top: 8px;
    }

    .exam .page-body .page-content, .language-support .page-body .page-content {
        margin-top: 16px;
        margin-bottom: 0px;
    }

    .page-body .page-content .page-menu-list li {
        padding-right: 8px;
    }

    .page-body .page-content .page-menu-list {
        margin-bottom: 16PX;
    }

    .aitoku .hr-service-banner .block-title {
        bottom: calc(50% - 6px);
        padding-bottom: 0px;
        width: 247px;
    }

    .aitoku.exam .page-content .block-title .title .title-two {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .aitoku.exam .page-content .block-title .title .title-two span span {
        display: none;
    }

    .block-title .title .title-two {
        font-size: 20px;
        line-height: 32px;
        letter-spacing: 0.5px;
    }

    .title-service {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 1px;
    }

    .exam .support-1 .support-flex {
        flex-wrap: wrap;
    }

    .support-flex .text {
        width: 100%;
        padding-right: 0px;
        order: 2;
        margin-top: 24px;
    }

    .support-flex figure {
        order: 1;
        flex: unset;
    }
    
    .support-2-item {
        padding: 16px 15px;
    }

   .support-2-title {
        font-size: 16px;
        line-height: 24px;
        color: #0C0E12;
    }

    .support-2-grid {
        gap: 24px;
    }

    .support-7-feedback-title {
        gap: 16px;
    }

    .aitoku.exam .support-2 {
        margin-bottom: 116px;
    }
    .aitoku.exam .support-3, .aitoku.exam .support-20 {
        margin: 0px -20px;
        width: calc(100% + 40px);
    }

    .aitoku.exam .support-3 .support-4 , .aitoku.exam .support-20 .support-21, .aitoku.exam .support-32 .support-13{
        margin-left: 20px;
        margin-right: 20px
    }

    .recommend-label {
        left: 25px;
    }

    .recommend-content {
        padding: 48px 20px;
        overflow: hidden;
    }

    .aitoku .recommend-content .list-one {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }

    .recommend-icon .icon {
        width: 72px;
        height: 72px;
    }

    .recommend-icon .bg {
        right: -94px;
    }

    .point .point-right>div {
        padding: 16px;
    }

    .point .point-right .image-top img {
        height: 190px;
        width: 100%;
        object-fit: contain;
    }

    .point .point-right .tab img {
        height: auto;
    }

    .point-1 .point-right figure,.point-3 .point-right figure {
        padding: 10px 17px;
        background: #FFFFFF;
        border-radius: 8px;
    }

    .point .point-right .content .title {
        display: none;
    }

    .point .point-right .content {
        margin-top: 16px;
    }

    .point .point-right .content .note {
        font-size: 14px;
        line-height: 20px;
    }

    .point .point-right .content .note p:nth-child(n+2) {
        margin-top: 10px;
    }

    .point-2 .point-right figure {
        padding: 10px 8px;
        background: #FFFFFF;
        border-radius: 8px;
    }

    .point+.point .point-left {
        margin-top: 8px;
    }

    .support-4-table {
        padding: 12px;
        flex-wrap: wrap;
    }

    .support-4-col.support-4-lang {
        width: 100%;
    }

    .support-4-lang-box {
        margin-top: 24px;
        width: 100%;
        padding-left: 16px;
        justify-content: start;
    }
    .support-4-title
    {
        margin-bottom: 16px;
    }

    .aitoku .support-4-list .list-one:before {
        background: #212529;
    }

    .support-6-item {
        min-height: unset;
    }

    .support-6-icon {
        margin-right: 16px;
    }

    .support-6-step {
        font-size: 14px;
        line-height: 20px;
    }

    .support-6-desc {
        font-size: 14px;
        line-height: 20px;
    }

    .exam .support-7 {
        margin-top: 96px;
    }

    .support-7-images.pc {
        display: none;
    }

    .support-7-desc {
        font-size: 14px;
        margin-bottom: 24px;
        line-height: 20px;
        border: 2px solid var(--Primary, #6ABE52);
    }

    .support-7-images img {
        width: 100%;
        height: auto;
    }

    .support-7-content-title {
        font-size: 16px;
        line-height: 24px;
    }

    .support-7-content-list .list .list-one
    {
        padding-left: 32px;
    }

    .page-list .support-7-content-list .list {
        padding-bottom: 8px;
    }

    .support-7-images.mb {
        display: block;
    }

    .support-7-video-desc {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
    }

    .support-7-video-block {
        margin-bottom: 80px;
    }

    .support-7-video-desc p:nth-child(n+2) {
        margin-top: 10px;
    }

    .exam .ttnn .page-link, .language-support .ttnn .page-link {
        padding: 10px 20px;
    }

    .support-7-feedbacks .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        display: flex;
        justify-content: center;
        bottom: 0px;
    }

    .support-7 .title-service, .support-8 .title-service {
        margin-bottom: 24px;
    }

    .support-8 .title-service {
        margin-top: 77px;
    }

    .support-8-desc p:nth-child(n+2) {
        margin-top: 10px;
    }
    .support-8-desc {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0px;
        margin-bottom: 24px;
    }

    .schedule-table-wrap-mb {
        position: relative;
        width: calc(100% + 20px);
        margin-bottom: 90px;
    }

    .schedule-table-wrap .table .th.th1 > div:nth-child(n+2) {
        display: none;
    }

    .schedule-table-wrap-mb .mb div {
        height: 150px;
        border-right: 1px solid var(--Gray, #DFDFDF);
        border-bottom: 1px solid var(--Gray, #DFDFDF);
        display: flex
    ;
        align-items: center;
        width: 130px;
        justify-content: center;
    }

    .schedule-table-wrap-mb .mb {
        display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        box-shadow: 4px 0px 20px 0px #00000040;
        background: #FFFFFF;
        z-index: 5;
    }

    .schedule-table-wrap-mb .mb div p {
        width: 80px;
        padding: 0px;
    }

    .exam .support-9, .exam .support-17, .exam .support-24, .language-support .support-7 {
        padding: 44px 20px;
        width: calc(100% + 40px);
        margin-left: -20px;
        margin-right: -20px;
        margin-bottom: 38px;
        background-image: url("../../image/Picture812.png"); 
    }
    .support-9-fee-inner {
        padding: 24px;
    }

    .support-9-fee-label span,.support-9-fee-price {
        font-size: 40px;
        line-height: 49px;
    }

    .support-9-fee-label, .support-9-fee-currency,.support-9-fee-tax  {
        font-size: 20px;
        line-height: 32px;
    }

    .support-9-fee-main {
        width: 274px;
        display: flex
    ;
        flex-wrap: wrap;
        gap: unset;
        margin-bottom: 16px;
    }

    .support-10 .support-flex {
        flex-wrap: wrap;
    }

    .exam .support-10 .support-flex figure img {
        height: 260px;
        width: 100%;
    }

    .exam  .aitoku .list-one {
        margin-top: 8px;
    }

    .exam .support-11.service-block, .exam .support-19.service-block {
        margin-bottom: 116px;
    }

    .support-32 {
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .support-32 .recommend-content {
        padding-bottom: 24px;
    }

    .support-13.service-block .title-service, .support-21.service-block .title-service
    {
        margin-top: 96px;
    }

    .group-lang {
        margin-top: 24px;
        gap: 16px;
    }

    .group-lang .support-4-lang-box {
        width: 100%;
        padding: 12px 16px;
        justify-content: start;
    }

    .exam .support-13 {
        margin-bottom: 96px;
    }

    .support-14 .title-service {
        margin-bottom: 24px;
    }

    .support-14 .support-8-desc p:nth-child(n+2) {
        margin-top: 10px;
    }

    .timeline-title {
        margin-bottom: 8px;
    }

    .timeline-content .top figure {
        margin-top: 8px;
        width: 100%;
    }

    .timeline-content .top figure.pc {
        display: none;
    }

    .item-1 .timeline-content .top figure img, .timeline-content .top figure img {
        background-color: #fff;
        border-radius: 8px;
    }

    .timeline-content .top>div>div {
        padding-right: 0px;
    }

    .timeline-content .top figure.mb {
        display: block;
    }

    .support-15 .title-service {
        margin-top: 96px;
        margin-bottom: 24px;
    }

    .support-7-desc p:nth-child(n+2) {
        margin-top: 10px;
    }

    .support-15 .support-7-images {
        padding: 30px;
        background: #FAFAFB;
    }

    .support-15 .support-7-main {
        gap: 40px;
    }

    .support-15 .support-7-note {
        letter-spacing: 0px;
    }

    .support-16 .swiper-slide:nth-child(n+2) {
        margin-top: 0px;
    }

    .fee-price.one .support-9-fee-price {
        font-size: 40px;
        line-height: 49px;
        padding: 0px 24px;
    }

    .fee-price.one .support-9-fee-price span,.sfl .support-9-fee-price {
        font-size: 20px;
        line-height: 32px;
    }

    .sfl .support-9-fee-price span {
        font-size: 40px;
        line-height: 49px;
    }

    .support-17 .support-9-fee-note {
        margin-top: 16px;
    }

    .support-18.service-block .support-flex {
        flex-wrap: wrap;
    }

    .support-18.service-block .support-flex figure {
        width: 100%;
    }

    .support-18.service-block .support-flex figure img {
        height: 260px;
    }

    .support-21 .service-flex {
        min-height: auto;
    }

    .support-4-lang .support-4-title {
        margin-bottom: 0px;
    }

    .support-22 .title-service {
        margin-bottom: 24px;
    }

    .support-22-content .image-title img {
        width: 100%;
    }

    .support-22-list-title {
        font-size: 14px;
        line-height: 20px;
    }

    .support-22-list-desc {
        font-size: 14px;
    }

    .support-22-list-desc2 {
        margin-top: 16px;
    }

    .support-23.service-block .support-6-note p:nth-child(1) {
        width: calc(100% + 18px);
    }

    .support-6-grid > div {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 16px;
    }

    .support-9-fee-lb:first-child
    {
        width: 190px;
    }

    .support-9-fee-lb:last-child {
        flex: 1;
    }

    .support-9-fee-lb:first-child .support-9-fee-lb-tb {
        padding: 18px 8px 18px 16px;
    }

    .support-9-fee-lb:last-child .support-9-fee-lb-tb {
        padding: 18px 0px 18px 8px;
    }

    .support-9-fee-inner.tb {
        padding: 16px;
    }

    .support-9-fee-lb > div
    {
        padding: 18px 16px;
    }

    .exam .support-24 ,.exam .support-17:before {
        padding: 24px;
    }
    .recommend-content {
        background-image: url('../../image/bg_recommend_mb.png');
        background-position: bottom;
    }

    .support-9-fee-main {
        width: 100% !important;
    }

    .support-title-icon {
        margin-bottom: 8px;
    }
    .point .tab:before {
        width:30px !important;
        left: 22px;
    }
    .support-7-video iframe {
        height: 250px;
    }

    .support-9-fee-lb .support-9-fee-price-t + .support-9-fee-price-t {
        padding: 22px 16px;
        height: 69px;
    }

    .support-9-fee-lb-t + .support-9-fee-lb-t {
        padding: 22px 16px;
        height: 69px;
    }

    .support-9-fee-lb .support-9-fee-price-t {
        padding-left: 16px;
        height: 61px;
    }

    .support-4-lang-note {
        font-size: 13px;
        margin-top: 8px;
    }

    .support-9-fee-lb-t {
        height: 61px;
    }
}

@media (max-width: 380px) {  

    .support-9-fee-lb:first-child {
        width: auto;
    }

    .point .point-right .image-top img {
        height: auto;
    }

}

@media (max-width: 370px) {  
    .support-9-fee-lb div {
        height: 93px;
        display: flex;
        align-items: center;
    } 

    .support-9-fee-lb .support-9-fee-price-t {
        height: 93px;
    }
}