@media (max-width:1600px) {
    .container {
        max-width: 90%;
    }

    nav#nav ul.wrap-menu li.item-menu>a {
        font-size: 13px;
        padding: 22px 9px;
    }

    header#header .logo img {
        width: 130px;
    }

    section.core-land .container {
        padding-left: calc((100% - (90% - 20px))/2);
    }

    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 470px;
    }

    .core-land .carousel-indicators li {
        max-height: 157px;
    }

    section#project.project-main-index .owl-carousel .item-project .box-image {
        height: 350px;
        overflow: hidden;
    }

    .project-main .owl-carousel .item img {
        max-height: 350px;
        height: 350px;
    }

    .title-main h2 {
        font-size: 28px;
    }

    .banner-index .item img {
        width: 100%;
    }

    /* .view-count {
        justify-content: space-between;
    } */

    .view-count div:first-child {
        margin-right: 15px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 210px;
    }

    .sticky-nav-tab {
        padding: 0 15px;
        font-size: 14px;
    }

    .item-blog .image-blog {
        min-width: 135px;
        width: 135px;
        height: 85px;
    }

    .wrap-main-right .wrap-blog-right .item-blog .image-blog img {
        max-width: 135px;
    }

    .wrap-main-right .item-right .wrap-blog-right .content-blog-list h5 {
        font-size: 14px;
        -webkit-line-clamp: 4;
    }

    .wrap-content-project-detail-right .title-project {
        font-size: 20px;
    }
}

@media (max-width:1440px) {
    #about-company .content-blog-about p {
        font-size: 15px;
        margin-bottom: 15px;
    }
    #about-company .content-blog-about .title{
        font-size: 22px;
    }
}

@media (max-width:1366px) {
    .spa-slide img {
        width: 100%!important;
        height: auto!important;
        margin-bottom: 10px;
    }
    nav#nav ul.wrap-menu li.item-menu>a {
        font-size: 12px;
        padding: 22px 6px;
    }

    body {
        font-size: 14px
    }

    /* .view-count {
        justify-content: space-between;
    } */

    .item-blog .image-blog {
        min-width: 135px;
        width: 135px;
        max-width: 135px;
        height: 85px;
        margin-right: 15px;
    }

    section#project.project-main-index .owl-carousel .item-project .box-image {
        height: 300px;
    }

    .project-main .owl-carousel .item img {
        max-height: 300px;
        height: 300px;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 220px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 185px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 165px;
    }

    .sticky-nav-tab {
        padding: 0 12px;
        font-size: 12px;
    }

    .item-blog .image-blog {
        min-width: 100px;
        max-width: 125px;
        width: 100px;
        height: 72px;

    }

    .wrap-main-right .wrap-blog-right .item-blog .image-blog img {
        max-width: 125px;
    }

    .wrap-main-right .item-right .wrap-blog-right .content-blog-list h5 {
        font-size: 13px;
        white-space: break-spaces;
        text-align: left;
    }

    .wrap-core .wrap-item-core {
        padding-bottom: 15px;
    }

    .wrap-core .wrap-item-core .box-image {
        margin: 20px 0 30px;
    }

    .wrap-core .wrap-item-core h4 {
        margin-bottom: 15px;
    }

    .wrap-leader.customer-wrap .image-customer {
        height: 220px;
    }

    .wrap-prize.wrap-leader.customer-wrap .image-customer {
        height: 240px;
    }

    .wrap-prize.wrap-leader.customer-wrap .owl-carousel .owl-nav button {
        top: 112px;
    }

    .wrap-main-right .item-right .item-project .box-image {
        height: 180px;
    }

    .slide-list-detail-bottom.wrap-project .owl-carousel .owl-nav button {
        top: 100px;
    }

    .slide-list-detail-bottom.wrap-project #slide-ykien-kh-main.owl-carousel .owl-nav button {
        top: 50%;
    }

    .wrap-blog-index .wrap-list-blog-top-main .item-blog .image-blog {
        height: 135px;
        width: 215px;
        min-width: 215px;
        max-width: 215px;
    }

    .wrap-blog-index .wrap-list-blog-top-main .item-blog {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .sticky-nav-tab {font-size: 14px;}
    h4 {font-size: 16px;}
    h5 {font-size: 15px;}
    body {font-size: 15px !important;}
    nav#nav ul.wrap-menu li.item-menu>a {font-size: 13px !important;}
    .margin-t--20.margin-b--20.wrap-list-blog-top-main{
        margin-bottom: -15px;
        margin-top: -15px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 405px;
    }
    h4 {
        font-size: 14px;
    }
    .wrap-share .left li a{font-size: 12px;}
    .wrap-blog-right.pd-20{
        padding: 20px 15px;
    }
    .content-blog-list h5{
        line-height: 1.3;
    }
    .wrap-list-blog-top-main .item-blog {
        padding: 15px 0;
    }

    .view-count div span {
        font-size: 13px;
    }
    .wrap-contact-footer div p a {
        margin-left: 0;
    }
    iframe{
        width: 100%!important;
    }
    .wrap-share ul li iframe{
        width: max-content!important;
        max-width: 140px;
        height: 20px!important;
    }
    .wrap-share ul li:last-child{
        margin-right: 0;
    }
    .wrap-main-right .item-right .wrap-blog-right .content-blog-list h5 {
        -webkit-line-clamp: 3;
    }
    .box-content-recruit>div .box-image{min-width: auto;}
    .box-content-recruit>div .box-image img{width: 80%; min-width: 400px;}
}

@media (max-width:1280px) {
    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 400px;
    }

    .core-land .carousel-indicators li {
        max-height: 133px;
    }

    .wrap-core-land .content-title-core-land .title-core-land {
        font-size: 18px;
    }

    .title-main h2 {
        font-size: 26px;
    }

    h4 {
        font-size: 16px;
    }

    .footer-first h3 {
        font-size: 18px;
    }

    section#project.project-main-index .owl-carousel .item-project .box-image {
        height: 280px;
    }

    .project-main .owl-carousel .item img {
        max-height: 280px;
        height: 280px;
    }

    nav#nav ul.wrap-menu li.item-menu>a {
        font-size: 11px;
    }

    header#header .logo img {
        width: 120px;
    }

    .wrap-main-right .pd-20 {
        padding: 15px 10px;
    }

    .item-blog .image-blog {
        min-width: 110px;
        width: 110px;
        max-width: 110px;
        height: 70px;
        margin-right: 10px;
    }

    .wrap-main-right .wrap-blog-right .item-blog .image-blog img {
        max-width: 110px;
    }

    .sticky-nav-tabs {
        height: 50px;
    }

    .sticky-nav-tabs-container .container .wrap-nav-tab {
        height: 50px;
    }

    .wrap-core .wrap-item-core h4 {
        margin-bottom: 10px;
    }

    .wrap-core .wrap-item-core .box-image {
        margin: 15px 0 15px;
    }

    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 170px;
    }

    .banner-main img {
        min-height: auto;
        max-height: none;
        height: 400px;
    }

    .wrap-project .owl-carousel .owl-nav button {
        top: 100px;
    }
}

@media (max-width:1199px) {
    body {
        font-size: 14px;
    }

    section#top-bar .content-sidebar>p {
        font-size: 16px;
    }

    .wrap-title h2 {
        font-size: 26px;
    }

    .wrap-title p {
        font-size: 16px;
    }

    nav#nav ul.wrap-menu li.item-menu>a {
        font-size: 11px;
    }

    header#header .logo img {
        width: 110px;
    }

    section#project.project-main-index .owl-carousel .item-project .box-image {
        height: 240px;
    }

    .project-main .owl-carousel .item img {
        max-height: 240px;
        height: 240px;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 200px;
    }

    h4 {
        font-size: 15px;
    }

    .wrap-info-list * {
        font-size: 14px;
    }

    .wrap-main-right .title-main h3 {
        font-size: 16px;
    }

    .wrap-main-right .wrapfile-project h4 {
        font-size: 18px;
    }

    #blog-main .wrap-blog-right {
        margin-top: 20px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 175px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 510px;
    }
}

@media (max-width:1199px) {

    .item-project .box-image,
    .item-project .box-image img {
        height: 180px;
    }

    .title-main h2 {
        font-size: 24px;
    }

    .sticky-nav-tab {
        padding: 0 7px;
        font-size: 11px;
    }

    .container {
        max-width: 95%;
    }

    section.core-land .container {
        padding-left: calc((100% - calc(95% - 20px))/2);
    }

    .footer-first h3 {
        font-size: 16px;
    }

    .owl-carousel .owl-nav button.owl-prev {
        left: 0px;
        margin: 0;
    }

    .owl-carousel .owl-nav button.owl-next {
        right: 0px;
        margin: 0;
    }

    .wrap-contact-footer>a.btn {
        font-size: 14px;
    }

    .wrap-contact-footer div p a {
        font-size: 26px;
    }

    .box-price p {
        font-size: 16px;
    }

    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 320px;
    }

    .core-land .carousel-indicators li {
        max-height: 106px;
    }

    section#project.project-main-index .owl-carousel .item-project .content-project {
        bottom: 0;
    }

    .wrap-leader.customer-wrap .image-customer {
        height: 280px;
    }

    .wrap-prize.wrap-leader.customer-wrap .image-customer {
        height: 300px;
    }

    .wrap-prize.wrap-leader.customer-wrap .owl-carousel .owl-nav button {
        top: 150px;
    }

    .wrap-blog-main-left {
        padding: 0 30px 35px;
    }

    .banner-main img {
        height: 350px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 550px;
    }

    .wrap-secuid-main .box-resgin {
        margin: 0 auto;
    }

    .wrap-secuid-main .box-resgin h3 {
        font-size: 25px;
    }
    .view-count div:first-child {
        margin-right: 20px;
    }
    #project-details .product-images .thumb-nav li img {
        height: 85px;
    }

    .margin-t--20.margin-b--20.wrap-list-blog-top-main{
        margin-top: -15px;
        margin-bottom: -15px;
    }
    .wrap-blog-detail-main img {
        width: 100%!important;
        height: auto!important;
    }
}
@media (min-width: 1199px){
    footer#footer .box-logo-footer{
        flex: 0 0 19.6875%;
        max-width: 19.6875%;
    }
    footer#footer .box-info-footer{
        flex: 0 0 35.625%;
        max-width: 35.625%;
    }
    footer#footer .social-footer{
        flex: 0 0 22.5%;
        max-width: 22.5%;
    }
    footer#footer .box-recruit{
        flex: 0 0 22.1875%;
        max-width: 22.1875%;
    }
}
@media (max-width:1199px) {
    .container {
        max-width: 100%;
    }

    section.core-land .container {
        padding-left: 15px;
    }

    .wrap-core-land .content-title-core-land .title-core-land {
        font-size: 16px;
    }

    .margin-t-50 {
        margin-top: 30px;
    }

    .wrap-title h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .wrap-title p {
        font-size: 14px;
    }

    .banner-index .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }

    .banner-index .owl-carousel .owl-nav button.owl-next {
        right: 10px;
    }

    /* menu */
    nav#nav.menu-header {
        position: fixed;
        left: 0;
        top: 59px;
        width: 100%;
        height: 100vh;
        z-index: 30;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        transform: translateX(-100%);
        transition: all .4s;
        background-image: url(../images/bg-submenu.png);
        background-position: center;
        /* background-size: cover;
        background-repeat: no-repeat; */
    }

    header#header.active nav#nav.menu-header {
        transform: translateX(0);
    }

    nav#nav:not(.menu-footer) ul.wrap-menu {
        flex-direction: column;
        height: 100%;
        overflow: scroll;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        align-items: flex-start;
        padding-bottom: 70px;
    }

    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu {
        position: relative;
    }

    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu a {
        color: #FFFFFF;
        font-size: 16px;
        padding: 25px 15px;
        display: block;
        border-bottom: 1px solid rgb(239 237 237 / 12%);
    }

    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu .icon-toggleSubmenu {
        width: 60px;
        height: 47px;
        background-color: transparent;
        display: flex;
        position: absolute;
        top: 0;
        right: 0;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }
    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu .icon-toggleSubmenu img{
        transform: scale(1.45);
    }

    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu {
        width: 100%;
    }

    .menu-header .wrap-menu li .wrapper_naviga {
        position: relative;
        background: transparent;
        top: 0;
        opacity: 1;
        visibility: visible;
        transform: unset;
        display: none;
        transition: unset;
    }

    .wrapper_naviga li {
        border-radius: 0;
        background: transparent;
        border-left: 0;
    }

    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu .wrapper_naviga li a {
        padding-left: 30px;
        font-family: var(--font-normal);
    }

    nav#nav:not(.menu-footer) ul.wrap-menu select {
        width: 70px;
        height: 35px;
        margin-top: 23px;
        text-align: center;
    }

    header#header div.icon-bar {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 39px;
        height: 39px;
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: all .4s;
        background-color: var(--background-main);
        border-radius: 100%;
    }

    header#header div.icon-bar span {
        position: relative;
        width: 15px;
        height: 1.5px;
        background: #FFF;
        z-index: 1;
        display: block;
        transition: all .4s;
        z-index: 31;
    }

    header#header div.icon-bar span:before,
    header#header div.icon-bar span:after {
        content: '';
        position: absolute;
        width: 100%;
        background: #FFF;
        left: 0;
        height: 100%;
        transition: all .3s;
    }

    header#header div.icon-bar span:before {
        top: -6px;
    }

    header#header div.icon-bar span:after {
        top: 6px;
        width: 100%;
    }

    /* header#header.active{position: fixed;} */
    header#header.active div.icon-bar span {
        background: transparent;
    }

    header#header.active div.icon-bar span::before,
    header#header.active div.icon-bar span::after {
        /* opacity: 0;
        visibility: hidden; */
        top: 0;
    }

    /* header#header.active nav#nav.menu-header{transform: translateX(0);} */
    header#header.active div.icon-bar:hover span::before,
    header#header.active div.icon-bar:hover span::after {
        opacity: 1;
        visibility: visible;
    }

    header#header.active div.icon-bar span::before {
        transform: rotate(45deg);
    }

    header#header.active div.icon-bar span::after {
        transform: rotate(-45deg);
    }

    .wrap-right {
        padding: 10px 0;
        margin-right: 47px;
    }

    .wrap-right .search-wrap,
    .wrap-right .wrap-translate {
        margin-left: 8px;
    }

    header#header .logo {
        position: fixed;
        top: 0;
        left: 10px;
        z-index: 32;
    }
    body.body-project-detail header#header .logo{
        position: relative;
    }
    header#header>.container {
        justify-content: flex-end;
    }
    body.body-project-detail header#header >.container {
        justify-content: space-between;
    }
    header#header.header-project-detail-not-scroll>.container {
        justify-content: space-between;
    }

    header#header.header-project-detail-not-scroll .logo {
        position: relative;
    }

    .title-main h2 {
        font-size: 22px;
    }

    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 180px;
    }

    .wrap-main-right .item-right .item-project .box-image {
        height: 150px;
    }

    .box-title-main .title-content h3 {
        font-size: 26px;
    }

    .banner-main img {
        height: 320px;
    }
    #blog-main.wrap-blog-index.pt-50{
        padding-top: 1px!important;
    }
    /* .wrap-nav-control .toggle-tab-mobile{
        background: var(--color-blue-main);
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .tab-title-detail{
        box-shadow: none;
        background: transparent;
    } */
    .wrap-nav-control .toggle-tab-mobile i{
        font-size: 20px;
        color: #FFF;
    }
    /* .tab-title-detail ul.nav{
        display: none;
    } */
    .tab-title-detail ul.nav {
        overflow-x: scroll;
    }
    .tab-title-detail .nav-link{
        min-width: max-content;
        white-space: pre;
        display: flex;
    }
    .tab-title-detail{
        transition: all .3s
    }
    .tab-title-detail.active {
        background: #FFF;
        transition: all .3s;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    }
    .tab-title-detail.active ul.nav{
        display: flex;
        flex-direction: column!important;
        align-items: flex-start;
        height: auto;
    }
    .tab-title-detail.active ul.nav li{
        width: 100%;
    }
    .tab-title-detail.active ul.nav li a{
        padding:10px;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .title-main .name-title.margin-b-25{
        margin-bottom: 15px;
    }
    .item-why-core>p,
    .wrap-core .wrap-item-core>p{
        text-align: center;
    }
    footer#footer .box-logo-footer,
    footer#footer .box-info-footer,
    footer#footer .social-footer,
    footer#footer .box-recruit{
        flex: 0 0 50%;
        max-width: 50%;
    }
    #about-company .row>.col-lg-5,
    #about-company .row>.col-lg-7{
        flex: 0 0 100%;
        max-width: 100%;
    }
    #about-company .content-blog-about{
        margin-top: 20px;
    }
    .box-content-recruit>div{
        flex-direction: column;
    }
    .box-content-recruit>div img{
        margin-bottom: 20px;
    }
    .box-content-recruit>div:not(.mb-0) .content{
        order: 2
    }
    .box-content-recruit>div .box-image{
        width: 100%;
        margin: 0;
        text-align: center;
    }
    .box-content-recruit>div .box-image img{
        width: auto;
        min-width: auto;
        max-width: 100%;
    }
}

@media (max-width:1199px) {
    .footer-first h3 {
        font-size: 20px;
    }

    .sticky-nav-tabs-container .container .wrap-nav-tab {
        overflow-x: scroll;
    }

    .sticky-nav-tabs-container .container .wrap-nav-tab .sticky-nav-tab {
        min-width: max-content;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 250px;
    }

    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img {
        height: 190px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 260px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image img,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image img {
        height: 100%;
    }

    .content-blog {
        margin-top: 20px;
    }

    .wrap-main-core-index .wrap-core {
        justify-content: center;
    }

    .wrap-main-core-index .wrap-core [class*="col"] {
        flex: 0 0 300px;
        max-width: 300px;
        margin-bottom: 20px;
    }

    .wrap-core .wrap-item-core .box-image {
        margin: 20px 0 30px;
    }

    .wrap-core .wrap-item-core {
        padding-bottom: 25px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .wrap-main-right .item-right .item-project .box-image {
        height: 190px;
    }

    .wrap-main-right {
        margin-top: 30px;
    }

    .wrap-main-right .item-right .wrap-blog-right .content-blog-list h5 {
        font-size: 16px;
        white-space: inherit;
    }

    .item-blog .image-blog {
        min-width: 135px;
        width: 135px;
        max-width: 135px;
        height: 90px;
    }

    .wrap-main-right .wrap-blog-right .item-blog .image-blog img {
        max-width: 100%;
    }

    .wrap-image .item-image img {
        max-height: 335px;
        margin-bottom: 10px;

    }

    .wrap-blog-main-left {
        padding: 0 20px 20px;
    }

    .wrap-item-blog-main {
        margin-bottom: 15px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 260px;
    }
    .wrap-blog-list-main.wrap-library-index .item-project .box-image {
        height: 210px;
    }

    .wrap-iframe-facebook {
        padding-bottom: 235px;
    }

    .wrap-content-project-detail-right {
        padding-left: 0;
        margin-top: 10px;
    }

    .wrap-blog-list-main .item-project .box-image .icon-images img,
    .wrap-library-index .item-project .box-image .icon-images img,
    .wrap-library-index .item-project .box-image img,
    .wrap-blog-list-main .item-project .box-image img {
        height: 100%;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 490px;
    }

    .footer-first.wrap-contact-main [class*="col-"] {
        margin-bottom: 25px;
    }
    .box-title-main .title-content h3 {
        font-size: 20px;
    }
    .box-title-main .title-content p{
        font-size: 15px;
    }
    .wrap-core [class*="col"] {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    .row.wrap-core{justify-content: center;}
    .row.wrap-core>div{margin-bottom: 20px;}
    iframe{
        width: 100%!important;
    }
    .wrap-blog-index .margin-t--20.margin-b--20.wrap-list-blog-top-main{
        padding-top: 15px;
    }
    .wrap-map iframe {
        height: 450px!important;
    }
    .wrap-blog-list-main.wrap-library-index .item-project .content-project .title-project.margin-t-20 {
        margin-top: 15px;
        padding-bottom: 5px;
        min-height: 65px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
    }
    .image-sitemap img{
        width: 100%!important;
        height: auto!important;
    }
    .wrap-main-right .wrapfile-project{display: none;}
    .wrap-partner .partner-box {
        grid-template-columns: auto auto auto auto;
    }
    .wrap-leader.customer-wrap .item{
        margin-bottom: 30px;
    }
}

@media (max-width:1199px) {
    .wrap-blog-list-main.wrap-library-index .item-project .box-image {
        height: 170px;
    }
}
@media (max-width:767px) {
    .container {
        max-width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .margin-b--20 {
        margin-bottom: 0;
    }

    .margin-t--20 {
        margin-top: 0;
    }


    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    footer#footer .footer-first .row [class*="col-"] {
        margin-bottom: 25px;
    }

    nav#nav.menu-footer ul.wrap-menu li.item-menu>a {
        padding: 15px 6px;
        font-size: 16px;
    }

    nav#nav.menu-footer {
        position: relative;
        margin-bottom: 20px;
    }

    nav#nav.menu-footer .icon-toggle-menu {
        display: flex;
        position: absolute;
        top: 0%;
        right: 0;
        width: 41px;
        height: 47px;
        justify-content: center;
        align-items: center;
        font-size: 18px;
    }

    nav#nav.menu-footer ul.wrap-menu {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        border: 1px solid rgb(68 66 66 / 39%);
        transition: all .4s;
    }

    nav#nav.menu-footer ul.wrap-menu li {
        /* display: block; */
        width: 100%;
        display: none;
    }

    nav#nav.menu-footer ul.wrap-menu.active-mobile-border li {
        border-bottom: 1px solid rgb(68 66 66 / 39%);
    }

    nav#nav.menu-footer ul.wrap-menu li:first-child {
        height: max-content;
        visibility: visible;
        opacity: 1;
        display: block !important;
        transition: unset;
    }

    nav#nav.menu-footer ul.wrap-menu li:last-child {
        border: none
    }

    .blog-top {
        margin-bottom: 10px;
    }

    .wrap-right {
        margin-right: 45px;
    }

    .wrap-right .search-wrap,
    .wrap-right .wrap-translate {
        margin-left: 6px;
    }

    

    .wrap-core-land {
        flex-direction: column;
    }

    section.core-land {
        padding: 30px 0 20px;
    }

    .wrap-core-land .content-title-core-land {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .wrap-core-land .wrap-video {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 10px;
    }

    .core-land .carousel-indicators {
        flex-direction: row;
    }

    .wrap-core-land .wrap-slide-item-dots {
        flex: 0 0 100%;
        max-width: 100%;
    }

    h4 {
        font-size: 18px;
    }

    .item-project .content-project>p {
        font-size: 16px;
    }

    .item-blog .image-blog,
    .wrap-blog-index .wrap-list-blog-top-main .item-blog .image-blog {
        min-width: 135px;
        max-width: 135px;
        width: 135px;
        height: 90px;
    }

    .wrap-blog-index .item-blog .image-blog img {
        max-width: 100%;
        height: 100%;
    }

    .wrap-blog-index .content-blog-list h5 {
        -webkit-line-clamp: 4;
    }

    .wrap-blog-index .content-blog-list p {
        display: none;
    }

    .blog-top.wrap-item-blog-main img {
        max-height: 375px;
        height: 375px;
    }

    .view-count {
        display: none;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 235px;
    }

    .title-main h2 {
        font-size: 20px;
    }

    .wrap-core-land .content-title-core-land .title-core-land {
        font-size: 20px;
        margin-bottom: 5px;
    }

    body {
        font-size: 16px;
    }


    .wrap-why-coreland .item-why-core {
        margin-bottom: 35px;
    }
    .wrap-why-coreland .item-why-core:last-child{
        margin-bottom: 0;
    }

    .wrap-contact-footer {
        justify-content: flex-start;
        flex-direction: column;
        margin-top: 20px;
        align-items: flex-start;
    }

    .wrap-contact-footer div p a {
        display: block;
        margin-top: 0;
        margin-bottom: 30px;
        margin-left: 0;
    }

    .wrap-contact-footer>a.btn {
        margin-left: 0;
    }

    .wrap-why-coreland .item-why-core .image-why-core {
        width: 100px;
        height: 100px;
    }

    .wrap-why-coreland .item-why-core .image-why-core img {
        height: 50px;
    }

    .wrap-address-footer p.margin-b-20 {
        margin-bottom: 10px;
    }

    .footer-first h3 {
        margin-bottom: 10px;
    }

    .wrap-social {
        display: flex;
        align-items: center;
    }

    .wrap-social p {
        margin-bottom: 0;
        min-width: 50%;
    }

    .title-main h2 {
        margin-bottom: 15px;
    }

    .content-blog-list h5 {
        margin-bottom: 0;
    }

    section#project.project-main-index .owl-carousel .item-project .content-project {
        padding: 10px;
    }

    .wrap-leader.customer-wrap .image-customer {
        height: 290px;
    }

    .wrap-prize.wrap-leader.customer-wrap .image-customer {
        height: 315px;
    }

    .wrap-image-vision {
        flex-direction: column;
    }

    .wrap-image-vision .image {
        width: 100%;
        min-width: 100%;
    }

    .vision {
        position: relative;
    }

    .vision .content-vision {
        height: 100%;
        top: 0;
    }

    .vision .content-vision .container,
    .vision .content-vision .container .row {
        height: 100%;
    }

    .vision .content-vision .row>div {
        height: 50%;
        position: relative;
    }

    .vision .content-vision .row>div>div {
        position: absolute;
        bottom: 20px;
        left: 10px;

    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 210px;
    }

    .wrap-main-right .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }

    .wrap-main-right .owl-carousel .owl-nav button.owl-next {
        right: 0;
    }

    .item-blog,
    .item-blog.margin-t-20.margin-b-20 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .wrap-blog-right .wrap-list-blog-top-main .item-blog{
        margin: 0!important;
    }

    .view-count {
        display: none;
    }

    .slide-list-detail-bottom.wrap-project .owl-carousel .owl-nav button {
        top: 125px;
    }

    .wrap-share .right ul {
        width: max-content;
    }

    .wrap-share {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 230px;
    }

    .title-project-detail h3 {
        font-size: 18px;
    }

    .wrap-sale {
        flex-direction: column;
    }

    .wrap-sale .img {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .wrap-sale .img img {
        width: 100%;
    }

    .spa-main .wrap-images-project .image-page {
        margin-bottom: 10px;
    }

    .wrapdownfile .form {
        padding: 0 15px;
    }

    .wrapdownfile .form input {
        max-width: 100%;
        margin-bottom: 10px;
    }

    footer .footer-last {
        padding-top: 20px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 200px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 450px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image img {
        height: 100%;
    }
    .core-land .carousel-indicators li {
        width: calc(100% / 3);
        height: 100px;
    }
    .wrapdownfile .form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .wrapdownfile .form *{margin-bottom: 10px;}
    .wrapdownfile .form  input{max-width: 80%;}
    .wrapdownfile p{
        padding: 0 15px;
    }
    .vision .content-vision .row>div{padding-top: 30px;}
    .vision .content-vision .row>div:last-child {
        padding-left: 10px;
    }
    .wrap-core [class*="col"] {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .popup-toppage .wrap-popup-toppage{
        border-width: 5px;
    }
    .popup-toppage .wrap-popup-toppage #close-popup-topage{
        top: -25px;
    }
    .popup-toppage .wrap-popup-toppage #close-popup-topage span{
        font-size: 14px;
    }
    .popup-toppage .wrap-popup-toppage #close-popup-topage span:firs-child{
        font-size: 20px;
    }
    .title-main .name-title{
        margin-bottom: 9px;
    }
    .title-main h3 {
        font-size: 16px;
    }
    .wrap-blog-left.pd-20{
       padding: 10px;
       padding-top: 15px;
    }
    .blog-top .line{
        display: none;
    }
    .blog-top a h4{
        margin-bottom: 12px;
        margin-top: 10px;
    }
    .blog-top .box-detail-blog .view-count{
        display: flex;
        margin:0 0 5px 0
    }
    .view-count div span {
        font-size: 16px;
    }
    .wrap-list-blog-top-main .item-blog{
        margin: 0;
        padding: 10px 0;
    }
    .wrap-blog-right.pd-20 {
        padding: 15px 10px 0;
    }
    .margin-t--20.margin-b--20.wrap-list-blog-top-main {
        margin-top: -10px;
        margin-bottom: -10px;
    }
    .wrap-main-right .margin-t--20.margin-b--20.wrap-list-blog-top-main {
        margin-bottom: 0;
    }
    #blog-main .wrap-blog-right {
        margin-top: 10px;
    }
    .wrap-core-land .content-title-core-land .btn{
        margin-left: 0;
    }
    .wrap-core-land .content-title-core-land>div>p{font-size: 16px;}
    .item-why-core .title-why-core {
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .item-why-core>p{
        font-size: 16px;
    }
    section#blog-main.margin-b-50{
        margin-bottom: 25px;
    }
    #slide-customer-main .title-why-core{
        margin-top: 30px;
        font-size: 18px;
    }
    #slide-customer-main .owl-carousel.owl-drag .owl-item{
        padding-bottom: 10px;
    }
    .wrap-blog-index .wrap-blog-left .blog-top.wrap-item-blog-main .view-count img{
        width: max-content;
        height: max-content;
    }
    .wrap-blog-detail-main h2{font-size: 20px!important;}
    .wrap-blog-detail-main h3{font-size: 18px!important;}
    .wrap-blog-detail-main h4{font-size: 17px!important;}
    .wrap-blog-detail-main h5{font-size: 16px!important;}
    .wrap-blog-detail-main h6{font-size: 15px!important;}
    .wrap-blog-detail-main p{font-size: 15px!important;}
    .wrap-blog-detail-main span{font-size: 15px!important;}
    .wrap-blog-detail-main img{width: 100%!important; height: auto!important;}
    .wrap-content-project-detail-right .title-project {
        font-size: 18px;
    }
    .wrap-project-image-detail {
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .spa-slide img{
        width: 100%!important;
        height: auto!important;
        margin-bottom: 10px;
    }
    iframe{
        height: 450px!important;
    }
    .wrap-secuid-main{
        padding-top: 0;
    }
    .wrap-map iframe {
        height: 400px!important;
    }
    #blog-main.wrap-blog-index.pt-50{
        padding-top: 1px!important;
    }
    nav#nav:not(.menu-footer) ul.wrap-menu li.item-menu a {
        padding: 15px;
    }
    footer#footer .box-logo-footer,
    footer#footer .box-info-footer,
    footer#footer .social-footer,
    footer#footer .box-recruit{
        flex: 0 0 100%;
        max-width: 100%;
    }
    footer#footer .title-box-footer{
        padding-top: 20px;
    }
    .follow-we{margin-top: 20px;}
    .wrap-social iframe{height: auto!important;}
    .wrap-partner .partner-box {
        grid-template-columns: auto auto auto;
    }
    .wrap-leader.customer-wrap .item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wrap-blog-list-main .font-bold.mt-4.mb-5{
        margin-bottom: 20px!important;
    }
    #secuid{
        margin-bottom: 25px!important;
    }
}

@media (max-width:767px) {
    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 365px;
    }

    #project #slide-project-main.owl-carousel.owl-drag .owl-item {
        padding-bottom: 0;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 185px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 205px;
    }

    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img {
        height: 180px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 180px;
    }
    iframe{
        height: 400px!important;
    }
}

@media (max-width:767px) {
    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 313px;
    }


    .item-project .box-image,
    .item-project .box-image img {
        height: 300px;
    }

    .wrap-main-core-index .wrap-core [class*="col"] {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 180px;
    }

    .blog-top.wrap-item-blog-main img {
        max-height: 320px;
        height: 320px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 290px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 270px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 550px;
    }
    .core-land .carousel-indicators li {
        width: calc(100% / 3);
        height: 70px;
    }
    .wrap-core [class*="col"] {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    iframe{
        height: 320px!important;
    }
    #banner-main.banner-index #slide-main .item img{
        display: none;
    }
    #banner-main.banner-index #slide-main .item img.small{
        display: block!important;
    }
    #banner-main.banner-index #slide-main .item a{
        display: block;
        width: 100%;
    }
    #main .container .slide-list-detail-bottom .container{padding: 0;}
    #main .container .slide-list-detail-bottom .owl-carousel.owl-drag .owl-item{padding-left: 0; padding-right: 0;}
    .wrap-partner .partner-box {
        grid-template-columns: auto auto;
    }
    #about-company{padding: 40px 0 20px;}
    .wrap-leader .item.item-why-core .image-why-core{
        margin: 0;
    }
    #prize{
        padding-bottom: 20px!important;
    }
}

@media (max-width: 767px) {

    section#project.project-main-index .owl-carousel .item-project .box-image,
    .project-main .owl-carousel .item img {
        max-height: 270px;
        height: 270px;
    }


    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 290px;
    }

    footer .footer-last {
        background-image: url(../images/bg-footer-last-mobile.png);
        background-position: center;
    }

    .content-blog-list h5 {
        -webkit-line-clamp: 4;
    }

    .pt-50 {
        padding-top: 30px;
    }

    .pb-50 {
        padding-bottom: 30px;
    }

    .item-project .content-project {
        padding: 0 15px 15px 15px;
    }

    .slide-list-detail-bottom.wrap-project .owl-carousel .owl-nav button,
    .wrap-main-right .owl-carousel .owl-nav button {
        top: 140px;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 240px;
    }

    .wrap-share ul li {
        margin-bottom: 5px;
    }

    .wrap-blog-detail-main p {
        margin-bottom: 15px;
    }

    .wrap-blog-main-left {
        padding: 0 15px 15px;
    }

    .blog-top.wrap-item-blog-main img {
        max-height: 260px;
        height: 260px;
    }

    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img {
        height: 280px;
    }

    section#page-404 .wrap-button {
        flex-direction: column;
    }

    section#page-404 .wrap-button .btn {
        margin-bottom: 10px;
    }
    .wrap-info-list .btn-info-list{margin-bottom: 10px;}
    /* .wrap-info-list a{width: 100%;} */
    .footer-first h3 {
        font-size: 18px;
    }
    #project-index-1.pb-50{
        padding-bottom: 10px;
    }
    .wrap-blog-list-main .item-project .content-project .title-project.margin-t-20 {
        min-height: auto;
    }
    iframe{
        height: 300px!important;
    }
    .tab-title-detail ul.nav{
        height: 55px;
    }
    .tab-title-detail .nav-link{
        font-size: 13px;
        padding: 0 10px;
    }
    .wrap-leader.customer-wrap .item{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wrap-leader.customer-wrap .image-customer.image-why-core{
        height: auto;
    }
}

@media (max-width:767px) {
    body {
        font-size: 14px;
    }
    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 222px;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 200px;
    }

    .wrap-prize.wrap-leader.customer-wrap .image-customer {
        height: 200px;
    }

    .wrap-prize.wrap-leader.customer-wrap .owl-carousel .owl-nav button {
        top: 100px;
    }

    .wrap-leader.customer-wrap .image-customer {
        height: 200px;
    }

    section#leadership .owl-carousel .owl-nav button {
        top: calc(50% - 65px);
    }

    .vision .content-vision .row>div>div h3 {
        font-size: 20px;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 200px;
    }

    .slide-list-detail-bottom.wrap-project .owl-carousel .owl-nav button,
    .wrap-main-right .owl-carousel .owl-nav button {
        top: 105px;
    }

    .pt-50 {
        padding-top: 20px;
    }

    .pb-50 {
        padding-bottom: 20px;
    }

    .box-title-main {
        align-items: flex-start;
        padding-bottom: 5px
    }

    .box-title-main .box-calenda {
        margin-right: 10px;
        min-width: 45px;
    }

    .box-title-main .box-calenda .day {
        font-size: 22px;
    }

    .box-title-main .box-calenda .date-year {
        font-size: 10px;
    }

    .box-title-main .title-content h3 {
        font-size: 18px;
    }

    .blog-top.wrap-item-blog-main img {
        max-height: 200px;
        height: 200px;
    }

    .wrap-item-blog-main .box-detail-blog h4 {
        font-size: 16px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 230px;
    }

    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img {
        height: 220px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 215px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 449px;
    }
    .wrap-right .search-wrap.search-main .form {
        right: -45px;
        margin-top: 10px;
        top: 100%;
    }
    .wrap-right .search-wrap.search-main .form.active input {
        width: 250px;
    }
    .wrap-right .search-wrap.search-main .form{display: none;}
    .wrap-right .search-wrap.search-main .form.active{display: flex;}
    .wrap-right .search-wrap.search-main .toggle-form-search.active, .wrap-right .search-wrap.search-main .toggle-form-search {
        z-index: 1;
        border: unset;
    }
    .popup-toppage .wrap-popup-toppage .popup-body a img{
        min-height: 150px;
    }
    iframe {
        height: 230px!important;
    }
}

@media (max-width: 767px) {
    .wrap-core-land .wrap-video .carousel-item iframe {
        height: 200px;
    }

    .item-project .box-image,
    .item-project .box-image img {
        height: 200px;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 200px;
    }

    .wrap-blog-list-main .item-project .box-image,
    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img {

        height: 200px;
    }

    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 200px;
    }
    .wrap-address-footer p.margin-b-20 a{display: block;}
    .wrap-leader.customer-wrap .item{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width:767px) {

    .wrap-core-land .wrap-video .carousel-item iframe,
    .item-project .box-image,
    .item-project .box-image img,
    .wrap-project .item-project .box-image,
    .wrap-project .item-project .box-image img,
    .wrap-video-main .wrap-blog-list-main .item-project .box-image,
    .wrap-video-main.wrap-blog-list-main .item-project .box-image {
        height: 170px;
    }

    .wrap-main-right .item-right .item-project .box-image,
    .slide-list-detail-bottom.wrap-blog-list-main .item-project .box-image {
        height: 170px;
    }

    .wrap-blog-list-main .item-project .box-image {
        height: 190px;
    }

    .wrap-sustain.wrap-blog-list-main .item-project .box-image {
        height: 400px;
    }
    .wrap-partner .partner-box {
        grid-template-columns: auto;
    }
}

@media (max-width: 767px) {
    #about-company .content-blog-about .title {
        font-size: 20px;
    }

    #about-company .content-blog-about .box-btn {
        flex-wrap: wrap;
    }

    #about-company .content-blog-about .box-btn a {
        flex: 0 0 100%; margin-right: 0;
    }

    .videoHome {margin-top: 50px;}

    footer#footer .list-info li {
        align-items: baseline;
    }

    #contentFBPage {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .wrap-address-footer p.margin-b-20 a {
        display: inline-block;
    }

    #leadership.wrap-leader.customer-wrap .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

body {
    overflow-x: hidden;
}

.slide-blog-item.owl-carousel .owl-item a img {
    aspect-ratio: 16 / 9 !important;
}

.item-project .content-project .title-project {
    height: 52px;
}

.item-project .content-project > p {
    height: 92px;
}

.box-price {
    display: none !important;
}

.menu-header .wrap-menu li .wrapper_naviga {
    min-width: 275px !important;
}

#leadership.customer-wrap .item-why-core > p {
    text-align: center;
}

.fixe-wrap-main {
    right: 0px !important;
}

.content-blog-list h5 {
    text-align: left;
}

nav#nav ul.wrap-menu li.item-menu > a {
    text-transform: uppercase;
}

.wrap-item-blog-main .box-detail-blog {
    pointer-events: none;
}

@media (max-width: 768px) {
    /*.owl-carousel .owl-stage {margin: 7px auto !important;}*/
    #banner-main.banner-index #slide-main .item img {
        display: block;
    }

    .wrapdownfile {
        padding: 34px !important;
    }

    nav#nav.menu-footer ul.wrap-menu.active-mobile-border li, nav#nav.menu-footer ul.wrap-menu li:first-child {
        background-color: rgba(255,255,255,0.8);
    }

    @media (max-width: 767px) {
        footer .footer-last {
            background-image: none;
            background-position: center;
            background-color: #ebebeb;
        }
    }
}

.wrap-contact-main {
    padding: 50px 0;
}

    .wrap-contact-main .wrap-address-footer h3 {
        margin-bottom: 15px;
    }

.wrap-address-footer p img {
    margin-right: 7px;
}

@media (max-width: 991px) {
    .wrap-blog-list-main.wrap-library-index .item-project .content-project .title-project.margin-t-20 {
        height: 52px;
        min-height: 52px;
        padding-bottom: 0;
    }
}

@media (max-width: 767px) {
    #banner-main {
        margin-top: 37px;
    }

    #main .container .wrap-library-index .container {
        padding: 0;
    }

    .wrap-secuid-main {
        padding-bottom: 30px;
        ;
    }

        .wrap-secuid-main .box-resgin h3 {
            padding-top: 55px;
        }

    /*#main .container .slide-list-detail-bottom .owl-carousel.owl-drag .owl-item {}

    #main .container .slide-list-detail-bottom .container {
        width: calc(100% + 5px); margin-right: -5px;
    }

    .wrap-blog-list-main.slide-list-detail-bottom .item-project .content-project .title-project.margin-t-20 {padding: 0 2px;}*/
}