@media (max-width:1800px) {
    .box-recruit2 .img-recruit {
        left: 0;
    }

    .box-recruit2 .img-recruit {
        max-width: 510px;
    }

    .box-recruit1 .img-recruit {
        right: 250px;
    }
}

@media (max-width:1600px) {

    .img-banner-home {
        right: 0;
    }

    .img-banner-home img {
        max-width: 700px;
    }

    .box-recruit {
        margin: 0 !important;
        background-size: cover !important;
    }

    .box-recruit2 .img-recruit {
        left: 0;
        max-width: 500px;
    }

    .box-recruit1 .img-recruit {
        right: 250px;
    }

    .box-recruit1::after {
        right: 0;
    }
}

@media (max-width:1440px) {
    .img-banner-home {
        right: 0;
    }

    .img-banner-home img {
        max-width: 700px;
    }

    .box-recruit {
        margin: 0 !important;
        background-size: cover !important;
    }

    .box-recruit2 .img-recruit {
        left: 0;
        max-width: 500px;
    }

    .box-recruit1 .img-recruit {
        right: 250px;
    }

    .box-recruit1::after {
        right: 0;
    }

    .banner-page {
        background-size: contain;
    }

    .listrow-outsourcing::after {
        background-position: center bottom;
        height: 110px;
    }
}

@media (max-width:1280px) {
    .box-recruit1 .img-recruit {
        right: 115px;
    }

    .faq {
        margin-bottom: -100px;
    }

    .box-recruit2 .img-recruit {
        max-width: 410px;
    }

    .wrap-fixed {
        right: 7.6vw;
    }
}

@media (max-width:1200px) {

    .banner-home,
    .ht-relative {
        min-height: 550px;
    }

    .banner-home h2 {
        font-size: 36px;

    }

    .l-listrow p {
        font-size: 22px;
    }

    .img-banner-home img {
        max-width: 500px;
    }

    .banner-home h2 br {
        display: none;

    }

    .banner-home p {
        font-size: 26px;
        line-height: normal;
    }

    .banner-home span {
        font-size: 34px;
        max-width: 400px;
    }

    .banner-home0 span {
        max-width: 260px;
    }

    .service .container {
        padding: 0;
        width: auto;
        margin-right: 10px;
    }

    .ỉtem-service {
        border-radius: 0 15px 15px 0;
    }

    .service {
        margin-bottom: -100px;
    }

    .contact-home {
        padding-top: 125px;
    }

    .company {
        padding: 40px;
    }

    .company p {
        font-size: 28px;
    }

    .title-h2 {
        font-size: 42px;
    }

    .box-service h3 {
        font-size: 38px;
    }

    .tel-cont a {
        font-size: 65px;
    }

    .box-recruit h2 {
        font-size: 32px;

    }

    .box-recruit p {
        font-size: 18px;
    }

    .box-recruit1::after {
        top: 0;
        width: 264px;
        z-index: -1;
        height: 309px;
    }

    .box-recruit1 .img-recruit {
        right: 0;
    }

    .number-recruit svg {
        width: 80px;
    }

    .container-recruit {
        width: calc(100% - 100px);
    }

    .box-recruit2 .cont-recruit {
        margin-left: auto;
        max-width: 385px;
    }

    .l-footer {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .l-footer::after {
        display: none;
    }

    .r-footer {
        width: 100%;
        padding: 0;
    }

    .item-fixed p {
        font-size: 18px;
    }

    .item-fixed {
        width: 90PX;
        height: 90px;
    }

    .wrap-fixed {
        right: 30px;
        bottom: 10px;
    }

    .btn-contact a {
        padding: 12px 32px 12px 35px;
    }

    .r-footer {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .col-r-footer ul {
        display: none;
    }

    .col-r-footer:first-child {
        border-top: 0.25px solid #fff;

    }

    .col-r-footer {
        border-bottom: 0.25px solid #fff;

    }

    .col-r-footer h3 {
        margin: 0;
        padding: 10px 30px;
        position: relative;
        display: block;
    }

    .btn-tonggle {
        font-size: 16px;
        font-family: 'GothicMB101Pro';
        font-weight: 400;
        color: #FFFFFF;
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        width: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .col-r-footer ul li a {
        padding: 0 0 5px 10px;
    }

    .tit-aboutpage {
        font-size: 22px;
    }

    .cont-aboutpage p {
        font-size: 18px;
        line-height: normal;
    }

    .job-company::before {
        height: 85px;
    }

    .job-company {
        padding-bottom: 140px;
    }

    .page-recruitment .service-provision {
        padding-top: 30px;
    }

    .cont-aboutpage span {
        font-size: 18px;
    }
}

@media (max-width:991px) {

    .menu-header li .submenu {
        opacity: 1;
        visibility: visible;
        display: none;
    }

    .menu-header li .submenu {
        position: static;
        width: auto;
        box-shadow: none;
        transition: none;
    }

    .menu-header li .submenu li {
        padding: 5px 0 0;
    }

    .header-right {
        display: none;
        position: absolute;
        top: 100%;
        background: #fff;
        width: 200px;
        right: 5px;
        box-shadow: 0px 1px 10px 1px rgba(0, 0, 0, 0.5);
    }

    .wrap-job-company {
        gap: 20px 0;
        grid-template-columns: repeat(3, 1fr);
    }

    .l-listrow {
        width: 100%;
    }

    .subtitle-company {
        margin-bottom: 30px;
    }

    .itemlistrow-outsourcing {
        gap: 30px;
        margin-bottom: 25px;
    }

    .titleh2-outsourcing {
        font-size: 32px;
    }

    .service-provision ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 26px 15px;
    }

    .mb93 {
        margin-bottom: 23px;
    }

    .r-listrow img {
        display: block;
        margin: 0 auto;
    }

    .r-listrow {
        width: 100%;
    }

    .menu-header li {
        display: block;
        margin: 0;
        padding: 10px;
    }

    .menu-header li a {
        display: inline-block;

    }

    .click-mobile {
        position: absolute;
        right: 30px;
        display: block;
        top: 50%;

        z-index: 1;
        transform: translateY(-50%);
    }

    .wrap-btn-header {
        margin: 0;
        flex-direction: column;
        align-items: start;
        padding: 10px;
    }

    .lines {
        width: 34px;
        height: 1px;
        background: #0071BC;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -12.5px;
        margin-top: -1.5px;
        -webkit-transition: -webkit-transform 200ms;
        transition: -webkit-transform 200ms;
        transition: transform 200ms;
        transition: transform 200ms, -webkit-transform 200ms;
    }

    .line-1 {
        -webkit-transform: translate3d(0, -8px, 0);
        transform: translate3d(0, -8px, 0);
    }

    .line-2 {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);

    }

    .line-3 {
        -webkit-transform: translate3d(0, 8px, 0);
        transform: translate3d(0, 8px, 0);
    }

    .click-mobile.exit .line-1 {
        -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    .click-mobile.exit .line-2 {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
        transform: translate3d(0, 0, 0) scale(0.1, 1);
    }

    .click-mobile.exit .line-3 {
        -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
        transform: translate3d(0, 0, 0) rotate(-45deg);
    }

    .site-header .container {
        position: relative;
    }
}

@media (max-width:768px) {
    .banner-home h2 {
        font-size: 23px;
        margin-bottom: 90px;
    }

    .tit-aboutpage {
        font-size: 19px;
    }

    .l-listrow p {
        margin-bottom: 0;
    }

    .advantage-outsourcing:after {
        bottom: -25px;
        height: 102px;
    }

    .service-provision {
        padding-top: 55px;
        padding-bottom: 65px;
    }

    .item-faq p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .advantage-outsourcing {
        padding-top: 95px;
        padding-bottom: 65px;
    }

    .titleh2-outsourcing {
        margin-bottom: 30px;
        padding: 0 30px 3px;
    }

    .banner-page h1 {
        padding-top: 0 !important;
        font-size: 28px;
    }

    .l-listrow h2 {
        font-size: 28px;
    }

    .banner-page {
        min-height: 300px;
        display: flex;
        align-items: center;
    }

    .banner-home span {
        font-size: 24px;
    }

    .banner-home0 span {
        max-width: 170px;

    }

    .site-logo h1 a {
        font-size: 25px;
    }

    .site-logo h1 a span {
        font-size: 31px;
    }

    .img-banner-home img {
        max-width: 365px;
    }

    .ỉtem-service {
        background-size: contain;
    }

    .banner-home1 .img-banner-home img {
        max-width: 300px;
    }

    .banner-home1 span {
        max-width: 300px;
    }

    .banner-home,
    .ht-relative {
        min-height: 263px;
    }

    .banner-home .container {
        padding: 30px 26px 60px;
    }

    .service {
        padding-top: 12px;
    }

    .title-h2 {
        font-size: 26px;
        margin-bottom: 17px;
        padding-bottom: 5px;
    }

    .box-service h3 {
        font-size: 22px;
        margin-bottom: 40px;
    }

    .box-service p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    .box-service {
        display: block;
        min-height: auto;
        padding-bottom: 25px;
    }

    .ỉtem-service::before {
        background-size: cover;
    }

    .title-contact p {
        font-size: 22px;
    }

    .box-recruit1 {
        background-image: url('../images/5512.png');
    }

    .box-recruit2 {
        /* background-image: url('../images/2112.png'); */
        background-image: url('../images/ic1.png');
    }

    .box-recruit h2 {
        font-size: 24px;
    }

    .box-recruit {
        /* padding: 30px; */
    }

    .box-recruit .img-recruit {
        position: static;
    }

    .box-recruit .img-recruit img {
        display: block;
        margin: 0 auto;
    }

    .box-recruit .img-recruit {
        max-width: 250px;
        margin: 0 auto;
    }

    .box-recruit {
        background-size: contain !important;
    }

    .box-recruit1 .img-recruit {
        max-width: 100px;

    }

    .box-recruit2 .cont-recruit {
        margin-left: 0;
    }

    .container-recruit {
        gap: 70px;
    }

    .box-recruit1::after {
        bottom: 0;
        top: auto;
    }

    .contact {
        background-size: cover;
        background-position: top;
    }

    .contact-page {
        padding-top: 130px;
    }

    .page-business .l-listrow p {
        margin-bottom: 35px;
    }

    .page-business .l-listrow p:last-child {
        margin: 0;
    }

    .title-maximum h2 {
        font-size: 32px;
    }

    .r-maximum {
        width: 100%;
        padding: 106px 0 120px;

    }

    .l-maximum {
        width: 100%;
    }

    .cont-maximum {
        padding: 0 28px 35px;
    }

    .l-maximum p,
    .advantage-outsourcing p {
        font-size: 18px;
    }

    .list-advantage {
        gap: 35px;
    }

    .title-maximum p {
        margin-bottom: 15px;
    }

    .l-maximum h3 {
        font-size: 34px;
        padding-bottom: 0;
    }

    .cont-deliveryarea {
        display: block;
    }

    .page-business .advantage-outsourcing .titleh2-outsourcing {
        margin-bottom: 20px;
    }

    .bgdeliveryarea {
        margin-top: 0;
    }

    .title-box-advantage h3 {
        font-size: 24px;
        line-height: normal;
    }

    .text-deliveryarea p {
        font-size: 18px;
        line-height: normal;
    }

    .page-business .advantage-outsourcing {
        padding-top: 100px;
    }

    .bgdeliveryarea img {
        max-width: 260px;
        display: block;
        margin: 0 auto;
    }

    .deliveryarea .titleh2-outsourcing {
        margin-bottom: 20px;
    }

    .cont-aboutpage p {
        font-size: 15px;
    }

    .cont-aboutpage {
        padding: 23px 24px 16px 25px;
    }

    .subtitle-company {
        font-size: 18px;

    }

    .box-job-company span {
        font-size: 24px;
    }

    .icon-company {
        width: 100px;
        height: 100px;
    }

    .icon-company svg {
        max-width: 70px;
        max-height: 50px;
        width: auto;
        height: auto;
    }

    .job-company {
        padding-bottom: 85px;
        padding-top: 95px;
    }

    .page-recruitment .service-provision .btn-service a {
        font-size: 26px;
    }

    .page-recruitment .service-provision .btn-service a svg {
        width: auto;
        height: auto;
    }

    .cont-aboutpage .titleh2-outsourcing {
        margin-bottom: 35px;
    }

    .cont-aboutpage span {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .item-history span,
    .item-history p {
        font-size: 20px;
    }

    .item-history {
        gap: 20px;
    }

    .wrap-profile table th {
        font-size: 18px;
        width: 170px;
    }

    .wrap-profile table td {
        font-size: 18px;
        line-height: normal;
        padding: 6px 15px 6px 10px;
    }

    .company::after {
        bottom: -18px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 20px solid #E4E0DE;
    }
}


@media (max-width:767px) {
    .btn-tonggle {
        right: 0;
    }

    .item-history span {
        width: 40px;
    }

    .profile {
        padding-top: 10px;
        margin-bottom: 0;
        padding-bottom: 10px;
    }

    .page-introduction .wrap-aboutpage {
        margin-bottom: -120px;
    }

    .cont-aboutpage .titleh2-outsourcing {
        margin-bottom: 30px !important;
    }

    .img-aboutpage {
        margin-top: 20px;
    }

    .history {
        padding-top: 130px;
        padding-bottom: 60px;
    }

    .wrap-profile table th {
        font-size: 9px;
        line-height: normal;
        padding: 2px 10px 5px;
        width: 80px;
    }

    .wrap-profile table td {
        line-height: normal;
        padding: 2px 10px 5px;
        font-size: 11px;
    }

    .cont-aboutpage span {
        font-size: 11px;
        line-height: normal;
    }

    .item-history span,
    .item-history p {
        font-size: 11px;
        line-height: normal;
    }

    .l-listrow h3 {
        font-size: 20px;
        line-height: 33px;
        margin-bottom: 13px;
    }

    .site-header .container {
        padding: 18px 0 19px;
    }

    .site-main {
        padding-top: 79px;
    }

    .banner-home h2 {
        letter-spacing: -2px;
    }

    .banner-home span {
        font-size: 17px;
        margin-bottom: 10px;
    }

    .banner-home0 span {
        max-width: 123px;

    }

    .banner-home span {
        position: relative;
        z-index: 1;
    }

    .banner-home {
        overflow-x: hidden;
    }

    .banner-home0 .img-banner-home img {
        max-width: 300px;
    }

    .banner-home1 span {
        max-width: 210px;
    }

    .banner-home1 .img-banner-home img {
        max-width: 200px;
    }


    .banner-home2.banner-home h2 {
        margin-bottom: 10px;
    }

    .banner-home p {
        font-size: 13px;
        line-height: normal;
    }

    .banner-home2 .img-banner-home img {
        max-width: 340px;
    }

    .banner-home p {
        max-width: 170px;
    }

    .box-service {
        padding: 25px 10px 15px;
    }

    .box-service h3 {
        font-size: 17px;
        margin-bottom: 23px;
    }

    .ỉtem-service {
        background-size: contain;
    }

    .box-service p {
        font-size: 10px;
        line-height: normal;
    }

    .btn-service a {
        font-size: 11px;
        padding: 3px 7.5px 3px 8px;
        gap: 18px;
    }

    .ỉtem-service2 .box-service {
        width: 60%;
    }

    .btn-service svg {
        width: 15px;
        height: 15px;
    }

    .title-h2 {
        margin-bottom: 16px;
        font-size: 20px;
    }

    .service {
        margin-bottom: -85px;
    }

    .contact-home {
        padding-top: 80px;
        background-size: cover;
        background-position: top;
    }

    .title-contact h2 {
        margin-bottom: 14px;
    }

    .title-contact p {
        font-size: 11px;
        line-height: 18px;
        margin-bottom: 9px;
    }

    .wrapcont-contact {
        padding: 11px 38px 26px 21px;
        margin-bottom: 16px;
    }

    .wrapcont-contact p {
        font-size: 15px;
    }

    .tel-cont svg {
        width: 40px;
        height: 40px;
    }

    .tel-cont a {
        font-size: 45px;
        letter-spacing: 2px;

    }

    .btn-contact a {
        font-size: 15px;
        padding: 11px 15px 11px 17px;
        gap: 35px;
    }

    .btn-contact a svg {
        width: 24px;
        height: 24px;
    }

    .company {
        padding: 27px 0 20px;
    }

    .company .title-h2 {
        margin-bottom: 16px;
    }

    .company p {
        padding: 0;
        font-size: 14px;
        line-height: normal;
    }

    .number-recruit svg {
        width: 42px;
        height: 42px;
    }

    .number-recruit {
        top: -25px;
    }

    .box-recruit1 .number-recruit {
        left: -5px;
    }

    .box-recruit2 .number-recruit {
        right: 0;
        top: -25px;
    }



    .box-recruit h2 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .box-recruit p {
        font-size: 11px;
        line-height: normal;
    }



    .container-recruit {
        gap: 32px;
        padding-bottom: 30px;
    }

    .recruit-home {
        padding-top: 43px;
    }

    .box-recruit .img-recruit img {
        width: 90px;
    }

    .box-recruit {
        min-height: 249px;
    }

    .item-fixed p {
        font-size: 8px;
        line-height: normal;
    }

    .item-fixed {
        gap: 0;

    }

    .box-recruit1::after {
        width: 110px;
        height: 130px;
        right: 85px;
        bottom: 0;
        background-size: contain;
    }

    .container-recruit {
        width: 100%;
        max-width: 576px;
    }

    .item-fixed svg {
        width: 8px;
        height: 8px;
    }

    .item-fixed {
        width: 40px;
        height: 40px;
    }

    .site-footer {
        padding: 21px 0 25px;
    }

    .wrap-fixed {
        right: 20px;
    }

    .back-to-top {
        border: 1px solid #0071BC;
        margin-bottom: 3px;
    }

    .box-recruit {
        margin-left: 13px !important;
    }

    .box-recruit {
        margin-right: 13px !important;
    }

    .l-footer h2 {
        font-size: 27px;
        line-height: normal;
        margin-bottom: 18px;
    }

    .l-footer {
        margin-bottom: 23px;
    }

    .l-footer h2 span {
        font-size: 34px;
    }

    .l-footer p {
        line-height: normal;
        font-size: 13px;
    }

    .col-r-footer h3 a {
        display: block;
        font-size: 14px;
        margin-bottom: 0;
    }

    .col-r-footer h3 {
        padding: 5px 20px;
    }

    .col-r-footer ul li a {
        font-size: 12px;
    }

    .banner-page h1 {
        font-size: 15px;
        line-height: normal;
        padding-top: 45px !important;
        padding-left: 21px;

    }

    .banner-page {
        display: block;
        min-height: 171px;
    }

    .listrow-outsourcing {
        padding-top: 25px;
    }

    .l-listrow h2 {
        font-size: 17px;
        line-height: 32px;
        padding: 7px 24px;
        margin-bottom: 10px;
    }

    .l-listrow p {
        font-size: 11px;
        line-height: normal;
    }

    .itemlistrow-outsourcing {
        gap: 15px;
    }

    .titleh2-outsourcing {
        font-size: 17px;
        line-height: 20px;
        padding: 0 10px 3px;
        margin-bottom: 20px !important;
    }

    .listrow-outsourcing::after {
        height: 85px;
        bottom: -35px;
    }

    .service-provision .titleh2-outsourcing {
        margin-bottom: 20px;
    }

    .advantage-outsourcing {
        padding-top: 75px;
        padding-bottom: 35px;
    }

    .advantage-outsourcing p {
        font-size: 11px;
        line-height: normal;
    }

    .service-provision h3 {
        font-size: 17px;
        padding: 5px 0;
        line-height: 32px;
    }

    .service-provision ul li {
        padding: 11px 10px 13px;
    }

    .service-provision .container {
        padding: 0 10px;
    }

    .container {
        padding: 0 10px;
    }

    .service-provision ul li p {
        font-size: 17px;
        line-height: 24px;
        margin-bottom: 10PX;
    }

    .service-provision:after {
        height: 100px;
    }

    .item-faq span svg {
        height: 20px;
    }

    .item-faq {
        gap: 10px;
    }

    .box-faq {
        padding: 14px 10px;
    }

    .faq-b p {
        margin-bottom: 0 !important;
    }

    .item-faq p {
        font-size: 11px;
        line-height: normal;
    }

    .service-provision {
        padding-top: 55px;
        padding-bottom: 30px;
    }

    .service-provision ul li img {
        max-height: 100px;
        object-fit: cover;
    }

    .faq {
        margin-bottom: -45px;
    }

    .contact-page {
        padding-top: 80px;
    }

    .title-maximum h2 {
        font-size: 17px;
        line-height: normal;
    }

    .maximum::after {
        bottom: -15px;
        height: 100px;
    }

    .title-maximum p {
        font-size: 11px;
        text-align: center;
    }

    .page-business .listrow-outsourcing::after {
        bottom: -1px;
    }

    .listrow-outsourcing::after {
        height: 40px;

    }

    .page-business .advantage-outsourcing {
        padding-top: 50px;
    }

    .deliveryarea::after {
        bottom: -25px;
        height: 80px;
    }

    .deliveryarea {
        padding-top: 40px;
    }

    .maximum {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .r-maximum {
        font-size: 42px;
    }

    .advantage-outsourcing .container {
        padding: 0 25px;
    }

    .l-maximum h3 {
        font-size: 21px;
        margin-bottom: 25px;

    }

    .title-box-advantage {
        gap: 8px;
    }

    .title-box-advantage span {
        font-size: 16px;
        width: 22px;
        height: 22px;
    }

    .title-box-advantage h3 {
        font-size: 15px;
    }

    .l-maximum p,
    .advantage-outsourcing p,
    .text-deliveryarea p,
    .service-provision ul li>span {
        font-size: 11px;
        line-height: 18px;
    }

    .advantage-outsourcing .container {
        padding: 0 15px;
    }

    .l-maximum h3::before {
        bottom: -13px;
        width: 0;
        height: 0;
        z-index: 1;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        border-top: 14px solid white;
    }

    .l-maximum h3::after {
        bottom: -15px;
        width: 0;
        height: 0;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #F7931E;
    }

    .click-mobile {
        right: 45px;
    }

    .tit-aboutpage {
        font-size: 15px;
        max-width: 300px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .cont-aboutpage p {
        font-size: 11px;
    }

    .subtitle-company {
        font-size: 11px;
        line-height: 15px;
        max-width: 250px;
    }

    .subtitle-company br {
        display: block;
    }

    .box-job-company span {
        font-size: 15px;
        line-height: normal;
    }

    .icon-company {
        width: 73px;
        height: 73px;
    }

    .icon-company svg {
        max-width: 50px;
        max-height: 50px;
    }

    .page-recruitment .btn-service a {
        display: flex;
        gap: 0;
        justify-content: space-between;
    }

    .job-company {
        padding-bottom: 45px;
        padding-top: 50px;
    }

    .wrap-aboutpage {
        padding-top: 20px;
        padding-bottom: 5px;
        margin-bottom: -20px;
        position: relative;
        z-index: 1;
    }

    .job-company::before {
        height: 35px;
    }

    .page-recruitment .contact-page::after {
        background-size: auto;
    }

    .box-recruit2 .img-recruit img {
        width: 240px !important;
    }
}

@media (max-width:460px) {
    .box-recruit {
        padding: 19px 0 0 33px;
    }

    .box-recruit .img-recruit img {
        width: 70px;
    }

    .box-recruit2 .img-recruit img {
        width: 180px !important;
    }

    .tel-cont a {
        font-size: 38px;
        letter-spacing: 2px;
    }
    .site-footer{
        min-height: calc(100vh - 500px);
    }
}

@media (max-width:425px) {
    .faq {
        margin-bottom: -15px;
    }

    .tel-cont a {
        letter-spacing: 0;
    }

    .tel-cont a {
        font-size: 40px;
    }
}

@media (max-width:410px) {
    .tel-cont a {
        font-size: 34px;
    }

}

@media (max-width:390px) {
    .img-banner-home {
        right: -20px;
    }

    .box-recruit1::after {
        right: 65px;
    }

    .page-recruitment .contact-page {
        padding-top: 60px;
    }

    .contact-page {
        padding-top: 50px;
    }

    .box-service p {
        font-size: 9px;
        line-height: normal;
    }

    .ỉtem-service2 .box-service p {
        margin-bottom: 13px;
    }
}

@media (max-width:370px) {
    .tel-cont a {
        font-size: 26px;
    }
}