/* Duyarlı Tasarım (Responsive Design) */

/* Büyük Masaüstü Ekranlar */
@media (max-width: 1200px) {
    .container {
        max-width: 960px;
    }
    .hero-title {
        font-size: 2.5rem;
    }
}

/* Orta Boy Ekranlar */
@media (max-width: 992px) {
    .container {
        max-width: 720px;
    }
    .hero-title {
        font-size: 2.2rem;
    }
    .hero-description {
        font-size: 1rem;
    }
    .service-card {
        padding: 20px;
    }
    .quote-btn {
        margin-left: 0;
    }
}

/* Tablet Ekranlar */
@media (max-width: 768px) {
    .container {
        max-width: 540px;
    }
    .hero-section {
        padding: 80px 0 50px;
        text-align: center;
    }
    .hero-btns {
        justify-content: center;
    }
    .hero-title {
        font-size: 2rem;
    }
    .service-icon, .feature-icon {
        margin-left: auto;
        margin-right: auto;
    }
    .service-card, .feature-card {
        text-align: center;
    }
    .top-bar-content {
        justify-content: center;
    }
    .contact-info a {
        font-size: 0.8rem;
        margin-left: 10px;
    }
}

/* Mobil Ekranlar */
@media (max-width: 576px) {
    .hero-title {
        font-size: 1.8rem;
    }
    .section-title h2 {
        font-size: 1.8rem;
    }
    .hero-btns {
        flex-direction: column;
        gap: 10px;
    }
    .hero-btns .btn {
        width: 100%;
    }
    .contact-info {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .contact-info a {
        margin: 5px 10px;
    }
    .footer-section {
        padding: 50px 0 20px;
    }
}

/* Çok Küçük Mobil Ekranlar */
@media (max-width: 320px) {
    .hero-title {
        font-size: 1.5rem;
    }
}