@media (max-width: 1366px) {
    .wrap-slider-evalua-main .owl-carousel .owl-nav .owl-prev {
        left: 10px;
    }
    .wrap-slider-evalua-main .owl-carousel .owl-nav .owl-next {
        right: 10px;
    }
    .wrap-slider-evalua .title {
        font-size: 45px;
    }
}
@media (max-width: 1080px) {
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .box-thumbnail-member .name-member {
        font-size: 24px;
    }
    .box-thumbnail-member .category {
        font-size: 18px;
    }
    .box-thumbnail-member .list-start {
        margin-bottom: 40px;
        padding: 5px 20px;
    }
    .box-thumbnail-member .list-start img{
        height: 26px;
        width: auto;
    }
    .wrap-content-membership .title-membership {
        font-size: 24px;
    }
    .wrap-content-membership .content-box-item {
        margin-bottom: 30px;
    }
    .process-rank{
        height: 20px;
    }
    .box-thumbnail-member .avatar{
        padding: 15px;
        max-width: calc(100% + 30px);
        min-width: calc(100% + 30px);
    }
}
@media (max-width: 1024px) {
    body {
        font-size: 14px;
    }
    .block-new-main .wrap-new-right .banner-ads,
    .header-top{
        display: none;
    }
    .list-new-sporst{
        margin-top: 30px;
    }
    header .wrap-logo .box-action{
        gap: 20px;
    }
    header .wrap-logo .box-action .item .text{
        display: none;
    }
    header .wrap-logo .box-action .item .icon,
    header .wrap-logo .box-action .item{
        margin: 0;
    }
    .title-category {
        font-size: 24px;
        padding: 8px 20px;
    }
    .title-category-child {
        font-size: 16px;
    }
    .title-category-child::before {
        width: 6px;
        height: 32px;
    }
    .banner-top-main .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
    }
    .banner-top-main .owl-theme .owl-dots .owl-dot.active span::before {
        width: 12px;
        height: 12px;
    }
    .slider-market-item .owl-dots{
        margin-top: 20px!important;
    }
    .evalua .lis-menu-evalua {
        padding-left: 16px;
        gap: 10px;
    }
    .evalua .lis-menu-evalua .item-tab-evalua {
        font-size: 14px;
        padding: 8px 12px;
    }
    .wrap-tab-control-main .control-tab .item-control{
        min-height: auto;
        padding: 8px 12px;
        height: 100%;
    }
    .member-vars .wrap-map-member .box-member-top .title-member {
        font-size: 26px;
        margin-bottom: 40px;
    }
    .item-training .box-content {
        padding: 15px;  
    }
    .item-training .box-content .title {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .item-training .btn {
        padding: 6px 20px;
    }
    .partner-main .title{
        font-size: 26px;
    }
    .register-notify .form-register .title-register {
        font-size: 26px;
    }
    #footer .title-footer {
        font-size: 16px;
    }
    #footer .wrap-footer-right .item-menu:first-child {
        padding-left: 0;
    }
    #footer .wrap-footer-right{
        gap: 20px;
    }
    .evalua .lis-menu-evalua .item-tab-evalua::before{
        left: -19px;
    }
    .wrap-slider-intro .title-intro{
        font-size: 20px;
    }
    .form-search-item-new.executive-search{
        padding: 20px;
    }
    .form-search-item-new.executive-search .wrap-form-child .form-control {
        width: 200px;
    }
    .about-content-main .box-content-about>*,
    .about-content-main .box-content-about .title-category-child {
        margin-bottom: 20px;
    }
    .box-grid-process .box-waypoint{
        padding-left: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .box-grid-process .box-waypoint .item-point .number {
        font-size: 28px;
    }
    .box-grid-process .box-waypoint .item-point .text {
        font-size: 16px;
    }
    .box-grid-process .box-waypoint .item-point {
        padding-left: 15px;
        padding-right: 15px;
    }
    .box-process-control {
        padding-left: 20px;
    }
    .box-process-control .nav-link::before{
        left: -20px;
        width: 10px;
        height: 10px;
    }
    .box-process-control::before{
        left: 4px;
    }
    .box-tag-title,
    .item-expert .content-expert,
    .item-training .list-infor .text,
    .register-notify .form-register,
    .intro-us .wrap-slider-intro,
    .box-process-contents .content,
    .box-content-about,
    .wrap-tab-control-main .control-tab .item-control{
        font-size: 14px;
    }
    .item-new-main.flex-row:not(.big) {
        padding: 12px 16px;
    }
    .item-new-main.flex-row:not(.big) .box-content .title-new {
        font-size: 14px;
    }

    .item-member.big .list-star-lega img{
        width: 60px;
        min-width: 60px;
    }
    .item-member.big{
        padding: 0 20px;
    }
    .wrap-slider-evalua .title {
        font-size: 36px;
    }
    .box-thumbnail-member .avatar {
        margin: calc(-50% - 15px) -20px 0;
    }
    header .wrap-logo .box-action .item .icon {
        width: 32px;
        height: 32px;
    }
    .header-body{
        display: none;
    }
    .wrap-menu-main .list-groups{
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        height: auto;
        max-height: 240px;
    }
    .wrap-menu-main .list-groups .item-group .name-group{
        font-size: 14px;
    }
    .wrap-menu-main .list-member{
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        height: auto;
        max-height: 240px;
    }
    .wrap-menu-main .list-member .item-member.flex{
        gap: 10px;
    }
    .wrap-menu-main .list-member .item-member.flex .avatar{
        width: 50px;
        height: 50px;
        min-width: 50px;
        border-width: 2px;
    }
    .wrap-menu-main .list-member .item-member.flex .avatar .text{
        width: 46px;
        height: 16px;
        bottom: -2px;
        font-size: 8px;
    }
    .wrap-menu-main .list-member .item-member.flex .name-member{
        font-size: 14px;
        margin-bottom: 0;
    }
    .wrap-menu-main .list-member .item-member.flex .category{
        font-size: 10px;
    }
    .item-post .box-content-post .title-post {
        font-size: 18px;
    }
    .item-post .box-content-post .text-wrapper .toggle-btn {
        margin-top: 4px;
    }
    .item-post .box-action-post .actions-list{
        gap: 10px;
    }
    .item-post .box-action-post .actions-list .item-action svg{
        transform: scale(0.8);
    }
    .item-post .box-action-post .actions-list .item-action,
    .item-post .box-content-post .text-wrapper .text-content,
    .item-post .box-action-post .number-view .item {
        font-size: 14px;
    }
    .item-post .box-action-post {
        margin-top: 10px;
    }
    .wrap-content-eco .title {
        font-size: 30px;
    }
     .wrap-content-eco .box-content-eco{
        padding: 0 30px;
     }
    .wrap-content-eco .box-content-eco .box-bg{
        display: none;
    }
    .wrap-content-eco .box-content-eco .content-eco {
        flex: auto;
        max-width: 100%;
        border-radius: 40px;
        padding: 40px 30px;
    }
    .wrap-content-eco .box-content-eco .content-eco img{
        width: 50px;
    }
    .wrap-edu .box-title .title-top {
        padding: 9px 40px;
        font-size: 26px;
    }
    .wrap-edu .box-title .title-last {
        font-size: 30px;
    }
    .wrap-edu .box-image {
        border-width: 10px;
    }
    .solution-wrap {
        padding: 60px 0;
    }
    .box-title-more .title,
    .ier-wrap .wrap-content .box-content .title,
    .solution-wrap .box-content .title{
        font-size: 30px;
    }
    .box-title-more .title span,
    .ier-wrap .wrap-content .box-content .title span,
    .solution-wrap .box-content .title span{
        font-size: 26px;
    }
    .ier-wrap .wrap-content .box-content{
        padding-right: 10px;
    }
    .wrap-ticket {
        padding: 80px 0;
    }
    .wrap-lands .item-content .title{
        padding-top: 20px;
        font-size: 28px;
    }
    header .wrap-logo .box-action .item-action.box-search{
        display: none;
    }
    .detail-top .item-training .box-video{
        padding-right: 0;
    }
    .detail-top .item-training .box-content{
        padding-right: 30px;
    }
    .detail-top .item-training .box-content .title {
        font-size: 24px;
    }
    .about-common .box-content-about .box-author .name {
        font-size: 16px;
        padding: 14px;
    }
    .about-common .box-content-about{
        flex-direction: column-reverse;
    }
    .about-common .box-content-about .box-author {
        flex: auto;
        max-width: 350px;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        line-height: 1;
    }
}
@media (max-width: 991px) {
    .block-new-main .wrap-new-left{
        border: none;
        padding-right: 0;
    }
    .form-search-item-new.executive-search .wrap-form-child{
        gap: 10px;
    }
    .form-search-item-new.executive-search .wrap-form-child .form-control {
        width: 190px;
    }
    .list-project-main .list-new-item div:nth-child(2),
    .news-item .list-new-item div:nth-child(2){
        order: 1;
    }
    .list-project-main .list-new-item div:first-child,
    .news-item .list-new-item div:first-child{
        order: 2;
    }
    .list-project-main .list-new-item div:last-child,
    .news-item .list-new-item div:last-child{
        order: 3;
    }
    .list-new-item-child.list-3-item{
        flex-direction: row;
        column-gap: 0!important;
        row-gap: 20px!important;
        margin-left: -10px;
        margin-right: -10px;
    }
    .list-new-item-child.list-3-item .item-new-main{
        flex: 0 0 calc(100% / 3);
        max-width: calc(100% / 3);
        padding-right: 10px;
        padding-left: 10px;
    }
    .box-list-project {
        row-gap: 20px;
        margin-inline: -10px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .box-list-project [class*="col-"] {
        padding: 0 10px;
    }
    .item-project .box-content {
        padding: 20px;
    }
    .item-project.flex-row .box-content .title-new {
        font-size: 20px;
    }
    .item-project .box-content .des {
        font-size: 14px;
    }
    .item-project .box-content .title-new {
        font-size: 14px;
    }
    .item-project.item-or .box-content .title-new {
        font-size: 16px;
    }
    .item-evalua .name-evalua {
        font-size: 18px;
    }
    .item-project-or{
        padding: 20px;
    }
    .item-project-or .box-image {
        flex: auto;
        max-width: 100%;
    }
    .item-project-or .box-list-des {
        flex: auto;
        max-width: 100%;
        padding-left: 0;
        padding-top: 15px;
    }
    .wrap-list-priject-evalua .list-project {
        margin: 0 -10px 50px;
        row-gap: 20px;
    }
    .wrap-list-priject-evalua .list-project [class*="col-"] {
        padding: 0 10px;
    }
    .content-evalua .row-content-evalua {
        margin: 0 -10px;
    }
    .content-evalua .row-content-evalua::before {
        width: calc(100% - 20px);
    }
    .content-evalua .row-content-evalua::after {
        left: 10px;
    }
    .content-evalua .row-content-evalua [class*="col-"]:last-child::before {
        right: 10px;
    }
    .content-evalua .row-content-evalua [class*="col-"] {
     padding: 0 10px;
    }
    .item-transaction.tech{
        flex-direction: column;
        gap: 0;
    }
    .item-transaction.tech .img-thumbnail {
        flex: auto;
        max-width: 100%;
        aspect-ratio: 4 / 3;
        border: none;
        padding: 0;
        border-radius: 10px;
    }
    .item-transaction.tech .box-content {
        padding: 20px;
    }
    .content-tranning-top .box-content .title-content {
        font-size: 24px;
    }
    .content-tranning-top .content-right {
        position: relative;
    }
    .content-tranning-top .content-left{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .content-tranning-top .content-left .banner-absolute {
        max-width: 150px;
    }
    .item-reference{
        padding: 20px;
    }
    .content-tranning-top.content-or .box-image-bottom {
        margin-top: -100px;
    }
    .content-tranning-top.content-or .box-image-bottom .text-evalue .number {
        font-size: 40px;
    }
    .content-tranning-top.content-or .box-image-bottom .text-evalue .text {
        font-size: 18px;
        margin-top: -15px;
    }
    .membership-main .container .col-lg-4{
        flex: 0 0 auto;
        width: 35%;
    }
    .membership-main .container .col-lg-8{
        flex: 0 0 auto;
        width: 65%;
    }
    .banner-ads{
        text-align: center;
    }
    .banner-ads img{
        max-width: 235px;
        
    }
    .wrap-new-right{
        margin-top: 30px;
    }
    .wrap-new-right .list-new-item-child{
        flex-wrap: wrap;
        flex-direction: unset;
        gap: 20px;
    }
    .wrap-new-right .list-new-item-child .item-new-main{
        flex: 0 0 auto;
        max-width: 100%;
        width: calc(50%  - 10px);
    }
    .detail-new .row .wrap-detail-new{
        padding-right: 0;
    }
    .wrap-detail-new .title-detail-new {
        font-size: 20px;
    }
    .comments-main {
        padding: 20px;
    }
    .comments-main .text-comment-main {
        margin-bottom: 20px;
    }
    .form-commnet-input .avatar,
    .item-comment .box-avatar {
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .form-commnet-input {
        padding: 20px;
    }
    .banner-content-item .box-content-right .box-content .title {
        font-size: 24px;
    }
    .banner-content-item .container {
        gap: 35px;
    }
    .wrap-forum-main {
        padding-right: 0;
    }
    .box-post-new .avatar {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }
    .box-post-new .box-content .text {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .box-list-new-item .list-new-child-right{
        display: none;
    }
    .box-list-new-item .grid-new{
        row-gap: 0;
    }
    
    .slider-new-item-child .owl-dots{
        margin-top: 20px!important;
    }
    .title-category {
        font-size: 18px;
        padding: 8px 16px;
    }
    .title-category-child {
        font-size: 14px;
    }
    .title-category-child::before {
        width: 4px;
        height: 30px;
        margin-right: 6px;
    }
    .link-all {
        font-size: 12px;
    }
    .link-all img{
        width: 12px;
    }
    .box-tag-title {
        padding: 3px 12px 3px 20px;
    }
    .box-tag-title::before {
       left: 7px;
        width: 6px;
        height: 6px;
    }
    .marque-new .box-tag-title {
        margin-right: 15px;
    }
    .block-new-main {
        margin-top: 40px;   
    }
    .item-new-main.big .box-content .title-new {
        font-size: 16px;
    }
    .form-search-item-new {
        padding: 16px 24px;
    }
    .wrap-evalua{
        row-gap: 20px;
    }
    .item-user {
        padding: 16px 0;
    }
    .item-user .box-name {
        padding: 0 16px 16px;
        border-bottom: 1px dashed #D3D3D3;
    }
    .item-user .box-name .box-image {
        width: 70px;
        height: 70px;
        margin-bottom: 5px;
    }
    .item-user .list-information {
        gap: 10px;
        padding: 16px 16px 0 16px;
    }
    .wrap-tab-control-main .contents-tab-main .scroll {
        max-height: 456px;
        padding-right: 15px;
    }
    .wrap-tab-control-main .contents-tab-main {
        padding: 15px 0 15px 15px;
    }
    .wrap-map-member .wrap-slider-member-top{
        top: unset;
        transform: unset;
        padding: 30px 20px 30px;
    }
    .wrap-map-member .slider-member-main {
        padding-left: 0;
    }
    .member-vars .wrap-map-member .box-member-top {
        padding: 40px 0;
    }
    .member-vars .wrap-map-member .box-member-top .title-member {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .item-member.big .avatar {
        max-width: 240px;
        border-width: 10px;
    }
    .list-training{
        row-gap: 20px;
    }
    .partner-main .title{
        font-size: 20px;
    }
    .partner-main .list-partner-main {
        row-gap: 30px;
        column-gap: 40px;
    }
    .partner-main .list-partner-main .box-image img {
        max-height: 40px;
    }
    .register-notify .form-register .title-register {
        font-size: 20px;
    }
    .register-notify .box-image{
        display: none;
    }
    #footer .wrap-footer-left{
        flex-direction: column;
    }
    #footer .wrap-footer-right{
        flex-direction: column;
    }
    #footer .list-information{
        margin-bottom: 20px;
    }
    #footer .list-menu-item-footer {
        padding: 0;
    }
    #footer{
        padding-top: 30px;
    }
    #footer .footer-bottom {
        padding: 20px 15px 13px;
        margin-top: 20px;
    }
    header#header .logo img {
        height: 40px;
    }
    header .wrap-logo .box-action {
        gap: 10px;
    }
    .wrap-chart-analist{
        display: block
    }
    .wrap-chart-analist .chart {
        margin-bottom: 20px;
    }
    .wrap-slider-intro .title-intro{
        font-size: 18px;
    }
    .item-executive.big .box-image-main .box-image {
        width: 100px;
        min-width: 100px;
    }
    .item-executive.big .box-image-main {
        padding: 13px 30px 0;
        justify-content: center;
    }
    .item-executive.big .box-content .name-exec {
        font-size: 20px;
        line-height: calc(36 / 24);
        margin-bottom: 5px;
    }
    .item-executive.big .box-content .category{
        font-size: 14px;
    }
    .item-executive.big .box-content .name-company{
        font-size: 14px;
    }
    .item-executive.big .box-content{
        padding: 15px;
        justify-content: center;
        text-align: center;
    }
    .executive .list-executive {
        margin-left: -10px;
        margin-right: -10px;
        row-gap: 20px;
    }
    .executive .list-executive [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .item-executive .box-image-main .box-image {
        width: 70px;
        height: 70px;
        border: 3px solid var(--color-main);
    }
    .item-executive.big{
        flex-direction: column;
    }
    .box-active-more .btn {
        padding: 6px 25px;
    }
    .members .item-content-member {
        padding-top: 0;
        padding-bottom: 0;
    }
    .members .banner-member{
        display: none;
    }
    .btn.btn-color-white {
        padding: 6px 20px;
        box-shadow: 3px 2px #3D3D3D;
        font-size: 14px;
    }
    .btn.btn-color-white img{
        height: 12px;
    }
    .members .box-content-member {
        padding: 15px;
        border-left: 10px solid #FFFF4C;
        font-size: 14px
    }
    .tab-control-auto.wrap-tab-control-main .contents-tab-main .row {
        margin-left: -10px;
        margin-right: -10px;
        row-gap: 20px;
    }
    .tab-control-auto.wrap-tab-control-main .contents-tab-main .row [class*="col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }
    .form-search-item-new.executive-search .wrap-form-child{
        flex-wrap: wrap;
    }
    .box-process-control .nav-link{
        font-size: 10px;
        max-width: 110px;
    }
    .box-content-about-process .box-grid-process{
        gap: 20px;
    }
    .box-grid-process .box-waypoint .item-point{
        text-align: center;
    }
    .box-process-control{
        flex-direction: row!important;
        justify-content: center;
        padding-left: 0;
        margin-bottom: 20px;
        gap: 15px;
    }
    .box-process-control::before {
        left: 50%;
        width: calc(100% - 120px);
        height: 2px;
        top: auto;
        bottom: -15px;
        transform: translateX(-50%);
    }
    .box-process-control .nav-link::before {
        left: 50%;
        width: 10px;
        height: 10px;
        bottom: -19px;
        transform: translateX(-50%);
    }
    .box-grid-process .box-waypoint{
        row-gap: 30px;
    }
    .box-grid-process .box-waypoint .item-point .number {
        font-size: 24px;
    }
    .box-grid-process .box-waypoint .item-point .text {
        font-size: 14px;
    }
    .item-new-main.flex-row:not(.big){
        gap: 10px;
    }
    .item-new-main.flex-row:not(.big) .box-image {
        max-width: 110px;
        min-width: 110px;
    }
    section.box-ads .box-image {
        padding-inline: 0;
    }
    .list-new-item-child,
    .news-item .list-new-item {
        row-gap: 20px;
    }
    .item-new-main.big.other.type-2 .box-content,
    .item-new-main.big.other .box-content{
        padding: 15px;
    }
    .item-new-main.big.other.flex-row{
        flex-direction: column!important;
    }
    .item-new-main.big.other.flex-row .box-image,
    .item-new-main.big.other.flex-row .box-content {
        flex: 100%;
        max-width: 100%;
    }
    .list-new-item-child.list-3-item{
        flex-wrap: wrap;
    }
    .list-new-item-child.list-3-item .item-new-main{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wrap-slider-evalua .title {
        font-size: 24px;
        margin-bottom: 5px;
    }
    .wrap-slider-evalua .des-title {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .content-evalua .box-content-evalua-item .des{
        font-size: 14px;
        margin-top: 10px;
    }
    .content-evalua .row-content-evalua::after,
    .content-evalua .row-content-evalua [class*="col-"]:not(:last-child)::after,
    .content-evalua .row-content-evalua [class*="col-"]:not(:last-child) .box-content-evalua-item::after,
    .content-evalua .row-content-evalua [class*="col-"]:before,
    .content-evalua .row-content-evalua::before{
        display: none;
    }
    .content-evalua .row-content-evalua .box-content-evalua-item {
        padding: 0;
    }
    .content-evalua .row-content-evalua .box-content-evalua-item .btn {
        margin-top: 10px;
    }
    .item-transaction{
        flex-direction: column;
        gap: 20px;
        padding: 20px;
    }
    .content-tranning-top .content-left{
        position: relative;
        top: unset;
        transform: unset;
        height: auto;
        padding: 0 20px;
    }
    .content-tranning-top{
        align-items: flex-start;
        flex-direction: column-reverse;
        gap: 30px;
    }
    .content-tranning-top .content-right .box-content {
        padding-left: 0;
    }
    .content-tranning-top .content-left {
        flex: auto;
        max-width: 100%;
    }
    .content-tranning-top .row{
        row-gap: 20px;
    }
    .content-tranning-top.content-or .box-image-bottom {
        margin-top: 0;
        margin-left: 0;
    }
    .content-tranning-top.content-or .box-content {
        padding-right: 0 !important;
    }
    .content-tranning-top.content-or .box-content .des-pr {
        padding-right: 0;
    }
    .membership-main .container .col-lg-4{
        flex: 0 0 auto;
        width: 30%;
    }
    .membership-main .container .col-lg-8{
        flex: 0 0 auto;
        width: 70%;
    }
    .box-thumbnail-member .name-member {
        font-size: 18px;
    }
    .box-thumbnail-member .category {
        font-size: 16px;
    }
    .box-thumbnail-member .list-start img {
        height: 20px;
        width: auto;
    }
    .wrap-content-membership {
        margin-left: 0;
        margin-top: 35px;
        font-size: 14px;
    }
    .box-thumbnail-member::after{
        height: 35px;
        border-bottom-width: 35px;
        bottom: -35px;
    }
    .wrap-content-membership .title-membership {
        font-size: 20px;
        margin-bottom: 12px;
    }
    .wrap-content-membership .box-info .icon {
        min-width: 16px;
        width: 16px;
    }
    .wrap-content-membership .box-info .list-information{
        gap: 15px;
    }
    .process-rank {
        height: 15px;
    }
    .list-skill {
        padding-left: 6px;
    }
    .list-skill .item::before {
        width: 16px;
        height: 16px;
        left: -8px;
    }
    .list-skill .item .list-start {
        gap: 8px;
    }
    .list-skill .item .list-start img{
        width: 16px;
    }
    .membership-main .container{
        flex-direction: column;
    }
    .membership-main .container .col-lg-4,
    .membership-main .container .col-lg-8 {
        flex: 0 0 auto;
        width: 100%;
    }
    .membership-main .box-thumbnail-member{
        margin: 0;
        width: 100%;
        max-width: 100%;
        text-align: left;
        margin-top: 30px;
        display: flex;
        align-items: center;
        gap: 20px;
        border-radius: 20px;
        padding: 20px;
    }
    .box-thumbnail-member .avatar{
        width: 100%;
        max-width: 180px;
        min-width: 180px;
        background: transparent;
        border: none;
        padding: 0;
        margin: 0;
    }
    .box-thumbnail-member::after{
        display: none;
    }
    .membership-main{
        border: none;
    }
    .box-thumbnail-member .text{
        display: inline-flex;
        max-width: max-content;
        min-width: auto;
        margin-top: 0;
        padding-block: 3px;
    }
    .box-thumbnail-member .list-start{
        max-width: max-content;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }
    .detail-project{
        font-size: 14px;
    }
    .detail-content-page-project .box-title .title {
        font-size: 26px;
        flex-wrap: wrap;
    }
    .detail-content-page-project .box-title .address img {
        width: 16px;
        min-width: 16px;
        margin-right: 8px;
    }
    .detail-content-page-project .box-list-des .item-des .icon img {
        width: 16px;
        min-width: 16px;
        height: auto;
    }
    .item-content-right .content-right,
    .detail-content-page-project .box-list-des{
        padding: 20px;
    }
    .detail-content-page-project .box-list-des .item-des .icon {
        margin-right: 16px;
    }
    .item-content-right .description p {
        font-size: 14px;
    }
    .form-commnet-input .avatar,
    .item-comment .box-avatar {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }
    
    .item-comment .box-comment {
        padding: 10px;
        margin-bottom: 16px;
    }
    .comments-main * {
        font-size: 14px;
    }
    .item-comment .item-comment .box-avatar {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
    .banner-content-item .box-content-right .box-content .title {
        font-size: 20px;
    }
    .banner-content-item .container{
        flex-direction: column-reverse;
        gap: 20px;
    }
    .banner-content-item .content-left {
        flex: auto;
        max-width: 100%;
        aspect-ratio: 560 / 330;
    }
    .banner-content-item .box-content-right .box-image-item{
        flex-direction: column;
    }
    .banner-content-item .box-content-right .box-image-item .box-image {
        aspect-ratio: unset!important;
        flex: auto!important;
        max-width: 100%!important;
    }
    .banner-broker-top .box-image-item .box-image:last-child {
        margin-top: 50px;
    }
    .wrap-auth .wrap-form-auth .wrap-form {
        padding: 30px 30px 40px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .logo-auth {
        margin-bottom: 35px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .title-auth {
        font-size: 24px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .form-control {
        height: 50px;
        padding: 0 20px;
        font-size: 14px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .btn-submit { 
        height: 50px;
        font-size: 16px;
    }
    .item-post-flex{
        flex-direction: column;
    }
    .item-post-flex .box-avatar {
        min-width: unset;
        width: 100%;
        /* border: none; */
        padding: 10px;
        text-align: left;
        border-bottom-left-radius: 0;
        border-top-right-radius: 8px;
        display: flex;
        align-items: center;
        gap: 10px;
    }
    .item-post-flex .box-avatar .box-image{
        width: 40px;
        height: 40px;
        min-width: 40px;
    }
    .item-post-flex .box-avatar .name{
        margin-top: 0;
        font-size: 14px;
    }
    .values-slider .owl-item .item {
        width: calc(100% - 20px);
    }
    .wrap-edu .row .col-md-3{
        flex: 0 0 auto;
        width: 50%;
    }
    .wrap-edu .box-image {
        border-width: 5px;
    }
    .wrap-edu .box-title .title-top {
        padding: 9px 24px;
        font-size: 22px;
    }
    .wrap-edu .box-title .title-last {
        font-size: 24px;
    }
    .solution-wrap{
        padding-top: 20px;
        padding-inline: 30px;
        flex-wrap: wrap;
        column-gap: 20px;
    }
    .solution-wrap .bg-item{
        transform: none;
        margin: 0!important;
        flex: 0 0 auto;
        width: calc(50% - 10px);
        border-radius: 20px;
    }
    .solution-wrap .bg-item.first{
        order: 2;
    }
    .solution-wrap .bg-item.last{
        order: 3;
    }
    .solution-wrap .box-content {
        flex: auto;
        max-width: 100%;
        padding: 0 30px;
        order: 1;
    }
    .box-title-more .title,
    .ier-wrap .wrap-content .box-content .title,
    .solution-wrap .box-content .title{
        font-size: 26px;
    }
    .box-title-more .title span,
    .ier-wrap .wrap-content .box-content .title span,
    .solution-wrap .box-content .title span{
        font-size: 22px;
    }

    .ier-wrap{
        flex-direction: column;
        gap: 20px;
    }
    .ier-wrap .wrap-content{
        position: relative;
    }
    .wrap-ticket {
        padding: 50px 0;
    }
    .wrap-ticket .box-content{
        padding-left: 0;
    }
    .wrap-lands .item-first,.wrap-lands .item-last{display: none;}
    .wrap-lands .item-content .title{
        padding-top: 0;
        font-size: 26px;
    }
    .wrap-lands .item-content .des{
        padding-right: 0;
    }
    .wrap-map .wrap-map-inner .map-image {
        padding: 30px 0;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .wrap-map .wrap-map-inner .box-title-more {
        flex: 0 0 70%;
        max-width: 70%;
        padding: 20px 30px;
        margin-bottom: 0;
        background-color: #E4000E10;
        border-radius: 20px;
    }
    .wrap-map .wrap-map-inner::before{
        display: none;
    }
    .detail-top .item-training {
        flex-direction: column;
        gap: 20px;
    }
    .detail-top .item-training .box-content{
        padding: 0
    }
    .detail-top .item-training .box-video {
        padding-right: 0;
        flex: auto;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }
    .detail-top .bg-posi.right {
        bottom: 10px;
    }
    .detail-top .item-training .box-content .title {
        font-size: 22px;
    }
    .item-course .left .title {
        font-size: 14px;
    }
    .item-course .left .icon {
        min-width: 18px;
        width: 18px;
        margin-top: 2px;
    }
    .item-course .left .icon img{
        width: 100%;
    }
    .item-course .right {
        font-size: 12px;
        padding-left: 28px;
    }
    .item-course .control-item{
        padding: 16px;
        flex-direction: column;
        gap: 5px;
    }
    .item-course .content-course{
        padding: 0 16px;
    }
    .item-course .content-course .item{
        flex-direction: column;
        gap: 5px;
    }
    .about-common .box-content-about .box-content{
        font-size: 14px;
        line-height: calc(21 / 14);
    }
    .about-common .box-content-about{
        gap: 30px;
    }
    .about-common .box-content-about .box-author .name{
        font-size: 15px;
    }
}
@media (max-width: 667px) {
    .form-search-item-new .wrap-form-child{
        flex-direction: column;
        align-items: flex-start;
    }
    .form-search-item-new .wrap-form-child .form-group{
        width: 100%;
    }
    .form-search-item-new.executive-search .wrap-form-child .form-control,
    .form-search-item-new .wrap-form-child .form-control{
        width: 100%;
        padding: 6px 10px;
    }
    .form-search-item-new .wrap-form-child .btn {
        height: 35px;
    }
    .partner-main .list-partner-main {
        row-gap: 25px;
        column-gap: 30px;
    }
    .executive-main {
        margin-bottom: 70px;
    }
    .executive-main .box-active-more{
        text-align: center;
        margin-top: 30px;
    }
    .executive-main .box-active-more .pagination{
        justify-content: center;
    }
    .box-process-control::before {
        width: calc(100% - 30px);
    }
    .box-process-control{
        gap: 10px;
    }
    .process-rank{
        height: 15px;
    }
    .list-skill .item::before {
        width: 16px;
        height: 16px;
        left: -8px;
    }
    .wrap-slider-lecturer {
        padding: 0;
    }
    .lecturer-swiper.owl-carousel .owl-stage{
        margin-left: 0;
    }
    .lecturer-swiper.owl-carousel .owl-stage .owl-item.active.center .item {
        min-width: auto;
        width: 100%;
    }
    .wrap-content-eco .title {
        font-size: 24px;
    }
    .wrap-content-eco .box-content-eco .content-eco img {
        width: 30px;
    }
    .wrap-content-eco .box-content-eco .content-eco{
        padding: 25px;
    }
}
@media (max-width: 575px) {
    .title-category {
        font-size: 16px;
        padding: 6px 12px;
    }
    header#header .logo img {
        height: 35px;
    }
    .box-process-control.process-item .nav-link {
        max-width: 70px;
    }
    .box-process-control .nav-link {
        max-width: 100px;
    }
    .list-new-item-child.list-3-item .item-new-main{
        flex: 100%;
        max-width: 100%;
    }
    .item-project .box-content{
        aspect-ratio: unset;
    }
    .item-project.flex-row{
        flex-direction: column!important;
    }
    .item-project.flex-row .box-image {
        flex: auto;
        max-width: unset;
        aspect-ratio: 380 / 350;
    }
    .item-project.flex-row .box-content{
        height: auto;
    }
    .item-project.item-or.flex-row {
        flex-direction: column-reverse!important;
    }
    .item-project.item-or.flex-row .box-image {
        aspect-ratio: 466 / 366;
        width: 100%;
        flex: auto;
        max-width: unset;
    }
    .item-project.item-or.flex-row .box-content {
        aspect-ratio: unset;
        width: 100%;
        background-color: var(--color-main);
        margin-right: 0;
    }
    .item-project.item-or .box-content .title-new {
        font-size: 14px;
    }
    .item-project.flex-row .box-content .title-new {
        font-size: 18px;
    }
    .item-evalua .cate{
        padding: 0;
    }
    .wrap-slider-evalua.council .item {
        padding: 20px 10px 20px;
    }
    .wrap-slider-evalua.council .item-council{
        box-shadow: none;
    }
    .wrap-slider-evalua.council .item-council::before {
        border: 5px solid #ebebeb7d;
    }
    .wrap-content-study{
        position: relative;
        min-height: auto;
    }
    .wrap-content-study::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #ffffff85;
        z-index: 1;
        display: block;
    }
    .wrap-content-study .box-content{
        position: relative;
        z-index: 2;
    }
    .wrap-content-study .box-content .title {
        font-size: 24px;
    }
    .content-tranning-top .box-content .title-content {
        font-size: 20px;
    }
    .item-training .list-infor .text.text-price {
        font-size: 16px;
    }
    .item-training .list-infor .icon {
        min-width: 14px;
        width: 14px;
    }
    .membership-main .box-thumbnail-member{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .membership-main .box-thumbnail-member .content-member{
        text-align: center;
    }
    .box-thumbnail-member .list-start{
        margin: 0 auto;
    }
    .wrap-content-membership .content-box-item{
        flex-direction: column;
        gap: 15px;
    }
    .wrap-content-membership .box-info .list-information{
        max-width: 100%;
        width: 100%;
    }
    .list-skill .item {
        flex-wrap: wrap;
    }
    .detail-content-page-project .box-title .title {
        font-size: 22px;
    }
    .wrap-new-right .list-new-item-child .item-new-main{
        flex: 0 0 auto;
        max-width: 100%;
        width: 100%;
    }
    .form-commnet-input .avatar,
    .item-comment .box-avatar {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
    .form-commnet-input .box-input-main textarea.form-control {
        padding-block: 10px;
        font-size: 14px;
    }
    .form-commnet-input .box-input-main .btn {
        width: 150px;
        height: 40px;
        font-size: 14px;
    }
    .wrap-auth .wrap-form-auth .wrap-form {
        padding: 30px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .title-auth {
        font-size: 22px;
    }
    .wrap-menu-main nav#nav{
        width: 100%;
    }
    .wrap-menu-main nav#nav{
        padding-top: 50px!important;
    }
    .item-post .box-content-post .title-post {
        font-size: 16px;
    }
    .item-post .box-action-post .actions-list .item-action svg{
        transform: scale(0.8);
    }
    .item-post .box-action-post {
        flex-direction: column-reverse;
    }
    
    .item-post .box-action-post .actions-list{
        width: 100%;
        justify-content: space-between;
    }
    .item-post .box-action-post .number-view{
        width: 100%;
        justify-content: space-between;
    }
    .modal-post-new .box-post-new{
        flex-direction: column;
    }
    .wrap-content-eco .box-content-eco .content-eco {
        padding: 20px 15px;
    }
    .wrap-lands .item-content .des,
    .box-title-more .des, .wrap-move .box-content .des,
    .ier-wrap .wrap-content .box-content .des,
    .wrap-edu .box-title .des,
    .solution-wrap .box-content .des {
        font-size: 14px;
    }
    .solution-wrap{
        row-gap: 30px;
    }
    .solution-wrap .box-content{
        padding-inline: 0;
    }
    .ier-wrap .box-image {
        flex: auto;
        max-width: 100%;
        padding-inline: 30px;
        aspect-ratio: unset;
    }
    .wrap-lands .item-content .wrap-img .bg-item{
        max-width: 30%;
    }
    .wrap-lands .item-content .wrap-img{
        margin-top: 0;
    }
    .wrap-map .wrap-map-inner{
        flex-direction: column-reverse;
    }
    .wrap-map .wrap-map-inner .map-image{
        flex: unset;
        width: 100%;
        max-width: 70%;
    }
    .wrap-map .wrap-map-inner .box-title-more{
        flex: unset;
        max-width: 100%;
    }
}
@media (max-width: 414px) {
    header#header .logo img {
        height: 30px;
    }
    .box-process-control .nav-link {
        max-width: 80px;
    }
    .box-process-control.process-item{
        gap: 5px;
    }
    .wrap-auth .wrap-form-auth .wrap-form .box-auth-location .btn{
        padding-left: 30px;
    }
    .solution-wrap .bg-item{
        width: 100%;
    }
}