@media (max-width:911px){
    .off-canvas-left .mfp-content, .off-canvas-right .mfp-content{
        background-color: #747678 !important;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a{
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
    }
    .mfp-content .toggle{
        color: #fff;
    }
    .mfp-content .ux-search-submit {
        background-color: var(--primary-color);
    }
    .nav.nav-vertical li.current-menu-item,.nav.nav-vertical li.current-menu-ancestor{
        background-color: var(--primary-color);
    }
    .mfp-content .nav-slide{
        padding-top: 50px;
    }
    .mfp-ready .mfp-close {
        opacity: 1 !important;
        background: var(--primary-color);
        border-radius: 0 0 0 28px;
        mix-blend-mode: unset;
    }
    .mfp-close svg {
        margin-left: 6px;
        margin-bottom: 3px;
    }
    .header .flex-row{
        padding: 0 15px;
    }
    .post-item .box-text{
        padding-bottom: 10px;
    }
    .section-service h3{
        font-size: 24px;
    }
}
/* Force override CSS để fix scroll issue */
@media (max-width: 767.98px) {
  /* IMPORTANT: Override existing CSS */
  .vsw-projects-tabs-wrap .vsw-tabs {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* FIX: Tab đầu tiên cần thêm margin để không bị che bởi wrapper */
  .vsw-projects-tabs-wrap .vsw-tabs .vsw-tab:first-child {
    margin-left: 12px !important;
    position: relative;
  }
  
  /* Wrapper tạo bleed effect */
  .vsw-projects-tabs-wrap {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  
  /* Tab panel không bị ảnh hưởng */
  .vsw-projects-tabs-wrap .vsw-tab-panel {
    margin-left: 12px;
    margin-right: 12px;
  }
  
  /* Đảm bảo scroll behavior */
  .vsw-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    scroll-padding-left: 12px;
    scroll-padding-right: 12px;
    padding: 15px;
  }
  
  .vsw-tabs::-webkit-scrollbar { 
    display: none; 
  }
    
  .vsw-tab {
    scroll-snap-align: start;
    flex: 0 0 auto;
    white-space: nowrap;
    max-width: 85vw;
    position: relative;
  }

}
@media (max-width:600px){
    .section-banner .text-box{
        padding: 20px;
    }
    .section-ctform .ot-form{
        padding: 15px;
    }
    .section-ctform .ot-form .form-group.half{
        width: 100%;
        max-width: 100%;
    }
    .section-ctform .ot-form h3{
        text-align: center;
    }
    .section-ctform .ot-form .form-group input[type="submit"]{
        width: 100%;
    }
    .banner-contact .button{
        font-size: 20px;
    }
    .cf7-custom-btn{
        top: 12px;
        right: 7px;
    }
    .section h2{
        font-size: 36px;
    }
    h3.post-title{
        font-size: 26px;
    }
    .section-solution .col:last-child .col-inner .is-border{
        border: none;
    }
    .section-solution .col:last-child .col-inner>*{
        padding: 15px;
    }
    .section-solution .is-divider{
        display: none;
    }
    .page-title h1.entry-title{
        font-size: 36px;
    }
    .section-about .row .col:first-child .col-inner {
        border-right: 1px solid var(--primary-color);
        border-bottom: none;
        border-radius: 20px 20px 0 0;
        padding: 15px;
    }
    
    .section-about img{
        border-radius: 0 0 20px 20px;
    }
}