/* CertOcean menu pages: courses by category, Interview Preparation, IT Consulting, Resume Building,
   Why CertOcean, Blogs, About Us and Contact Us. Phones, foldables and touch tablets (2026-10-16).
   Same tiers as the homepage:
     phones and fold cover / unfolded screens ..... max-width 767.98px (any input)
     touch tablets, unfolded landscape, phones on their side ... 768-1499px AND touch-only (hover:none, pointer:coarse)
   Laptops and desktops use a mouse or trackpad, so none of this reaches them at any width.
   The <link> carries the same media list. Remove the <link> to switch it all off. */

/* ================= PHONES (up to 767.98px) ================= */
@media (max-width: 767.98px) {

/* ---------- top bar: one line ---------- */
html body .nav-follow.d-md-none .top-bar{padding:5px 0 !important}
html body .nav-follow.d-md-none .top-bar .row{flex-wrap:nowrap !important;align-items:center;justify-content:space-between;margin:0 !important}
html body .nav-follow.d-md-none .topbar-left,
html body .nav-follow.d-md-none .topbar-right{width:auto !important;flex:0 1 auto !important;max-width:none !important;padding:0 !important;margin:0 !important}
html body .nav-follow.d-md-none .top-bar ul{margin:0 !important;padding:0 !important;gap:12px !important;flex-wrap:nowrap !important;justify-content:flex-start !important}
html body .nav-follow.d-md-none .top-bar ul .gap-3{gap:0 !important;flex-wrap:nowrap !important}
html body .nav-follow.d-md-none .top-bar li{margin:0 !important;padding:0 !important;line-height:1.2}
html body .nav-follow.d-md-none .top-bar a{font-size:12px !important;font-weight:600;white-space:nowrap}
html body .nav-follow.d-md-none .topbar-left .gap-3 > li:nth-child(n+2),
html body .nav-follow.d-md-none .topbar-left ul > li,
html body .nav-follow.d-md-none .topbar-right ul > li:first-child{display:none !important}

/* ---------- footer ---------- */
html body footer.cf-footer .cf-news{padding:18px !important;gap:12px !important}
html body footer.cf-footer .cf-news-ic,
html body footer.cf-footer .cf-news-copy p,
html body footer.cf-footer .cf-about{display:none !important}
html body footer.cf-footer .cf-news-title{font-size:17px !important;margin:0 !important}
html body footer.cf-footer .cf-main{display:block !important;padding-top:22px !important;padding-bottom:4px !important}
html body footer.cf-footer .cf-brand{margin-bottom:14px}
html body footer.cf-footer .cf-brand-top{margin-bottom:6px !important}
html body footer.cf-footer .cf-contact{gap:4px !important}
html body footer.cf-footer .cf-contact li{padding:3px 0 !important;min-height:0 !important}
html body footer.cf-footer nav.cf-col{border-top:1px solid rgba(255,255,255,.12);padding:0 !important;margin:0 !important}
html body footer.cf-footer nav.cf-col:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
html.co-m-acc body footer.cf-footer nav.cf-col > h3{position:relative;margin:0 !important;padding:14px 28px 14px 0 !important;font-size:13.5px !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.co-m-acc body footer.cf-footer nav.cf-col > h3::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.8}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > h3::after{transform:rotate(-135deg);margin-top:-2px}
html.co-m-acc body footer.cf-footer nav.cf-col:not(.co-m-open) > :not(h3){display:none !important}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > ul{padding-bottom:12px !important}
html body footer.cf-footer .cf-trust{gap:8px !important;margin-top:0 !important;padding-top:18px !important}
html body footer.cf-footer .cf-trust .cf-chip{font-size:11.5px !important;padding:7px 10px !important}
html body footer.cf-footer .cf-bottom{padding-top:14px !important;margin-top:14px !important}

/* ---------- redesigned pages (.co-pg): rhythm and headings ---------- */
html body .co-pg-sec{padding:32px 0 !important}
html body .co-pg-sec--tight{padding:26px 0 !important}
html body .co-pg-head{margin-bottom:16px !important}
html body .co-pg-kicker{font-size:11.5px !important;margin-bottom:6px !important}
html body .co-pg-h2{font-size:24px !important;line-height:1.2 !important;margin-bottom:6px !important}
html body .co-pg-sub{font-size:14px !important;line-height:1.5 !important}
html body .co-pg-prose p{font-size:14px !important;line-height:1.6 !important}
html body .co-pg-prose p + p{display:none !important}

/* hero: no breadcrumb pill, smaller type, two buttons side by side */
html body .co-pg-hero--c .co-pg-hero-in{padding-top:18px !important;padding-bottom:64px !important}
html body .co-pg-hero--c.co-pg-hero--nostats .co-pg-hero-in{padding-bottom:28px !important}
html body .co-pg-crumb{display:none !important}
html body .co-pg-hero--c h1{font-size:28px !important;line-height:1.15 !important;margin-bottom:10px !important}
html body .co-pg-hero--c .co-pg-lead{font-size:14.5px !important;line-height:1.55 !important;margin-bottom:14px !important}
html body .co-pg-hero-act{gap:10px !important;flex-wrap:nowrap !important;margin-top:4px !important}
html body .co-pg-hero-act .co-pg-btn{flex:1 1 0 !important;min-width:0 !important;height:auto !important;min-height:44px !important;padding:6px 10px !important;font-size:13.5px !important;line-height:1.25 !important;white-space:normal;text-align:center}
html body .co-pg-hero-act .co-pg-btn i{display:none !important}

/* stats: one strip of four */
html body .co-pg-stats{margin-top:-44px !important}
html body .co-pg-stats-card{grid-template-columns:repeat(4,minmax(0,1fr)) !important;border-radius:16px !important}
html body .co-pg-stats-card > li{border-top:0 !important}
html body .co-pg-stats-card > li::before{display:none !important}
html body .co-pg-stats-card > li + li{border-left:1px solid #e6ebf5 !important}
html body .co-pg-stat{flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;gap:2px !important;padding:12px 4px !important;height:100%}
html body .co-pg-stat .co-pg-ico{display:none !important}
html body .co-pg-stat-x > b{font-size:17px !important;line-height:1.2 !important}
html body .co-pg-stat-x > span{font-size:10.5px !important;line-height:1.25 !important;margin-top:2px}

/* contact channels: 2 x 2 */
html body .co-pg-channels{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
html body .co-pg-channel{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:3px !important;padding:12px !important;min-width:0}
html body .co-pg-channel .co-pg-ico{width:34px !important;height:34px !important;font-size:14px !important;border-radius:10px !important;margin:0 0 4px !important}
html body .co-pg-channel b{font-size:14px !important}
html body .co-pg-channel span{font-size:12px !important;overflow-wrap:anywhere}
html body .co-pg-channel small{display:none !important}

/* feature cards: two small tiles per row, icon and title only */
html body .co-pg-grid{gap:10px !important}
html body .co-pg-grid:has(> .co-pg-card:not(.co-pg-card--accent)){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html body .co-pg-grid > .co-pg-card:not(.co-pg-card--accent){display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:8px !important;padding:14px 12px !important;border-radius:14px !important}
html body .co-pg-grid > .co-pg-card:not(.co-pg-card--accent) .co-pg-ico{width:36px !important;height:36px !important;font-size:15px !important;border-radius:11px !important;margin:0 !important}
html body .co-pg-grid > .co-pg-card:not(.co-pg-card--accent) h3{font-size:14px !important;line-height:1.3 !important;margin:0 !important}
html body .co-pg-grid > .co-pg-card:not(.co-pg-card--accent) p{display:none !important}

/* service cards: title and summary stay, the bullet list opens on tap */
html body .co-pg-card--accent{padding:16px !important;border-radius:16px !important}
html body .co-pg-card--accent .co-pg-card-hd{flex-direction:row !important;align-items:flex-start !important;gap:12px !important}
html body .co-pg-card--accent .co-pg-ico{width:40px !important;height:40px !important;font-size:16px !important;border-radius:12px !important;flex:0 0 40px}
html body .co-pg-card--accent h3{font-size:16px !important;line-height:1.3 !important;margin-bottom:4px !important}
html body .co-pg-card--accent p{font-size:13.5px !important;line-height:1.5 !important}
html body .co-pg-card--accent .co-pg-link{padding-top:8px !important;font-size:13.5px !important}
html.co-m-ph body .co-pg-card--accent:not(.co-m-open) > .co-pg-ticks{display:none !important}
html body .co-pg-card--accent > .co-pg-ticks{margin-top:10px !important}
html body .co-m-more{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:0;border:0;background:none;font-size:13.5px;font-weight:800;color:#283782;cursor:pointer}
html body .co-m-more::after{content:"";width:7px;height:7px;margin-top:-3px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
html body .co-m-open > .co-m-more::after{transform:rotate(-135deg);margin-top:3px}

/* role chips: one swipeable row */
html body .co-pg-chips{flex-wrap:nowrap !important;overflow-x:auto;margin:14px -20px 0 !important;padding:0 20px 4px !important;scrollbar-width:none}
html body .co-pg-chips::-webkit-scrollbar{display:none}
html body .co-pg-chips li{flex:0 0 auto;white-space:nowrap}

/* side panels and models */
html body .co-pg-split{gap:18px !important}
html body .co-pg-split > *{min-width:0 !important}
html body .co-pg-panel{padding:18px 16px !important;border-radius:16px !important}
html body .co-pg-panel h3{font-size:18px !important;line-height:1.3 !important}
html body .co-pg-ticks li{font-size:13.5px !important;line-height:1.5 !important}
html body .co-pg-models{gap:8px !important}
html body .co-pg-models > div{padding:10px !important}
html body .co-pg-models p{font-size:13px !important;line-height:1.45 !important}

/* steps */
html body .co-pg-steps{row-gap:12px !important}
html body .co-pg-step .co-pg-ico{width:40px !important;height:40px !important;font-size:16px !important;border-radius:12px !important}
html body .co-pg-step h3{font-size:15px !important;margin:0 0 2px !important}
html body .co-pg-step p{font-size:13px !important;line-height:1.45 !important}

/* pricing */
html body .co-pg-plans{gap:14px !important}
html body .co-pg-plan{padding:18px 16px !important}
html body .co-pg-plan-desc{font-size:13.5px !important}
html body .co-pg-pay{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:4px 12px !important;margin-top:12px !important;font-size:12px !important}
html body .co-pg-band{padding:18px 16px !important;gap:12px !important;margin-top:18px !important}
html body .co-pg-band > .co-pg-ico,
html body .co-pg-band p{display:none !important}
html body .co-pg-band h3{font-size:17px !important;line-height:1.3 !important}
html body .co-pg-band > div{min-width:0}

/* FAQ */
html body .co-pg-faq-side{margin-bottom:12px !important}
html body .co-pg-faq-side p,
html body .co-pg-faq-side .co-pg-btn-wa{display:none !important}
html body .co-pg-faq{gap:8px !important}
html body .co-pg-faq details{border-radius:12px !important}
html body .co-pg-faq summary{padding:12px 40px 12px 14px !important;font-size:14.5px !important;line-height:1.4 !important}
html body .co-pg-faq-a{font-size:13.5px !important;line-height:1.55 !important;padding:0 14px 14px !important}

/* enquiry / contact form: heading stays, side extras go */
html body .co-pg-formside > p,
html body .co-pg-formside > .co-pg-ticks,
html body .co-pg-formside .co-pg-next,
html body .co-pg-formside-alt,
html body .co-pg-formside-tp{display:none !important}
html body .co-pg-formside{padding:18px 18px 16px !important}
html body .co-pg-formside h2{font-size:21px !important;line-height:1.25 !important;margin:0 !important}
html body .co-pg-form{padding:18px 16px !important}

/* about: company facts in two columns, no quote card */
html body .co-pg-facts{padding:16px !important}
html body .co-pg-facts dl{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px 14px !important}
html body .co-pg-facts dl > div{display:block !important;padding:0 !important;border:0 !important;margin:0 !important}
html body .co-pg-facts dt{font-size:11.5px !important;margin-bottom:2px}
html body .co-pg-facts dd{font-size:13px !important;line-height:1.4 !important;margin:0 !important;overflow-wrap:anywhere}
html body .co-pg-facts dl > div:has(a[href^="mailto"]),
html body .co-wy-facts dl > div:has(a[href^="mailto"]){grid-column:1 / -1}
html body .co-pg-quote{display:none !important}
html body .co-pg-mv{gap:10px !important}

/* contact: offices without the map pictures */
html body .co-pg-office-map{display:none !important}
html body .co-pg-offices{gap:10px !important}
html body .co-pg-office-x{padding:14px 16px !important}

/* blogs: compact list */
html body .co-pg-feat-img{min-height:0 !important;height:170px !important}
html body .co-pg-feat-img img{width:100%;height:100%;object-fit:cover}
html body .co-pg-feat-x{padding:14px 16px 16px !important}
html body .co-pg-feat h2{font-size:18px !important;line-height:1.3 !important}
html body .co-pg-feat .co-pg-excerpt{display:none !important}
html body .co-pg-posts{gap:10px !important;margin-top:14px !important}
html body .co-pg-post{display:grid !important;grid-template-columns:104px minmax(0,1fr) !important;align-items:center !important;gap:12px !important;padding:10px !important}
html body .co-pg-post-img{display:block !important;width:104px !important;max-width:104px !important;height:78px !important;min-height:0 !important;aspect-ratio:auto !important;margin:0 !important;border-radius:10px !important;overflow:hidden}
html body .co-pg-post-img img{width:100% !important;height:100% !important;max-width:100% !important;object-fit:cover}
html body .co-pg-post-x{padding:0 !important;min-width:0}
html body .co-pg-post .co-pg-excerpt,
html body .co-pg-post .co-pg-link{display:none !important}
html body .co-pg-post h3{font-size:14.5px !important;line-height:1.35 !important;margin:4px 0 0 !important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
html body .co-pg-meta{font-size:11.5px !important}

/* ---------- Why CertOcean (.co-wy) ---------- */
html body .co-wy-sec{padding:32px 0 !important}
html body .co-wy-head{margin-bottom:16px !important}
html body .co-wy-kicker{font-size:11.5px !important;margin-bottom:6px !important}
html body .co-wy-h2{font-size:24px !important;line-height:1.2 !important;margin-bottom:6px !important}
html body .co-wy-sub{font-size:14px !important;line-height:1.5 !important}
html body .co-wy-crumb{display:none !important}
html body .co-wy-hero h1{font-size:30px !important;line-height:1.15 !important;margin-bottom:10px !important}
html body .co-wy-lead{font-size:14.5px !important;line-height:1.55 !important;margin-bottom:14px !important}
html body .co-wy-hero-act{gap:10px !important;flex-wrap:nowrap !important;margin-top:4px !important}
html body .co-wy-hero-act .co-wy-btn{flex:1 1 0 !important;min-width:0 !important;height:auto !important;min-height:44px !important;padding:6px 10px !important;font-size:13.5px !important;line-height:1.25 !important;white-space:normal;text-align:center}
html body .co-wy-hero-act .co-wy-btn i{display:none !important}
html body .co-wy-stats-card{grid-template-columns:repeat(4,minmax(0,1fr)) !important;border-radius:16px !important}
html body .co-wy-stats-card > li{border-top:0 !important}
html body .co-wy-stats-card > li::before{display:none !important}
html body .co-wy-stats-card > li + li{border-left:1px solid #e6ebf5 !important}
html body .co-wy-stat{flex-direction:column !important;align-items:center !important;text-align:center !important;gap:2px !important;padding:12px 4px !important;height:100%}
html body .co-wy-stat-ico,
html body .co-wy-stat .co-wy-tp-stars{display:none !important}
html body .co-wy-stat-x > b{font-size:17px !important;line-height:1.2 !important}
html body .co-wy-stat-x > span{font-size:10.5px !important;line-height:1.25 !important}
html body .co-wy-partners-label span{display:none !important}
html body .co-wy-partners-label b{font-size:15px !important}
html body .co-wy-about-copy p + p{display:none !important}
html body .co-wy-about-copy p{font-size:14px !important;line-height:1.6 !important}
html body .co-wy-about-in > *{min-width:0 !important}
html body .co-wy-vendors ul{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
html body .co-wy-vendors ul::-webkit-scrollbar{display:none}
html body .co-wy-vendors li{flex:0 0 auto;white-space:nowrap}
html body .co-wy-facts{padding:16px !important}
html body .co-wy-facts-bg{display:none !important}
html body .co-wy-facts dl{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:12px 14px !important}
html body .co-wy-facts dl > div{display:block !important;padding:0 !important;border:0 !important;margin:0 !important}
html body .co-wy-facts dt{font-size:11.5px !important;margin-bottom:2px}
html body .co-wy-facts dd{font-size:13px !important;line-height:1.4 !important;margin:0 !important;overflow-wrap:anywhere}
html body .co-wy-bento{grid-template-columns:repeat(2,minmax(0,1fr)) !important;grid-template-areas:"g g" "a b" "w w" !important;gap:10px !important}
html body .co-wy-tile{padding:16px !important;border-radius:16px !important}
html body .co-wy-tile-g .co-wy-g-shield{display:none !important}
html body .co-wy-tile-g h3{font-size:20px !important;line-height:1.25 !important;max-width:none !important}
html body .co-wy-tile-g p{font-size:13.5px !important;line-height:1.55 !important}
html body .co-wy-tile:not(.co-wy-tile-g):not(.co-wy-tile-wide) p,
html body .co-wy-tile-wide p{display:none !important}
html body .co-wy-tile:not(.co-wy-tile-g) .co-wy-ico{width:38px !important;height:38px !important;font-size:16px !important;margin-bottom:10px !important}
html body .co-wy-tile:not(.co-wy-tile-g) h3{font-size:14.5px !important;line-height:1.3 !important;margin:0 !important}
html body .co-wy-tile-wide{display:block !important}
html body .co-wy-tile-wide .co-wy-tile-links{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin-top:10px !important}
html body .co-wy-tr{grid-template-columns:1fr 1fr !important}
html body .co-wy-td-k{padding:10px 12px 4px !important;font-size:13.5px !important}
html body .co-wy-td{padding:6px 12px 10px !important;font-size:12.5px !important;line-height:1.45 !important}
html body .co-wy-table{gap:8px !important}
html body .co-wy-band{padding:18px 16px !important;gap:12px !important}
html body .co-wy-band-ico,
html body .co-wy-band p{display:none !important}
html body .co-wy-band h3{font-size:17px !important;line-height:1.3 !important}
html body .co-wy-band-x{min-width:0}
html body .co-wy-band-act{flex-wrap:nowrap !important;gap:8px !important}
html body .co-wy-band-act .co-wy-btn{flex:1 1 0 !important;min-width:0 !important;padding:0 8px !important;font-size:13px !important;white-space:nowrap}
html body .co-wy-who-grid{gap:10px !important}
html body .co-wy-who-card{padding:16px !important;border-radius:16px !important}
html body .co-wy-who-card p{display:none !important}
html body .co-wy-who-card .co-wy-ico{width:38px !important;height:38px !important;font-size:16px !important;margin-bottom:8px !important}
html body .co-wy-who-card h3{font-size:16px !important;margin-bottom:8px !important}
html body .co-wy-rv-head{margin-bottom:12px !important}

/* partner logos for visitors who turned animations off: one swipeable row instead of a tall grid */
@media (prefers-reduced-motion: reduce) {
html body .co-pg-marquee-track,
html body .co-wy-marquee-track{flex-wrap:nowrap !important;justify-content:flex-start !important;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
html body .co-pg-logo,
html body .co-wy-logo{flex:0 0 auto;width:110px !important;height:56px !important}
}

/* ---------- courses by category (listing template) ---------- */
html body section.about-hero-section{padding:26px 16px !important}
html body section.about-hero-section h1{font-size:26px !important;line-height:1.2 !important;margin:0 !important}
html body .blog-section{padding-top:18px !important;margin-top:0 !important}
html body .blog-section .blog-posts > h2{display:none !important}
html body .blog-section .blog-posts{flex:1 1 100% !important;min-width:0 !important;max-width:100% !important}
html.co-m-cat body .blog-section .col-md-3{display:none !important}
html body .co-m-catchips{display:flex;gap:8px;overflow-x:auto;margin:0 -20px 14px;padding:2px 20px 6px;scrollbar-width:none;scroll-padding:0 20px}
html body .co-m-catchips::-webkit-scrollbar{display:none}
html body .co-m-catchips a{flex:0 0 auto;display:inline-flex;align-items:center;height:34px;padding:0 14px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:13px;font-weight:700;line-height:1;color:#283782;text-decoration:none;white-space:nowrap}
html body .co-m-catchips a.is-on{background:#283782;border-color:#283782;color:#fff}
html body .blog-section #course-area{margin:0 !important}
html body .blog-section #course-area > div{flex:0 0 100% !important;width:100% !important;max-width:100% !important;padding:0 !important;margin:0 0 10px !important}
html body .blog-section .course-card{display:grid !important;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:12px;height:auto !important;padding:10px !important;border-radius:14px !important;border:1px solid #e6ebf5 !important;box-shadow:0 12px 24px -20px rgba(15,27,61,.6) !important;background:#fff}
html body .blog-section .course-card > a:first-child{display:block}
html body .blog-section .course-card .card-img-top{display:block;width:96px !important;height:72px !important;padding:0 !important;object-fit:cover;border-radius:10px !important}
html body .blog-section .course-card .card-body{padding:0 !important;min-width:0}
html body .blog-section .course-card h5{font-size:14.5px !important;line-height:1.3 !important;margin:0 0 4px !important;color:#0f1b3d !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .blog-section .course-card .small-detail,
html body .blog-section .course-card .view-program{display:none !important}
html body .blog-section .course-card .mt-auto p{margin:0 !important;font-size:14px}
html body .blog-section .pagination{margin-top:6px !important}

/* ---------- lead form ---------- */
html body #coLead{padding-top:28px !important;padding-bottom:28px !important}
html body #coLead .co-lead-h3,
html body #coLead .co-lead-list{display:none !important}
html body #coLead .co-lead-info{padding-bottom:16px !important}
html body #coLead .co-lead-sub{margin-bottom:10px !important}

}

/* ================= SMALL PHONES AND OLD FOLD COVER SCREENS (up to 339.98px) ================= */
@media (max-width: 339.98px) {
/* WhatsApp stays one tap away on the floating button */
html body .nav-follow.d-md-none .topbar-left{display:none !important}
html body .nav-follow.d-md-none .top-bar .row{justify-content:flex-end !important}
html body #coLead .co-f-row{grid-template-columns:minmax(0,1fr) !important}
html body #coLead .co-f,
html body #coLead .co-f-group{min-width:0 !important;max-width:100% !important}
html body #coLead select,
html body #coLead input{min-width:0 !important;max-width:100% !important}
html body .co-pg-hero--c h1,
html body .co-wy-hero h1{font-size:24px !important}
html body .co-pg-h2,
html body .co-wy-h2{font-size:22px !important}
html body .co-pg-hero-act,
html body .co-wy-hero-act,
html body .co-wy-band-act{flex-wrap:wrap !important}
html body .co-pg-hero-act .co-pg-btn,
html body .co-wy-hero-act .co-wy-btn,
html body .co-wy-band-act .co-wy-btn{flex:1 1 100% !important}
html body .co-pg-stats-card,
html body .co-wy-stats-card{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html body .co-pg-stats-card > li:nth-child(3),
html body .co-wy-stats-card > li:nth-child(3){border-left:0 !important}
html body .co-pg-stats-card > li:nth-child(n+3),
html body .co-wy-stats-card > li:nth-child(n+3){border-top:1px solid #e6ebf5 !important}
html body .co-pg-channels{grid-template-columns:minmax(0,1fr) !important}
html body .g-recaptcha,
html body .co-pg-captcha > div{transform:scale(.8) !important;transform-origin:0 0 !important}
html body .co-pg-facts dl,
html body .co-wy-facts dl{grid-template-columns:minmax(0,1fr) !important}
}

/* phones up to 389.98px: the two hero buttons stay side by side with slightly smaller text */
@media (max-width: 389.98px) {
html body .co-pg-hero-act .co-pg-btn,
html body .co-wy-hero-act .co-wy-btn,
html body .co-wy-band-act .co-wy-btn{font-size:12.5px !important;padding:0 6px !important}
html body .co-wy-band{grid-template-columns:minmax(0,1fr) !important}
html body .co-wy-band-act{flex-wrap:wrap !important}
html body .co-wy-band-act .co-wy-btn{flex:1 1 auto !important}
}

/* very narrow cover screens (up to 309.98px): the logo is drawn with scale(2.5), so shrink it to keep the header on one row */
@media (max-width: 309.98px) {
html body nav.navbar .navbar-brand img{height:16px !important;margin-right:46px !important}
}

/* ================= WIDE PHONES, UNFOLDED FOLDABLES, iPad mini PORTRAIT, SPLIT VIEW (576-767.98px) ================= */
@media (min-width: 576px) and (max-width: 767.98px) {
html body .co-pg-grid:has(> .co-pg-card:not(.co-pg-card--accent)){grid-template-columns:repeat(3,minmax(0,1fr)) !important}
html body .co-pg-grid--4:has(> .co-pg-card:not(.co-pg-card--accent)){grid-template-columns:repeat(4,minmax(0,1fr)) !important}
html body .co-pg-posts{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
html body .co-pg-offices{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
html body .co-wy-who-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
html body .blog-section #course-area{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html body .blog-section #course-area > div{margin:0 !important}
html body .co-m-catchips{margin-left:0;margin-right:0;padding-left:0;padding-right:0}
}

/* ================= TOUCH TABLETS, UNFOLDED LANDSCAPE, PHONES ON THEIR SIDE (768-1499px, touch only) ================= */
@media (min-width: 768px) and (max-width: 1499.98px) and (hover: none) and (pointer: coarse) {
/* navbar on one row: links never wrap, the search box shrinks */
html body nav.navbar #mainNavbar .nav-link,
html body nav.navbar #coursesDropdown,
html body nav.navbar li.submenu a{white-space:nowrap}
html body nav.navbar .search-container{flex:0 0 210px !important;width:210px !important;max-width:210px !important}
html body nav.navbar .search-container input{width:100% !important;min-width:0 !important}

/* extras that repeat what is already on screen, and the long supporting lines */
html body .co-pg-quote,
html body .co-pg-office-map--art,
html body .co-pg-feat .co-pg-excerpt,
html body .co-pg-post .co-pg-excerpt,
html body .co-pg-prose p + p,
html body .co-pg-grid > .co-pg-card:not(.co-pg-card--accent) p,
html body .co-pg-band p,
html body .co-wy-about-copy p + p,
html body .co-wy-tile:not(.co-wy-tile-g):not(.co-wy-tile-wide) p,
html body .co-wy-who-card p,
html body .co-wy-partners-label span,
html body .co-wy-facts-bg{display:none !important}
html body .co-pg-sec,
html body .co-wy-sec{padding-top:52px !important;padding-bottom:52px !important}

/* stats in one strip, small feature cards four across */
html body .co-pg-stats-card,
html body .co-wy-stats-card{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
html body .co-pg-stats-card > li,
html body .co-wy-stats-card > li{border-top:0 !important}
html body .co-pg-stats-card > li::before,
html body .co-wy-stats-card > li::before{display:none !important}
html body .co-pg-stats-card > li + li,
html body .co-wy-stats-card > li + li{border-left:1px solid #e6ebf5 !important}
html body .co-pg-grid--4:has(> .co-pg-card:not(.co-pg-card--accent)){grid-template-columns:repeat(4,minmax(0,1fr)) !important}

/* courses by category: lighter cards */
html body section.about-hero-section{padding:44px 0 !important}
html body section.about-hero-section h1{font-size:36px !important;margin:0 !important}
html body .blog-section .course-card .card-img-top{height:150px !important;object-fit:cover}
html body .blog-section .course-card .small-detail{display:none !important}
}

/* the navbar search only fits from 1280px up on touch screens */
@media (min-width: 992px) and (max-width: 1279.98px) and (hover: none) and (pointer: coarse) {
html body nav.navbar .search-container{display:none !important}
}

/* stacked form blocks on portrait tablets (768-991.98px, touch only): heading stays, side extras go */
@media (min-width: 768px) and (max-width: 991.98px) and (hover: none) and (pointer: coarse) {
html body .co-pg-formside > p,
html body .co-pg-formside > .co-pg-ticks,
html body .co-pg-formside .co-pg-next,
html body .co-pg-formside-alt,
html body .co-pg-formside-tp,
html body #coLead .co-lead-h3,
html body #coLead .co-lead-list{display:none !important}
/* courses by category: category links on one row, three cards across */
html.co-m-cat body .blog-section .col-md-3{display:none !important}
html.co-m-cat body .blog-section .col-md-9{flex:0 0 100% !important;max-width:100% !important;width:100% !important}
html body .blog-section .blog-posts > h2{display:none !important}
html body .blog-section .blog-posts{flex:1 1 100% !important;min-width:0 !important;max-width:100% !important}
html body .co-m-catchips{display:flex;gap:8px;overflow-x:auto;margin:0 0 18px;padding:2px 0 6px;scrollbar-width:none}
html body .co-m-catchips::-webkit-scrollbar{display:none}
html body .co-m-catchips a{flex:0 0 auto;display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;border:1px solid #dfe5f2;background:#fff;font-size:13.5px;font-weight:700;line-height:1;color:#283782;text-decoration:none;white-space:nowrap}
html body .co-m-catchips a.is-on{background:#283782;border-color:#283782;color:#fff}
html.co-m-cat body .blog-section #course-area > div{flex:0 0 33.333% !important;max-width:33.333% !important}
}

/* footer link columns fold away on portrait tablets and unfolded foldables (768-1023.98px, touch only) */
@media (min-width: 768px) and (max-width: 1023.98px) and (hover: none) and (pointer: coarse) {
html body footer.cf-footer .cf-news{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
html body footer.cf-footer .cf-news-copy p{display:none !important}
html body footer.cf-footer .cf-main{display:block !important}
html body footer.cf-footer .cf-brand{margin-bottom:16px}
html body footer.cf-footer nav.cf-col{border-top:1px solid rgba(255,255,255,.12);padding:0 !important;margin:0 !important}
html body footer.cf-footer nav.cf-col:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
html.co-m-acc body footer.cf-footer nav.cf-col > h3{position:relative;margin:0 !important;padding:16px 30px 16px 0 !important;font-size:14px !important;cursor:pointer;-webkit-tap-highlight-color:transparent}
html.co-m-acc body footer.cf-footer nav.cf-col > h3::after{content:"";position:absolute;right:4px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s;opacity:.8}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > h3::after{transform:rotate(-135deg);margin-top:-2px}
html.co-m-acc body footer.cf-footer nav.cf-col:not(.co-m-open) > :not(h3){display:none !important}
html.co-m-acc body footer.cf-footer nav.cf-col.co-m-open > ul{padding-bottom:12px !important}
}