/** Please add your Custom CSS here **/

/* Responsive başlık ve metin boyutları */
@media (max-width: 768px) {
    .responsive-title {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    .responsive-title .title-regular {
        font-size: 20px !important;
    }
    
    .responsive-lead {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }
}

@media (max-width: 480px) {
    .responsive-title {
        font-size: 20px !important;
        line-height: 1.2 !important;
    }
    
    .responsive-title .title-regular {
        font-size: 18px !important;
    }
    
    .responsive-lead {
        font-size: 14px !important;
    }
}

/* Tablet view (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-nav > li > a {
        padding: 10px 8px;
        font-size: 14px;
    }
    
    .dropdown-menu {
        min-width: 200px;
    }
    
    .dropdown-menu > li > a {
        padding: 8px 15px;
        font-size: 13px;
    }
}

/* Mobile view (max-width: 767px) */
@media (max-width: 767px) {
    .navbar-fixed-top {
        min-height: 60px;
    }
    
    .navbar-brand {
        height: 60px;
        padding: 10px 15px;
    }
    
    .navbar-toggle {
        margin-top: 13px;
    }
    
    .dropdown-menu {
        max-height: 250px;
        overflow-y: auto;
    }
    
    .dropdown-menu > li > a {
        padding: 10px 15px;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.1);
        box-shadow: 0 6px 12px rgba(0,0,0,0.175);
    }
    
    .page-header {
        min-height: 250px;
    }
}

/* Ensure dropdown menus are scrollable on all devices */
.dropdown-menu {
    max-height: 400px;
    overflow-y: auto;
}