/* Mobil Uyumlu Ek CSS */
@media (max-width: 767px) {
    /* Modal mobil uyum */
    #errorModal {
        padding: 10px !important;
    }
    
    #errorModal > div {
        padding: 15px !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    
    /* Topbar login mobil uyum */
    #topbar_login .access-info-box {
        position: fixed !important;
        top: 60px !important;
        right: 10px !important;
        left: 10px !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }
    
    #topbar_login .form {
        padding: 15px !important;
    }
    
    #topbar_login input[type="text"],
    #topbar_login input[type="password"] {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Header mobil uyum */
    #header-sidebar {
        text-align: center !important;
    }
    
    #header-sidebar .text-content {
        margin-top: 10px !important;
    }
    
    #header-sidebar h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
    
    /* Slider mobil uyum */
    .slider-polaroid {
        height: 250px !important;
    }
    
    .slider-polaroid .slide-content {
        padding: 20px !important;
    }
    
    .slider-polaroid h1,
    .slider-polaroid h2 {
        font-size: 18px !important;
    }
    
    .slider-polaroid p {
        font-size: 12px !important;
    }
    
    /* Service boxes mobil uyum */
    .box-sections {
        padding: 15px !important;
        margin-bottom: 10px !important;
    }
    
    .box-sections h4 {
        font-size: 16px !important;
    }
    
    .box-sections p {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Blog section mobil uyum */
    .section.blog .post {
        margin-bottom: 20px !important;
    }
    
    .section.blog .thumbnail,
    .section.blog .the-content {
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    
    .section.blog img {
        width: 100% !important;
        height: auto !important;
    }
    
    /* Logos slider mobil uyum */
    .logos-slider .logo {
        max-width: 60px !important;
        max-height: 40px !important;
    }
    
    /* Footer mobil uyum */
    .footer-widgets-area [class*="span"] {
        width: 100% !important;
        margin-bottom: 20px !important;
    }
    
    .footer-widgets-area h3 {
        font-size: 16px !important;
    }
    
    .footer-widgets-area p,
    .footer-widgets-area li {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }
    
    /* Contact form mobil uyum */
    .contact-form input,
    .contact-form textarea {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    /* Social links mobil uyum */
    .socials-default-small {
        display: block !important;
        margin: 5px 0 !important;
    }
}

@media (max-width: 480px) {
    /* Extra small screens */
    #header-sidebar h3 {
        font-size: 12px !important;
    }
    
    .slider-polaroid {
        height: 200px !important;
    }
    
    .slider-polaroid h1,
    .slider-polaroid h2 {
        font-size: 16px !important;
    }
    
    .slider-polaroid p {
        font-size: 11px !important;
    }
    
    .box-sections h4 {
        font-size: 14px !important;
    }
    
    .box-sections p {
        font-size: 12px !important;
    }
}