@media (min-width: 992px) {
.nav-item.dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
.nav-link { border-bottom: none; }
}

@media (max-width: 991px) {
.input-group{margin-bottom: 10px;}
.top-bar a{font-size: 13px; margin-left: 5px;}
.offcanvas-body{display: block;}
.footer-col{margin-bottom: 35px;}
.offcanvas-start { left: 0 !important; width: 85% !important; border-right: none !important; transition: transform 0.3s ease-in-out; }
.menu-slider { display: flex; width: 200%; transition: transform 0.3s ease; }
.main-page, .submenu-page { width: 50%; list-style: none; padding: 0; margin: 0; }
.offcanvas.is-submenu .menu-slider { transform: translateX(-50%); }
.nav-link { font-size: 16px; color: #000000 !important; padding: 18px 20px !important; }

.left-title h2{font-size: 28px;}
.center-title h2{font-size:28px;}
.latest-products .nav-btn{width: 35px; height: 35px;}
.latest-products .nav-btn span{width: 35px; height: 35px; font-size: 22px;}
.latest-products{margin-bottom: 30px;}
.who-we-are .container{display: block;}
.who-we-are .left-content{width: 100%;}
.who-we-are .right-content{width: 100%;}
.who-we-are .year-box{width: 100%; height: auto; margin: 40px 0px; padding: 20px 0px;}
.who-we-are::before{width: 100%;}
.capability-item{margin-bottom: 40px;}
.capabilities-section{padding: 60px 0px 0px 0px;}
.values-section .value-card{margin-bottom: 30px;}
.values-section .value-card:last-child{margin-bottom: 0px;}
.values-section .culture-list li{margin-bottom: 10px;}

.main-footer{padding: 40px 10px;}
.latest-products .nav-buttons{padding: 4px 6px;}
.contact-card{padding: 0px 15px;}
.contact-form-section{padding: 50px 15px 0px 15px;}
.contact-form-section .form-title{font-size: 28px;}
.breadcrumb-section h1{font-size: 28px; line-height: 44px;}
.success-section .success-content h2{font-size: 28px; line-height: 40px;}
.success-section{padding: 50px 20px;}
.success-section .success-content p{font-size: 16px;}
}

@media (max-width: 768px) {
.filter-bar{justify-content: center;}
.filter-dropdown{min-width: 100%;}
.filter-header{padding: 6px 15px;}
.font-size{font-size: 15px;}
}

@media (max-width: 576px) { 
    .custom-ui .page-link { font-size: 18px; margin: 0 5px; padding: 5px 10px; } 
    .custom-ui .page-item.active .page-link { padding: 5px 12px; }
}