@charset "utf-8";
/* responsive.css - breakpoint overrides (base styles: main_styles.css).
 * Cleaned 2026-09-18, dead rules removed: #left (no such element anywhere),
 * .milestone_counter, .accordion, .menu .search, .join .section_subtitle,
 * .header.scrolled .header_content, .col-sm-2/.col-sm-10 (no markup uses
 * them), `animation: text` (no @keyframes text exists). #smallheading base
 * unwrapped from the always-true 2800px query (identical cascade).
 * .col-sm-12 kept: live theme markup relies on it below 576px.
 * 2026-09-18 fluid banner: #bannerhome min-height now
 * clamp(190px, 25vw, 300px) in style.css; the duplicated 768/575 blocks
 * removed. */

#smallheading {
	color: #2f386e;
	font-size: 17px;
	background-color: #d2eaf1;
}

@media only screen and (max-width: 767px) {
.header.scrolled {
	top: 0px;}
}

@media only screen and (max-width: 575px) {
#navimg {
  background-size:100%;
      background-image: url(../images/bluelogos1.png)!important;}
.webp #navimg {
      background-image: url(../images/bluelogos1.webp)!important;}
/* NOTE: p/h2 mobile sizes now fluid in style.css (:root --fluid-*). */
.modal-content {
	 width: 84% !important;}
.col-sm-12 {
	    position: relative;
    width: 100%;}
}

@media only screen and (max-width: 480px) {
.onehome {
	margin-top:165px;}
/* NOTE: .text12 banner size now fluid in style.css (--fluid-banner-*). */
.text12 {
  margin-top: 20px;}
.text2 {
  color: #012061;
  font-size: 18px;
   margin-top:20px;
   background-color: #ffffff8f;}
#bannerhome {

	background-position: right;}
.overlay1 p {

	    font-size: 15px;}
#smallheading {
	 color: #2f386e;
    font-size: 18px;
    font-style: normal;
    padding-left: 15px;
	background-color:#e8e8e8;}
#bannerhome p {
    padding-left: 35px !important;
    font-size: 24px!important;
    color: #012061!important;
    letter-spacing: 0px!important;}
}