/* ==========================================================================
   FILE: responsive.css
   DESCRIPTION: Tablet and Mobile adjustments
   ========================================================================== */

@media (max-width: 1200px) {
    .main-header-right-orders, 
    .main-header-right-langs { display: none !important; }
    .page-about-main-banner h1, .page-about-main-banner h3 { font-size: 48px; }
}

@media (max-width: 768px) {
    /* Header Compact */
    .main-header { height: 80px; padding: 0 15px; }
    .main-header-left-logo img { width: 100px; height: auto; }
    .iisf-logo { display: none !important; }
    
    /* Menu */
    .open-menu--links { padding-top: 80px; max-width: 320px; }

    /* Home Page */
    .full-screen-video-container { height: 50vh; }
    .main-provide { border-radius: 30px; margin-top: -40px; padding: 60px 0; }
    
    /* Map */
    .main-page-map { margin-top: -30px; padding-top: 60px; padding-bottom: 50px; }
    .main-map-block { padding: 15px; gap: 15px; border-radius: 30px; }
    .main-map-block--frame { min-height: 300px; }
    .main-map-block--info { text-align: center; }

    /* Typography */
    h1, .page-about-main-banner h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
}

@media (max-width: 480px) {
    .open-menu--links { width: 100%; max-width: 100%; }
    .card-image-wrapper { height: 150px; }
}