/* OT Defend Responsive CSS Dosyası */

/* Tablet Cihazlar (768px ve üzeri) */
@media (min-width: 768px) and (max-width: 991px) {
    /* Header */
    .main-menu ul li {
        margin-left: 15px;
    }
    
    /* Bölüm Başlıkları */
    .section-title h2 {
        font-size: 32px;
    }
    
    /* Demo Sayfası */
    .demo-intro-content {
        padding-right: 0;
        margin-bottom: 30px;
    }
    
    .process-item {
        margin-bottom: 40px;
    }
    
    /* Form Alanları */
    .demo-form-wrapper {
        padding: 25px;
    }
    
    /* Footer */
    .footer-widget {
        margin-bottom: 30px;
    }
}

/* Mobil Cihazlar (767px ve altı) */
@media (max-width: 767px) {
    /* Header */
    .header-area {
        padding: 8px 0;
    }
    
    .logo {
        text-align: center;
        margin-bottom: 15px;
    }
    
    .main-menu {
        text-align: center;
    }
    
    .main-menu ul li {
        margin: 0 10px;
    }
    
    /* Sayfa Başlığı */
    .page-title-area {
        padding: 40px 0;
    }
    
    .page-title-content h2 {
        font-size: 26px;
    }
    
    /* Bölüm Başlıkları */
    .section-padding {
        padding: 50px 0;
    }
    
    .section-title h2 {
        font-size: 26px;
    }
    
    /* Demo Sayfası */
    .demo-intro-content {
        text-align: center;
        margin-bottom: 30px;
    }
    
    .demo-image {
        margin-bottom: 30px;
    }
    
    .demo-features ul li {
        text-align: left;
    }
    
    /* Süreç Alanı */
    .process-item {
        margin-bottom: 30px;
    }
    
    /* Form Alanları */
    .demo-form-wrapper {
        padding: 20px;
    }
    
    /* CTA Alanı */
    .contact-cta-inner {
        padding: 30px;
    }
    
    /* Footer */
    .footer-widget {
        margin-bottom: 30px;
        text-align: center;
    }
    
    .footer-widget h4:after {
        left: 50%;
        transform: translateX(-50%);
    }
    
    .footer-widget ul li a:hover {
        padding-left: 0;
    }
    
    .social-icons {
        text-align: center;
    }
    
    .contact-info p i {
        display: block;
        margin: 0 auto 5px;
    }
}

/* Küçük Mobil Cihazlar (575px ve altı) */
@media (max-width: 575px) {
    /* Header */
    .main-menu ul li {
        margin: 0 8px;
    }
    
    /* Sayfa Başlığı */
    .page-title-content h2 {
        font-size: 24px;
    }
    
    /* Bölüm Başlıkları */
    .section-title h2 {
        font-size: 24px;
    }
    
    /* Butonlar */
    .btn {
        padding: 10px 20px;
        font-size: 12px;
    }
    
    /* Form Alanları */
    .demo-form-wrapper {
        padding: 15px;
    }
    
    /* CTA Alanı */
    .contact-cta-inner {
        padding: 20px;
    }
    
    .contact-cta-inner h3 {
        font-size: 22px;
    }
}