@media (max-width: 1120px) {
    ul#example > li >a{
        font-size: 15px;
        padding: 8px 5px;
    }
    .custom-left-menu a {
        padding: 40px 20px 40px 79px !important;
    }
    .main_menu .active a {
        font-size: 40px !important;
    }
}
@media (max-width: 992px) {
    .main_mobile_menu {
        display: block;
    }
    .menu_head_mb_desktop {
        display: none;
    }
    .menu-desktop {
        display: none;
    }
    .logo_head {
        max-width: 500px;
        margin: 0px auto;
        display: block;
        text-align: center;
    }
    .about-content .box-custom-content-about {
        margin-top: 39px;
    }
    .full-list-tm {
        width: 100%;
    }
    .box-colums .title-h {
        text-align: center;
        font-size: 30px;
        line-height: 45px;
    }
    .form-title {
        font-size: 30px;
        line-height: 45px;
        font-family: 'Roboto-Bold';
    }
}

@media (max-width: 876px) {
    .main_mobile_menu .logo_head_mobile img {
        max-width: 140px;
        padding: 10px 0px;
        width: 100%;
    }
}

@media (max-width: 860px) {

}
@media (max-width: 768px) {
    .success-section .about-img{
        position: relative;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        z-index: 1;
    }
    .success-section .about-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 10px solid #ffaa17;
        z-index: 9;
        transition: width 2s linear 1s;
    }
    .education-img-wrap .education-img-3 {
        top: 38px;
        left: 15px;
    }
    .education-img-wrap .education-img-2 {
        text-align: right;
        margin-top: 30px;
    }
    .education-img-wrap .education-img-4 {
        display: none;
    }
    .about-content .box-custom-content-about {
        margin-top: 10px;
    }
    .list-partner-items .partner-full {
        width: calc(100%/3 - 45px);
    }
    .full-b-cjdc {
        width: 100%;
        position: relative;
    }
    .home-colums-box-9 .box-colums .fix-center-title {
        position: relative;
        top: unset;
        left: unset;
        transform: none;
    }
    .full-b-cjdc .info-custom {
        margin-left: 15px;
        margin-right: 15px;
    }
    .home-colums-box-9 .colums-item.colums-item-1 {
        padding: 30px 0px;
    }
    .home-colums-box-9 .box-colums:after {
        content:none;
        position:unset;
        width: 3px;
        height: 100%;
        background: #D1D3D4;
        top:unset;
        right: unset;
        transform: none;
    }
    .f-list-new-footer-items {
        position: relative;
        width: 100%;
        top: unset;
    }
    .home-colums-box-9{
        padding-top: 0px;
    }
    .f-list-new-footer-items {
        background: #0077c0;
    }
}
@media (max-width: 768px){
    .colums-contact-form tr .percent_01 {
        width: calc( 100% - 0px );
        float: left;
    }
    table.colums-contact-form td:first-child span.s0 {
        width: initial;
    }
    table.colums-contact-form td span.s1 {
        color: #fff;
        margin-left: 10px;
    }
    .colums-contact-form tr .percent_02 {
        width: calc( 100% - 0px );
        float: left;
    }
}
@media (max-width: 665px) {
    .ab-full{
        width: 100%;
    }
    .full-list-hvng {
        width: 100%;
    }
    .cb-full {
        width: 100%;
    }
    .list-recruitment-itengineer .item-custom-colums-list {
        width: 100%;
        margin-bottom: 0px;
    }
    .list-recruitment-itengineer .colums-disone-img {
        position: relative;
        right: unset;
        z-index: 9;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .list-recruitment-itengineer{
        right: unset;
    }
    .colums-company-form-title {
        font-size: 30px;
        line-height: 45px;
    }
    .item-right-description .colums-disone-description {
        height: 100%;
        display: grid;
        align-items: center;
        justify-content: center;
        background: #EEEDEE;
        padding: 20px 20px;
        position: relative;
        z-index: 2;
        line-height: 26px;
    }
    .list-recruitment-itengineer .colums-disone-img {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}
@media (max-width: 568px) {
    .full-mobile {
        width: 100%;
    }

}
@media (max-width: 522px) {

}
@media (max-width: 556px) {
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 20px;
    }
    .full-items-box {
        width: 100%;
    }
    .home-colums-box-4 .colums-img {
        max-width: none;
        float: none;
        margin-right: 0px;
        text-align: center;
        margin-bottom: 10px;
    }
    .list-box-tm .description-vj {
        padding-left: 0px;
    }
    .home-colums-box-4 .list-box-tm {
        padding: 10px 20px;
        margin-bottom: 10px;
    }
    .home-colums-box-4 .list-sf-items {
        text-align: center;
    }
    .home-colums-box-4 .description-vj .read-service{
        margin-top: 0px;
    }
}

@media (max-width: 456px){
    .description-list-n-h .description-6 {
        font-size: 15px;
        line-height: 20px;
        color: #4D4D4F;
        font-family: Roboto-Regular;
        display: none;
    }
    .description-list-n-h .t-6-title a {
        color: #0091D2;
        text-decoration: none;
        font-size: 16px;
        line-height: 25px;
        font-family: 'Roboto-Bold';
    }

}


@media (max-width: 405px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 15px;
    }
    .full-new {
        width: 100%;
    }

}
@media (max-width: 370px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 10px;
    }
}

@media (max-width: 310px){
    .list_menu_mobile.navbar-cates .navbar-link {
        position: relative;
        top: 0px;
        margin-top: 8px;
    }
}

/* =========================================================
   RESPONSIVE (from style.css)
========================================================= */

@media (max-width: 1100px) {
    .header-inner {
        grid-template-columns: 190px 1fr 170px;
    }

    .main-menu {
        gap: 25px;
    }

    .main-menu a {
        font-size: 14px;
    }
}

@media (max-width: 920px) {
    .hero-inner {
        grid-template-columns: 1fr;
    }

    .signal-visual {
        height: 300px;
        margin-top: 20px;
    }

    .float-chip {
        font-size: 10px;
        padding: 5px 8px;
    }

    .float-chip.c1 {
        top: 20px;
        left: 5px;
    }

    .float-chip.c2 {
        bottom: 15px;
        right: 5px;
    }

    .float-chip.c3 {
        top: 45%;
        left: 0px;
        right: auto;
    }

    .float-chip.c4 {
        top: auto;
        bottom: 15px;
        left: 5px;
    }

    .float-chip.c5 {
        top: 20px;
        right: 5px;
        left: auto;
    }

    .float-chip.c6 {
        top: 45%;
        right: 0px;
        left: auto;
    }
}

@media (max-width: 900px) {
    :root {
        --container-padding: 18px;
    }

    .header-inner {
        display: flex;
        justify-content: space-between;
        min-height: 64px;
    }

    .site-logo {
        max-width: 165px;
    }

    .site-logo img {
        max-width: 165px;
        max-height: 40px;
    }

    .main-navigation,
    .header-actions {
        display: none;
    }

    .menu-toggle {
        display: block;
    }

    /* Menu is handled globally now */
}

@media (max-width: 575px) {
    :root {
        --container-padding: 15px;
    }

    .header-inner {
        min-height: 60px;
    }

    .site-logo,
    .site-logo img {
        max-width: 145px;
    }

    .menu-toggle {
        width: 40px;
        height: 40px;
    }

    .mobile-menu {
        padding-bottom: 18px;
    }

    .mobile-register-item .button-register {
        width: 100%;
    }
}

/* Tablet: 2 box một hàng */
@media (max-width: 991px) {
    .pricing-section {
        padding: 72px 0 80px;
    }

    .pricing-grid, .pkg-grid, .step-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .promo-grid {
        grid-template-columns: 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr 1fr;
    }
}

/* Mobile: 1 box một hàng */
@media (max-width: 640px) {
    .pricing-section {
        padding: 55px 0 65px;
    }

    .promo-card {
        grid-template-columns: 1fr;
    }
    .footer-grid {
        grid-template-columns: 1fr;
    }

    .promo-card img {
        height: 160px;
    }

    .pricing-heading .section-title {
        margin-top: 17px;
        font-size: 29px;
    }

    .pricing-heading p {
        font-size: 14px;
    }

    .pricing-filter {
        justify-content: center;
        margin: 32px 0 30px;
        padding: 0;
        flex-wrap: wrap;
    }

    .pricing-filter::-webkit-scrollbar {
        display: none;
    }

    .filter-button {
        flex: 0 0 auto;
    }

    .pricing-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .package-card {
        min-height: auto;
        padding: 25px 20px 20px;
        border-radius: 18px;
    }

    .package-card__header .package-title {
        font-size: 20px;
    }

    .package-price strong {
        font-size: 28px;
    }

    .package-command {
        margin-top: 22px;
    }

    .sms-modal__dialog {
        padding: 30px 20px 22px;
    }

    .copy-toast {
        right: 15px;
        bottom: 15px;
        left: 15px;
        text-align: center;
    }
    .pkg-grid, .step-grid { grid-template-columns: 1fr; }
}

@media (max-width: 380px) {
    .package-command {
        flex-wrap: wrap;
    }

    .copy-button {
        width: 100%;
        margin-top: 3px;
    }
}