@media (max-width: 670px) {
    .content-sp {
        display: block !important
    }

    .content-pc {
        display: none !important
    }

    #site-header .list-menu-sp {
        background-color: rgba(80, 188, 230, 0.9);
        position: fixed;
        top: 0;
        width: 100%;
        height: 100vh;
        z-index: 1000000;
        padding: 9.5vw 0 0 5vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        display: none;
        overflow-y: scroll;
    }

    #site-header .list-menu-sp .out-btn-close {
        display: flex;
        justify-content: end;
        margin-right: 7vw;
        margin-bottom: 6vw;
    }

    #site-header .list-menu-sp .btn-close-menu {
        width: 5vw;
    }

    #site-header .list-menu-sp .btn-close-menu img {
        width: 100%;
    }

    #site-header .list-menu-sp .block-tab {
        width: 95vw;
    }

    #site-header .list-menu-sp .block-tab .title-tab {
        background-color: #eff8fa;
        padding: 4vw 5vw;
        padding-right: 0;
        margin-bottom: 10vw;
    }

    #site-header .list-menu-sp .block-tab .title-top p {
        font-size: 4vw;
        margin-bottom: 2vw;
        letter-spacing: .7vw;
    }

    #site-header .list-menu-sp .block-tab .title-tab {
        display: flex;
        align-items: center;
    }

    #site-header .list-menu-sp .block-tab .title-tab p {
        font-size: 4vw;
        color: #49bae7;
        letter-spacing: .6vw;
    }

    #site-header .list-menu-sp .block-tab .title-tab span {
        font-size: 2vw;
        color: #49bae7;
        margin-right: 2vw;
    }

    #site-header .list-menu-sp .block-tab .title-tab-1 {
        margin-bottom: 1vw;
    }

    #site-header .list-menu-sp .block-tab.block-tab-cus .title-tab span {
        font-size: 4vw;

    }


    #site-header .list-menu-sp .block-tab.block-tab-cus .title-tab a span {
        font-size: 4vw;
    }

    .hoyu-content-page #site-header .top-header {
        max-width: 93%;
        margin: 0;
        width: 100%;
        margin-left: auto;
        justify-content: space-between;
    }

    .hoyu-content-page #site-header .top-header .div-logo {
        width: 10vw;
        margin-top: 5vw;
    }

    .hoyu-content-page #site-header .top-header .div-right-header .btn-logo-gmail {
        width: 20vw;
        height: 16vw;
        row-gap: 1vw;
    }

    .hoyu-content-page #site-header .top-header .div-right-header .all-title {
        width: 80%;
        margin-top: 0;
        display: none;
    }

    .hoyu-content-page #site-header .top-header .div-logo img {
        width: 100%;
    }

    .hoyu-content-page #site-header .top-header .div-right-header .btn-logo-gmail .img-gmail img {
        width: 5vw;
    }

    .hoyu-content-page #site-header .top-header .div-right-header .btn-logo-gmail .title-gmail p {
        font-size: 2vw;
        letter-spacing: 0.5vw;
    }

    .hoyu-content-page #site-header .top-header .btn-menu-sp {
        width: 19vw;
        margin-top: 5vw;
    }

    .hoyu-content-page #site-header .top-header .btn-menu-sp:hover {
        opacity: .8;
    }

    .hoyu-content-page #site-header .top-header .btn-menu-sp img {
        width: 100%;
    }

    .container-content-header {
        height: 90vw;
    }

    .container-content-header .image-header {
        width: 100%;
        top: -24vw;
        right: 0vw;
    }

    .content-body .container-content-header .content-title {
        top: 39vw;
        left: 9vw;
    }

    .content-body .container-content-header .content-title .title h1 {
        font-size: 6.5vw;
        letter-spacing: 1vw;
        line-height: 11vw;
        margin-bottom: 2vw;
    }

    .content-body .container-content-header .content-title .line-bt {
        border-bottom: 0.3vw solid #373737;
        width: 11vw;
        margin-bottom: 3vw;
    }

    .content-body .container-content-header .content-title .lorem p {
        font-size: 3.2vw;
        letter-spacing: 0.95vw;
    }

    .content-body .container-content-header .content-title .btn-black {
        background-color: #373737;
        display: flex;
        align-items: center;
        width: 83vw;
        padding: 3vw 0;
        padding-left: 7.5vw;
        margin: 7vw 0 10vw 0;
    }

    .content-body .container-content-header .content-title .btn-black .icon-triangle img {
        width: 2vw;
        margin-right: 17vw;
    }


    .content-body .container-content-header .content-title .btn-black .lorem-btn p {
        font-size: 4vw;
        letter-spacing: .7vw;
    }

    .content-body .container-content-header .content-title .lorem-bottom .lorem-black {
        margin-bottom: 3.5vw;
    }

    .content-body .container-content-header .content-title .lorem-bottom .lorem-black h5 {
        font-size: 3.1vw;
        letter-spacing: .1vw;
    }

    .content-body .container-content-header .content-title .lorem-bottom .lorem-black p {
        font-size: 3vw;
        letter-spacing: .2vw;
    }

    .content-body .container-content-header .content-title .lorem-bottom .lorem-sky a {
        font-size: 3.1vw;
    }

    .content-body .container-content-header .content-title .lorem-bottom .lorem-sky span {
        font-size: 1.5vw;
        margin-right: 1vw;
    }

    .content-body .parallelogram .div-radius-double .box-radius {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: -2vw;
        margin-bottom: 4vw;
    }

    .content-body .parallelogram .div-radius-double .box-radius-first {
        margin-bottom: 15vw !important;
    }

    .content-body .parallelogram {
        height: 700vw;
        top: 45vw;
    }

    .content-body .shape-parallelogram {
        width: 100%;
        height: 696vw;
        clip-path: polygon(0 14vw, 100% 0%, 100% 100%, 0% 680vw);
    }

    .content-body .parallelogram .div-radius-double {
        column-gap: 0;
        padding-top: 0;
        padding-left: 0;
    }

    .content-body .parallelogram .div-radius-double .block-radius {
        border: 10vw solid #f2f2f2;
        border-radius: 100%;
        width: 81vw;
        height: 81vw;
        margin-bottom: 5vw;
    }

    .content-body .parallelogram .div-radius-double .block-radius .title-radius h3 {
        font-size: 5.5vw;
        letter-spacing: 2.5vw;
        line-height: 10vw;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius {
        width: 65vw;
    }

        .content-body .parallelogram .div-radius-double .body-block-radius .title-h4 {
        width: 80vw;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .title-h4 h4 {
        font-size: 5vw;
        color: #ffff;
        letter-spacing: .4vw;
        margin-bottom: 3vw;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .lorem-p p {
        font-size: 3vw;
        line-height: 6vw;
        letter-spacing: .1vw;
        color: #ffff;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .lorem-p {
        width: 62vw;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .btn-boder-white {
        width: 60vw;
        border: .1vw solid #ffff;
        padding: 3.7vw 0;
        padding-left: 14vw;
        margin-top: 5vw;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .btn-boder-white .icon-triangle {
        width: 1.5vw;
        margin-right: 5vw;
        ;
    }

    .content-body .parallelogram .div-radius-double .body-block-radius .btn-boder-white .lorem-btn p {
        font-size: 3vw;
        color: #ffff;
        letter-spacing: .3vw;
    }

    .content-body .box-people-six .box-left-people {
        width: 100%;
        margin-left: 5vw;
    }

    .content-body .box-people-six {
        margin-top: 5vw;
        column-gap: 0;
        flex-wrap: wrap;
        overflow: hidden;
    }

    .content-body .box-people-six .box-left-people .image-people {
        width: 105%;
        right: -2vw;
        top: 0;
        overflow: hidden;
    }

    .content-body .box-people-six .box-right-six {
        width: 91%;
        padding-bottom: 8vw;
        margin-top: 46vw;
        padding-top: 18vw;
    }

    .content-body .box-people-six .box-right-six .body-six-box .content-box {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .content-body .box-people-six .box-right-six .body-six-box .content-box .body-box-radius {
        width: 28vw;
        margin: 0;
    }

    .content-body .box-people-six .box-right-six .body-six-box .content-box .radius-box {
        border: 3.5vw solid #bfe1ef;
        border-radius: 100%;
        width: 41vw;
        height: 41vw;
        margin-bottom: 0;
        margin-left: 7vw;
        margin-right: 4.5vw;
    }

    .content-body .box-people-six .box-right-six .body-six-box {
        justify-content: start;
        column-gap: 0;
        row-gap: 3vw;
    }

    .content-body .box-people-six .box-right-six .body-six-box .content-box .body-box-radius .lorem-p p {
        font-size: 3.1vw;
        line-height: 5vw;
        letter-spacing: 0vw;
        font-weight: bold;
    }

    .content-body .box-people-six .box-right-six .body-six-box .content-box .radius-box .title-radius h4 {
        font-size: 4vw;
        color: #373737;
        line-height: 5.2vw;
    }

    .content-body .box-people-six .box-right-six .title-box {
        margin: 5vw 0;
        margin-top: 0;
        justify-content: start;
        margin-left: 10vw;
    }

    .content-body .box-people-six .box-right-six .title-box h2 {
        font-size: 5.2vw;
        letter-spacing: .7vw;
        line-height: 7vw;
    }

    .content-body .box-people-six .box-right-six .body-six-box .line-border-sp {
        border-bottom: .23vw solid #cfcfcf;
        width: 83%;
        margin: auto;
    }

    .content-body .corporate-profile {
        display: flex;
        justify-content: end;
        position: relative;
        top: 7vw;
        flex-wrap: wrap;
    }

    .content-body .corporate-profile .box-profile-left {
        width: 100%;
        overflow: hidden;
    }

    .content-body .corporate-profile .box-profile-right {
        width: 100%;
        padding-bottom: 18vw;
    }

    .content-body .corporate-profile .box-profile-left .image-people-profile {
        width: 68%;
        right: -20.5vw;
        top: 0;
        overflow: hidden;
    }

    .content-body .corporate-profile .box-profile-left .title-profile h1 {
        font-size: 7.3vw;
        letter-spacing: 1.2vw;
        line-height: 9vw;
        margin-top: 37vw;
        margin-left: 9vw;
    }

    .content-body .corporate-profile .box-profile-left .lorem-title h4 {
        font-size: 4vw;
        letter-spacing: 1vw;
        margin: 4vw 0;
        margin-bottom: 13vw;
        margin-left: 8.5vw;
    }

    .box-library {
        width: 100vw;
        margin-left: 9vw;
    }

    .box-library td:first-child {
        border-right: .3vw solid #dcdbdb;
        width: 25vw;
        padding-left: 0;
        letter-spacing: 1vw;
    }

    .box-library td {
        vertical-align: top;
        border: none;
        font-size: 3vw;
        text-align: start;
        padding: 4vw 0;
        padding-left: 5vw;
        letter-spacing: .7vw;
        color: #373737;
    }

    .content-body .content-contact {
        top: 0vw;
        padding-top: 0vw;
        display: flex;
        flex-wrap: wrap;
        height: 94vw;
    }

    .content-footer {
        width: 86%;
        height: auto;
        margin-top: 0;
        flex-wrap: wrap;
    }

    .content-body .corporate-profile .box-profile-left .logo-double-title {
        margin-top: 7vw;
        padding-left: 8vw;
        margin-bottom: 10vw;
    }

    .content-body .corporate-profile .box-profile-left .logo-double-title .box-logo {
        width: 20vw;
        margin-right: 5vw;
    }

    .content-body .corporate-profile .box-profile-left .logo-double-title .box-title h5 {
        font-size: 2.2vw;
        letter-spacing: .2vw;
    }

    .content-body .corporate-profile .box-profile-left .logo-double-title .box-title p {
        font-size: 2vw;
        letter-spacing: 0;
    }

    .content-body .corporate-profile .box-profile-right .lorem-map p {
        font-size: 2.7vw;
        margin: 2vw 0;
        letter-spacing: .2vw;
    }

    .content-body .corporate-profile .box-profile-right .lorem-map span {
        font-size: 1.5vw;
        margin-right: 1vw;
    }

    .content-body .corporate-profile .box-profile-right .content-bottom {
        margin-left: 7vw;
    }

    .content-body .corporate-profile .box-profile-right .lorem-map {
        margin: 7vw 0;
    }

    .content-body .corporate-profile .box-profile-right .btn-black-map .lorem-btn p {
        font-size: 2.6vw;
        letter-spacing: .1vw;
    }

    .content-body .corporate-profile .box-profile-right .btn-black-map .icon-triangle {
        width: 1.2vw;
        margin-right: 14vw;
    }

    .content-body .corporate-profile .box-profile-right .btn-black-map {
        width: 84vw;
        padding: 3vw 0;
        padding-left: 5vw;
    }

    .content-body .content-contact .shape-parallelogram-contact {
        top: -3vw;
        width: 100%;
        height: 97vw;
        clip-path: polygon(0% 0%,
                /* góc trên trái dịch vào 20% */
                100% 10vw,
                /* góc trên phải dịch vào 20% */
                100% 100%,
                /* góc dưới phải */
                0% 100%
                /* góc dưới trái */
            );
    }

    .content-body .content-contact .div-contact {
        width: 85%;
        flex-wrap: wrap;
        margin: 0;
        margin-left: 7vw;
        flex-direction: column;
    }

    .content-body .content-contact .div-contact .box-contact-1 {
        width: 100%;
        padding-top: 3vw;
    }

    .content-body .content-contact .div-contact .box-contact-1 .title h3 {
        font-size: 6vw;
        letter-spacing: .7vw;
    }

    .content-body .content-contact .div-contact .box-contact-1 .lorem p {
        font-size: 3vw;
        letter-spacing: .7vw;
    }

    .content-body .content-contact .div-contact .box-contact-2 {
        width: 100%;
        border-right: unset;
        padding-top: 5vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 {
        width: 100%;
        margin-left: 0;
        margin-top: 8vw;
        padding-top: 7vw;
        border-top: .2vw solid #dcdbdb;
    }

    .content-body .content-contact .div-contact .box-contact-2 .lorem p {
        font-size: 3.3vw;
        letter-spacing: .4vw;
        width: 100%;
        margin-bottom: 2vw;
    }

    .content-body .content-contact .div-contact .box-contact-2 .btn-black-contact {
        width: 84vw;
        padding: 3vw 0;
        padding-left: 8vw;
    }

    .content-body .content-contact .div-contact .box-contact-2 .btn-black-contact .lorem-btn p {
        font-size: 4.2vw;
        letter-spacing: .1vw;
    }

    .content-body .content-contact .div-contact .box-contact-2 .btn-black-contact .icon-triangle {
        width: 1.2vw;
        margin-right: 11vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .title p {
        font-size: 3.2vw;
        letter-spacing: .5vw;
        margin-bottom: 1vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .box-tel {
        height: 10vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .box-tel .logo {
        width: 7vw;
        margin-right: 3vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .box-tel .number h3 {
        font-size: 7vw;
        letter-spacing: .3vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .lorem p {
        font-size: 3vw;
        letter-spacing: .1vw;
        margin-bottom: 2.5vw;
    }

    .content-body .content-contact .div-contact .box-contact-3 .lorem-bottom p {
        font-size: 2.2vw;
        letter-spacing: .1vw;
        display: flex;
        justify-content: center;
    }


    .content-body .parallelogram .div-radius-double .div-sevice p {
        font-size: 2.5vw;
        letter-spacing: .7vw;
        /* text-orientation: upright; */
        margin-bottom: 2vw;
    }

    .content-body .parallelogram .div-radius-double .div-sevice {
        left: 3vw;
        top: 20vw;
    }

    .content-body .parallelogram .div-radius-double .div-sevice .line-sv {
        height: 17vw;
        border-right: .3vw dotted #ffff;
    }

    .content-footer .box-footer-1 {
        width: 100%;
        padding-top: 9vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .content-footer .box-footer-1 .box-logo {
        width: 41vw;
        margin-bottom: 8vw;
    }

    .content-footer .box-footer-1 .lorem-ft {
        width: 100%;
    }

    .content-footer .lorem-ft p {
        font-size: 2vw;
        letter-spacing: .1vw;
        color: #aeaeae;
        margin: 6vw auto;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .content-footer .lorem-ft-cus {
        width: 100%;
        display: flex;
        justify-content: center;
    }

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

    .content-footer .box-footer-right {
        background-color: #f5f5f5;
        padding: 7vw;
        flex-wrap: wrap;
        padding-right: 0;
    }


    .content-footer .box-footer .line-bd {
        display: none;
    }

    .content-footer .box-footer .title p {
        font-size: 3vw;
        margin-bottom: 0;
        text-underline-offset: .5vw;
    }


    .content-footer .box-footer .title a {
        margin-bottom: 6vw;
    }

    .content-footer .box-footer .title span {
        font-size: 1.5vw;
        margin-right: 2vw;
        margin-bottom: 0;
    }

    .content-footer .box-footer .lorem span {
        font-size: 3vw;
        color: #373737;
        margin-right: 2vw;
    }

    .content-footer .box-footer .lorem p {
        font-size: 3vw;
        color: #373737;
        text-decoration: underline;
        text-underline-offset: .5vw;
    }

    .content-footer .box-lorem .lorem {
        display: flex;
        margin: 2vw 0;
        margin-bottom: 6vw;
    }

    .content-footer .box-footer-5 .box-lorem .title:first-child a {
        margin-right: 10vw;
    }

    .box-footer.box-footer-5 .box-lorem {
        display: flex;
    }

    .content-footer .box-footer-3 .box-lorem .lorem a:first-child {
        margin-right: 7vw;
    }

    #button-backtop .image {
        width: 5vw;
        margin: 0 auto;
    }

    #button-backtop .text span {
        font-size: 2.5vw;
        letter-spacing: .1vw;
    }

    #button-backtop {
        height: 12vw;
        width: 19vw;
        opacity: 1;
        right: 0;
        bottom: 11vw;
    }

    .content-body .corporate-profile .box-profile-left .logo-double-title .box-title {
        width: 61vw;
    }

    .content-body .content-contact .div-contact .box-contact-2 .btn-black-contact .icon-triangle img {
        width: 140%;
    }
}