@media(max-width:1024px){
    .nav{display:none}
    .h_search{display:none}
    .header .left{gap:20px}
    .desktop-nav .nav__list{gap:20px}
    .desktop-nav .nav__list .nav__item a{font-size:14px;padding:8px}
    .desktop-search-area .int_search{width:180px}
    .Multilingual{z-index:10}
}

@media (max-width:880px){
.mobile-actions{display:flex;position:relative;top:4px}
.mobile-search-toggle{display:flex;font-size:24px;color:var(--color-primary);cursor:pointer;background:0 0;line-height:1;align-items:center}
.menu-toggle-btn{display:flex;font-size:28px;color:var(--color-primary);cursor:pointer;background:0 0;align-items:center}
.desktop-nav{display:none}
.desktop-search-area{display:none}
.mobile-search-expand{position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 20px;box-shadow:0 8px 16px rgba(0,0,0,.1);z-index:100;border-top:1px solid #e2e8f0;display:none}
.mobile-search-expand.active{display:block}
.mobile-search-form{display:flex;gap:10px;align-items:center}
.mobile-search-form input{flex:1;border:2px solid var(--color-primary);border-radius:40px;padding:12px 18px;font-size:14px;outline:0}
.mobile-search-form button{background:var(--color-primary);color:#fff;border-radius:40px;padding:10px 20px;cursor:pointer;font-weight:600;border:none;transition:var(--transition)}
.mobile-search-form button:hover{opacity:.9}
.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2000;visibility:hidden;opacity:0;transition:.3s ease;display:block}
.mobile-menu-overlay.active{visibility:visible;opacity:1}
.mobile-nav-container{position:fixed;top:0;right:-85%;width:85%;max-width:380px;height:100%;background:#fff;z-index:2100;box-shadow:-5px 0 20px rgba(0,0,0,.2);transition:right .3s cubic-bezier(.2, .9, .4, 1.1);overflow-y:auto;display:flex;flex-direction:column}
.mobile-menu-overlay.active .mobile-nav-container{right:0}
.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:5px 5px 5px 20px;background:var(--color-primary);color:#fff}
.mobile-nav-header h4{font-size:18px;font-weight:600;margin:0}
.close-mobile-menu{background:0 0;font-size:28px;cursor:pointer;color:#fff;border:none;line-height:1}
.mobile-nav-list{padding:0;margin:0;list-style:none;flex:1}
.mobile-nav-item{border-bottom:1px solid #f0f0f0}
.mobile-nav-link{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;color:var(--color-primary);font-size:16px;cursor:pointer}
.mobile-nav-link .toggle-icon{font-size:18px;transition:transform .2s}
.mobile-submenu{display:none;background-color:#f9fafc;padding-left:0;list-style:none}
.mobile-submenu.open{display:block}
.mobile-submenu li a{display:block;padding:12px 20px 12px 35px;color:#2c3e50;font-weight:400;border-bottom:1px solid #eef2f5;font-size:14px;text-decoration:none}
.mobile-submenu li a:hover{background:#f1f5f9;color:var(--color-primary)}
.mobile-sub-submenu{display:none;background-color:#f5f7fa;padding-left:15px;list-style:none}
.mobile-sub-submenu.open{display:block}
.mobile-sub-submenu li a{display:block;padding:10px 20px 10px 45px;color:#4a5568;font-size:13px;border-bottom:1px solid #e9ecef;text-decoration:none}
.mobile-sub-submenu li a:hover{background:#e9ecef;color:var(--color-primary)}
.has-children-level2 .mobile-nav-link{padding-left:35px;font-weight:500}
.header .right{gap:12px}
.Multilingual li{padding:6px 16px;font-size:13px}
.logo img{max-height:40px}
.header{padding:12px 0}
}


@media(max-width:767px){
    .nav{display:none}
    .h_search{display:none}
    .footer__nav{display:none;flex-wrap:wrap;width:100%;justify-content:space-between;text-align:left}
    .footer_logo-des{width:100%}
    .ft_content .ft_logo{flex-wrap:wrap;gap:20px;text-align:center}
    .ft_about .list{flex-wrap:wrap;justify-content:space-between;gap:20px}
    .logo img{max-width:110px}
    .mobile-actions{gap:12px}
    .mobile-search-toggle{font-size:20px}
    .menu-toggle-btn{font-size:24px}
    .Multilingual li{padding:5px 12px;font-size:12px}
    .mobile-search-expand{padding:12px 16px}
    .mobile-search-form input{padding:10px 14px;font-size:13px}
    .mobile-search-form button{padding:8px 16px;font-size:13px}
    .mobile-nav-container{width:85%;max-width:320px}
    .mobile-nav-link{padding:14px 16px;font-size:15px}
    .mobile-submenu li a{padding:10px 16px 10px 28px;font-size:13px}
    .mobile-sub-submenu li a{padding:8px 16px 8px 38px;font-size:12px}
    .has-children-level2 .mobile-nav-link{padding-left:28px}
    .mobile-nav-header h4{font-size:16px}
    .close-mobile-menu{font-size:24px}

}