/* Extra small devices (phones, <576px) */
@media (max-width: 575.98px) {
	.blog-details .article {
		padding: 0px 0;
		box-shadow: none;
	}

	.blog-details .content blockquote {
		overflow: hidden;
		background-color: color-mix(in srgb, var(--default-color), transparent 95%);
		padding: 30px;
		position: relative;
		text-align: center;
		margin: 20px 0;
		font-size: 17px;
	}

	.blog-details .content blockquote p {
		color: var(--default-color);
		line-height: 1.6;
		margin-bottom: 0;
		font-style: italic;
		font-weight: 500;
		font-size: inherit;
	  }

	.form-check-label .addition { display: block; }  
	.course-tabs .nav-tabs { display: block;  }
	.course-tabs .nav-tabs .nav-item { margin: 0; margin-bottom: 3px; width: 100%; }
	.course-tabs .nav-tabs .nav-item:last-child { margin: 0; margin-bottom: 0; }

	.module .form-check a.details { font-size: 1.5rem; }

	ul.courses-list li { flex-direction: column!important; }
	ul.courses-list li div { text-align: center!important; }

	.floating-section { width: 100%; }

	.hero .carousel-item video { height: 100%; }
}
  
  /* Small devices (landscape phones, 576px and up) */
  @media (min-width: 576px) and (max-width: 767.98px) {
	/* Styles here apply to screens between 576px and 767.98px */
	ul.courses-list li { flex-direction: column!important; }
	ul.courses-list li div { text-align: center!important; }
	.floating-section { width: 100%; }
	.hero .carousel-item video { height: 100%; }
  }
  
  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991.98px) {
	/* Styles here apply to screens between 768px and 991.98px */
	ul.courses-list li { flex-direction: column!important; }
	ul.courses-list li div { text-align: center!important; }
	.hero .carousel-item video { height: 100%; }
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199.98px) {
	/* Styles here apply to screens between 992px and 1199.98px */
	ul.courses-list li { flex-direction: column!important; }
	ul.courses-list li div { text-align: center!important; }
  }