/* ==========================================
   GLOBAL RESPONSIVE UTILITIES
   ========================================== */

/* Container Responsive Breakpoints */
@media (max-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

@media (max-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

@media (max-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (max-width: 768px) {
    .container {
        max-width: 720px;
    }
    
    .section {
        padding: 48px 20px;
    }
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding: 0 16px;
    }
    
    .section {
        padding: 40px 16px;
    }
}

/* Global Typography Responsive */
@media (max-width: 768px) {
    body {
        padding-top: 70px;
    }
}