/*
 * NPL Sports Pro Theme - Master Responsive Styles
 * File: Assets/css/responsive-master.css
 */

/* ===================================================================
 * TABLE OF CONTENTS
 * 1. Extra Small Mobile (Up to 320px)
 * 2. Small Mobile (321px - 375px)
 * 3. Medium Mobile (376px - 425px)
 * 4. Large Mobile / Tablet Portrait (426px - 768px)
 * 5. Tablet Landscape / Laptop (769px - 1024px)
 * 6. Standard Desktop (1025px - 1440px)
 * 7. Large Desktop / 4K (1441px and Above)
 * =================================================================== */

/* 1. EXTRA SMALL MOBILE (Up to 320px) */
@media (max-width: 320px) {
    .section-title span { font-size: 14px; }
    .header-ad-space { display: none; }
}

/* 2. SMALL MOBILE (321px - 375px) */
@media (min-width: 321px) and (max-width: 375px) {
    .section-title span { font-size: 16px; }
}

/* 3. MEDIUM MOBILE (376px - 425px) */
@media (min-width: 376px) and (max-width: 425px) {
    .section-title span { font-size: 18px; }
}

/* 4. LARGE MOBILE / TABLET PORTRAIT (426px - 768px) */
@media (max-width: 768px) {
    /* (Specific mobile stacking rules are also handled inside component css) */
    .section-title { font-size: 16px !important; }
}

/* 5. TABLET LANDSCAPE / LAPTOP (769px - 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
    .header-ad-space { max-width: 468px; }
    .container { max-width: 960px; }
}

/* 6. STANDARD DESKTOP (1025px - 1440px) */
@media (min-width: 1025px) and (max-width: 1440px) {
    .container { max-width: 1200px; }
}

/* 7. LARGE DESKTOP / 4K (1441px and Above) */
@media (min-width: 1441px) {
    .container { max-width: 1400px; }
}