/* Large tablets and small desktops (1024px and below) */
@media (max-width: 1024px) {
    .slide { padding: 30px; }
    h1 { font-size: 3rem; }
    h2 { font-size: 2rem; }
    .subtitle { font-size: 1.5rem; }
    .professional-image { width: 250px; height: 130px; }
    .advantages-grid { grid-template-columns: 1fr; }
    .business-model-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Tablets (768px and below) */
@media (max-width: 768px) {
    .slide-area { margin: 15px; }
    .slide { padding: 25px 20px; }
    .slide-logo { display: none; }
    .presentation-header {
    padding: 20px 15px;
    min-height: 110px;
    padding-right: 75px;
    align-items: flex-start; /* This new line moves the content up */
}
    .header-left { gap: 15px; }
    .logo { display: none; }
    .header-left::before {
        content: '';
        display: block;
        width: 80px;  /* Changed from 90px */
        height: 80px; /* Changed from 90px */
        background-image: url('../images/logo2222.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: white;
        border-radius: 12px;
        flex-shrink: 0;
        padding: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }
    .presentation-title { font-size: 1.1rem; line-height: 1.3; }
    h1 { font-size: 2.5rem; }
    h2 { font-size: 1.8rem; }
    .subtitle { font-size: 1.3rem; }
    .website { font-size: 1rem; padding: 12px 20px; }
    .vision-mission, .problem-grid, .solution-grid, .advantages-grid, .business-model-grid, .team-container { grid-template-columns: 1fr; gap: 20px; }
    .market-grid { grid-template-columns: repeat(2, 1fr); gap: 15px; }
    .vm-card, .problem-item, .solution-item, .model-item { padding: 20px; text-align: left; }
    .advantage-item { flex-direction: column; text-align: left; padding: 20px; }
    .advantage-icon { margin-right: 0; margin-bottom: 10px; }
    .services-table { padding: 20px; text-align: left; }
    .service-row { flex-direction: column; text-align: center; gap: 10px; }
    .service-icon { margin-right: 0; margin-bottom: 5px; }
    .service-content { text-align: left; }
    .contact-info { flex-direction: column; gap: 15px; }
    .contact-item { font-size: 1rem; }
    .cta-title { font-size: 2rem; }
    .presentation-footer { display: none; } /* MODIFIED */
    .navigation-controls { order: 1; }
    .slide-info { order: 2; font-size: 0.8rem; }
    .professional-images { flex-direction: column; gap: 15px; }
    .professional-image { width: 100%; max-width: 300px; height: 120px; }
    .team-card { padding: 20px; }
    .team-avatar { width: 80px; height: 80px; font-size: 2rem; }
    .experience-badge { top: 15px; right: 15px; padding: 6px 12px; font-size: 0.7rem; }
    .bullet-points li { font-size: 1rem; margin-bottom: 15px; }
    .bullet-points li::before { margin-right: 15px; }
    .milestones { padding: 20px; text-align: left; }
}

/* Mobile phones (480px and below) */
@media (max-width: 480px) {
    .slide-area { margin: 10px; }
    .slide { padding: 15px 10px; }
    .presentation-header { padding: 18px 10px; min-height: 100px; }
    .header-left { gap: 12px; }
    .header-left::before {
        .header-left::before {
        content: '';
        display: block;
        width: 70px;  /* Changed from 80px */
        height: 70px; /* Changed from 80px */
        background-image: url('../images/logo2222.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-color: white;
        border-radius: 10px;
        padding: 6px;
    }
    }
    .presentation-title { padding: 20px 15px;; font-size: 0.85rem; }
    h1 { font-size: 2rem; }
    h2 { font-size: 1.5rem; }
    .subtitle { font-size: 1.1rem; }
    .market-grid { grid-template-columns: 1fr; }
    .vm-card, .problem-item, .solution-item, .model-item, .advantage-item, .services-table { padding: 15px; }
    .cta-title { font-size: 1.8rem; }
    .nav-btn { width: 35px; height: 35px; }
    .team-avatar { width: 70px; height: 70px; }
    .team-card h3 { font-size: 1.3rem; }
    .experience-badge { top: 10px; right: 10px; padding: 5px 10px; font-size: 0.65rem; }
    .bullet-points li { font-size: 0.9rem; }
    .milestones { padding: 15px; }
    .vm-title { font-size: 1.3rem; }
}