@media (max-width: 1399.5px) {

  .events-box.circle-title::before,
  .lightbox-cards.circle-title::before,
  .fast-facts.circle-title::before {
    display: none;
  }

}

@media (min-width:992px) {
/* 	PRIMARY CARDS HORIZONTAL  */
	.primary-card.primary-card-horizontal {
		flex-direction:row;
	}
    .primary-card.primary-card-horizontal .primary-card-img {
		height:100%;flex-basis: 40%;
	}
	
	.primary-card.primary-card-horizontal.d-white-bg .primary-card-img + .primary-card-body {
		border-left:1px solid var(--primary);
	}
	/* 	PRIMARY CARDS HORIZONTAL - END */
	
	/* BLUE CTA STRIPE */
	.cta-stripe .cta-left {
		width:50%; margin-right:auto;
	}
	/* BLUE CTA STRIPE - END */
	
	/* Lightbox Card - Single */
	.lightbox-card-single .container {
		padding-inline:0;
	}
}

@media (max-width: 991.5px) {

  /* global - start */
  .section {
    padding-top: 0;
    padding-bottom: 50px;
  }

  .negative-margin {
    margin-top: 0;
  }


  /* global - end */


  /* showcase - start */
  .showcase-title {
    font-size: 30px;
    margin: 100px 0 40px 0;
  }

  .showcase-title::before {
    width: 70px;
    height: 14px;
  }

  /* showcase - end */


  /* headings - start */
  h1,
  .h1 {
    font-size: 2rem;
  }

  h2,
  .h2 {
    font-size: 1.75rem;
  }

  h3,
  .h3 {
    font-size: 1.5rem;
  }

  h4,
  .h4 {
    font-size: 1.2rem;
  }

  h5,
  .h5 {
    font-size: 1rem;
  }

  h6,
  .h6 {
    font-size: 1rem;
  }

  /* headings - end */


  /* hero banner - start */
  .hero-banner {
    background-image: none !important;
    text-align: left !important;
    padding: 0 0;
  }

  .hero-banner .hero-banner-img {
    display: block;
  }

  .hero-banner .hero-banner-content {
    display: block;
    min-height: unset;
    padding: 50px;
  }

  .hero-banner .hero-banner-uptitle {
    font-size: 30px;
  }

  .hero-banner .hero-banner-title {
    font-size: 40px;
  }

  .hero-banner .hero-banner-text {
    font-size: 20px;
    margin: 30px 0;
  }

  .hero-banner .hero-banner-btns {
    text-align: center;
  }
	
  .hero-banner-no-image {
	width: auto;
  }
	
  .hero-banner-no-image-content {
	width: fit-content;
	max-width: clamp(50vw, calc(100vw - 10px), 100vw);
  }  
	
  .hero-banner-line				 {
    display: none;
  }

  /* hero banner - end */


  /* internal hero banner - start */
  .internal-hero-banner {
    <!--background-image: url(../img/arrow-bg-sm.svg);-->
    <!--background-size: 14%;-->
    <!--background-position: top right 30px;-->
    padding: 100px 0;
  }

  .internal-hero-banner.no-bg {
    padding: 40px 0;
  }

  .internal-hero-banner .hero-banner-content {
    display: block;
  }

  .internal-hero-banner .hero-banner-uptitle {
    font-size: 1.75rem;
  }

  .internal-hero-banner .hero-banner-title, .internal-hero-banner .hero-banner-title p {
    font-size: clamp(2rem, 12vw, 40px);
  }

  .internal-hero-banner .hero-banner-text {
    font-size: 1.25rem;
    margin: 20px 0;
  }

  .internal-hero-banner .hero-banner-btns {
    display: block;
    text-align: center;
    padding-left: 0;
	align-items: normal;
    justify-items: normal;
  }

  /* internal hero banner - end */


  /* image banner - start */
  .image-banner {
    height: 300px;
  }

  .image-banner::before {
    height: 300px;
  }

  .image-banner .image-banner-title {
    font-size: 34px;
    margin: 30px 10px;
  }

  /* image banner - end */


  /* cta box with text - start */
  .cta-box {
    background-image: none;
    padding: 40px 0;
  }

  .cta-box .cta-box-text {
    display: block;
    font-size: 16px;
    padding: 20px 0;
  }

  .cta-box .d-btn {
    margin: 0 auto;
  }

  .cta-box::before {
    background-color: var(--secondary);
  }

  /* cta box with text - end */


  /* cta with image - start */
  .cta-images {
    text-align: center;
  }

  .cta-images .cta-images-title {
    margin-bottom: 50px;
  }

  .cta-images .d-btn {
    margin-top: 50px;
  }

  /* cta with image - end */

	
	/* BLUE CTA STRIPE */
	.cta-inner-container {
		flex-direction:column;
	}
	/* BLUE CTA STRIPE - END */

  /* page title conatiner - start */
  .page-title-conatiner .page-title, .page-title-conatiner .page-title p {
    font-size: 38px;
  }

  /* page title conatiner - end */


  /* col3 box - start */
  .col3-box {
    display: block;
    padding: 60px 10px;
    border-right: none;
    border-bottom: 1px solid var(--primary);
  }

  .col3-box:last-of-type {
    border-bottom: none;
  }

  .col3-box .col3-box-title {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .col3-box .col3-box-text {
    margin-bottom: 40px;
  }

  .col3-box .col3-box-btn {
    text-align: center;
    margin-top: auto;
  }

  /* col3 box - end */


  /* col3 list - start */
  .col3-list {
    display: block;
    padding: 60px 10px;
    border-right: none;
    border-bottom: 1px solid var(--primary);
  }

  .col3-list:last-of-type {
    border-bottom: none;
  }

  .col3-list .col3-list-title {
    font-size: 20px;
  }

  .col3-list .col3-list-text {
    margin-bottom: 10px;
  }

  /* col3 list - end */


  /* news box - start */
  .news-box {
    display: block;
    border-right: none;
    border-bottom: 1px solid var(--primary);
  }

  .news-box:last-of-type {
    border-bottom: none;
  }

  .news-box.first-of-type,
  .news-box.last-of-type {
    padding: 60px 10px;
  }

  .news-box .news-info {
    margin-bottom: 30px;
  }

  .news-box .news-img {
    height: auto;
    margin-bottom: 30px;
  }

  .events-news-boxes .event-info {
    border-bottom: none;
  }

  /* news box - end */


  /* fast facts - start */
  .fast-facts .facts {
    margin-bottom: 50px;
  }

  .fast-facts .fact-content {
    max-width: 80%;
  }

  .fast-facts .fact-number {
    font-size: 80px;
  }

  .fast-facts .fact-number span {
    font-size: 40px;
  }

  .fast-facts .fact-text {
    font-size: 30px;
  }

  /* fast facts - end */

  /* events box - start */
  .events-box .events-headline {
    margin: 0 auto 0 auto;
  }

  .events-box .events-info {
    margin: 50px 0;
  }

  /* events box - end */


  /* tables - start */
  .design-table.table,
  .design-table tbody,
  .design-table tr,
  .design-table th,
  .design-table td {
    display: block;
    width: 100%;
  }

  .design-table th:first-of-type,
  .design-table td:first-of-type {
    padding-bottom: 2px;
  }

  .design-table th:last-of-type,
  .design-table td:last-of-type {
    padding-top: 2px;
  }

  .design-table thead {
    display: none;
  }

  .design-table p,
  .design-table p {
    margin: 6px;
  }

  /* tables - end */


  /* interest nav - start */
  .interest-nav {
    width: 100%;
  }

  .interest-nav-title,
  .interest-nav a {
    display: block;
    margin: 10px 0;
  }

  /* interest nav - end */


  /* lightbox cards - start */
  .lightbox-cards .lightbox-card,
  .lightbox-card-single.lightbox-cards .lightbox-card {
    margin: 10px 0;
  }

  .lightbox-cards .lightbox-cards-title {
    text-align: center;
    margin-bottom: 40px;
  }

  .lightbox-cards .lightbox-card-title {
    margin: 0 auto 30px auto;
  }

  /* lightbox cards - end */


  /* internal submenu - start */
  .internal-submenu {
    padding: 20px 0;
  }

  /* internal submenu - end */


  /* checkerboard - start */
  .checkerboard .checkerboard-content {
    padding: 30px 20px;
  }

  .checkerboard .checkerboard-img img {
    height: auto;
    max-height: auto;
  }

  /* checkerboard - end */


  /* advanced checkerboard - start */
  .advanced-checkerboard .box-1 {
    background-color: var(--light-gray);
    padding: 50px 20px;
  }

  .advanced-checkerboard .box-2 {
    background-color: var(--white);
    padding: 50px 20px;
  }

  .advanced-checkerboard .box-3 {
    background-color: var(--primary);
    color: var(--white);
    padding: 50px 20px;
  }

  .advanced-checkerboard .box-3 .d-btn,
  .advanced-checkerboard .box-3 .advanced-checkerboard-title {
    color: var(--white);
  }

  .advanced-checkerboard .box-4 {
    background-color: var(--white);
    color: var(--black);
    padding: 50px 20px;
  }

  .advanced-checkerboard .box-4 .advanced-checkerboard-title {
    color: var(--black);
  }

  .advanced-checkerboard-title {
    margin-bottom: 50px;
  }

  .advanced-checkerboard .d-btn {
    margin-top: 20px;
  }

  .advanced-checkerboard .blog-info {
    color: var(--black);
    margin-bottom: 30px;
  }

  .advanced-checkerboard .blog-info img {
    display: none;
  }

  .advanced-checkerboard .blog-title {
    color: var(--black);
  }

  /* advanced checkerboard - end */


  /* social media card - start */
  .social-card {
    margin-bottom: 0;
    padding: 26px 20px;
  }

  /* social media card - end */


  /* contact media card - start */
  .contact-card {
/*     background-color: var(--light-gray);
    border: none; 
	  margin-bottom: 0; */
	margin-top:25px;
    padding: 26px 20px;
  }

  /* contact media card - end */


  /* subscribe card - start */
  .subscribe-card {
    margin-bottom: 0;
    padding: 26px 20px;
  }

  /* subscribe card - end */


  /* news categories - start */
  .news-categories {
    border: none;
    padding: 30px 10px 0 10px;
  }

  .news-categories p {
    font-size: 24px;
  }

  /* news categories - end */


  /* image with caption - start */
  .img-caption {
    margin-bottom: 30px;
  }

  /* image with caption - end */

  .last-order-sm {
    order: 12 !important;
  }

  .padding-sm-0 {
    padding: 0;
  }

  .d-sm-light-gray-bg {
    background-color: var(--light-gray);
  }
	
  .primary-card.d-sm-light-gray-bg,
  .primary-card.d-sm-light-gray-bg .primary-card-title {
    color: var(--primary) !important;
  }

  .d-sm-primary-bg {
    background-color: var(--primary);
  }

  .primary-card.d-sm-primary-bg,
  .primary-card.d-sm-primary-bg .primary-card-title {
    color: var(--white) !important;
  }
	
  .primary-card:not(.primary-card-horizontal) {
    margin-bottom:1rem;
	  height:auto;
  }

	.primary-card.primary-card-horizontal.d-white-bg .primary-card-img + .primary-card-body {
		border-top:1px solid var(--primary);
	}
	
  .divider-gap {
    height: 50px;
  }
	
	/* Section Navigation */	
  .section-nav ul, .section-nav ul li:not(:last-child) {
	 margin-bottom:1.2rem;
  }
	
	
	/* Faculty + Staff Feeds */
	.faculty-listing-box img {
		width: 100%;
		display: block;
		max-width: 400px;
		max-height: 400px;
		margin-bottom: 15px;
	}
}

/* @media (min-width: 768px) {
	
	.col-lg-8 .img-float-left, {
		float:left;
		margin-right:20px;
		margin-bottom: 25px;
	}
	.col-lg-8 .img-float-right {
		float:right;
		margin-left:20px;
		margin-bottom: 25px;
	}
	
} */


@media (min-width: 768px) {
	
	/* Floating images within text */
	.img-float-left {
		float:left;
		margin-right:20px;
		margin-bottom:25px;
	}
	.img-float-right {
		float:right;
		margin-left:20px;
		margin-bottom:25px;
	}
	
/* 	.col-lg-7 .img-float-right img,
	.col-lg-7 .img-float-left img {
		width:375px;
	} */
}

@media (max-width: 767px) {
	.primary-card:not(.primary-card-horizontal) {
		height:auto;
	  }
	
	.col-xl-3.col-md-6 .primary-card {
		/*height: auto; */
		margin-bottom:1rem;
	}
	
	.grid-3-col {
		grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
	}
}


/* HTML Tables - sidescroll when containing element is less than a certian width */

div.tableContainer {
	container-type:inline-size;
	container-name:tableContainer;
}

@container tableContainer (max-width: 675px) {
	.table-wrapper {
		overflow-x: scroll;
	}
	.table-wrapper table.table {
		white-space:nowrap;
	}
}
/* END sidescroll HTML Tables */


@media (max-width: 480px) {
	
	/* Section Navigation */
	.section-nav {
		padding:1rem;
	}
	.section-nav .section-nav-container {
		padding:1.3rem;
	}
	.section-nav .section-nav-title {
		font-size:1.2rem;
	}
	.section-nav button.section-nav-toggle {
		font-size:1rem; 
		text-align:left;
		line-height:1.2;
	}
	.section-nav button.section-nav-toggle .fa-solid {
		margin-right:5px;
	}
	
	/* Hero Banner */
	.hero-banner .hero-banner-content {
		padding: 25px;
	}
}

@media (max-width:580px) {

	/* AWARDS LINEUP */
	.awards-lineup {
		flex-direction:column;
		align-items:center;
	}
}

@media (min-width:581px) {
	
	/* AWARDS LINEUP */
	.awards-lineup {
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		gap:0.6rem;
	}

	.awards-lineup .award-item img {width:250px;}
	/* AWARDS LINEUP - END */
}

@media (min-width:581px) and (max-width:991px) {
	/* AWARDS LINEUP */
	.awards-lineup .award-item {font-size:0.8rem;}
}