@media only screen and (max-width: 1366px) {
  .navbar .menu {
    gap: 5rem;
  }

  .navbar .menu .menu-item.button {
    margin-left: 10rem;
  }

  .navbar .menu .menu-item.button a {
    letter-spacing: 0.3rem;
    padding: 1rem 2rem;
  }

  .footer .copyright-statement .widget {
    padding-block: 3rem;
  }

  .page-header .contents h1 {
    font-size: 4.2rem;
  }

  .swiper-button-prev,
  .swiper-button-next {
    min-height: 7rem;
    min-width: 7rem;
  }

  .course-detail-wrapper {
    gap: 5rem;
  }
	
  .course-container {
	margin: 4rem auto;
  }

  .course-detail-wrapper .course-info {
    width: calc(100% - 38rem);
  }

  .course-detail-wrapper .sidebar {
    max-width: 38rem;
  }
}

@media only screen and (max-width: 1200px) {
  .navbar .navbar-inner .logo {
    max-width: 10rem;
  }

  .navbar .logo a {
    font-size: 2.8rem;
  }

  .swiper-button-next {
    right: 0 !important;
  }

  .swiper-button-prev {
    left: 0 !important;
  }
}

@media only screen and (max-width: 1024px) {
  .navbar .navbar-inner,
  .page-header .contents,
  .course-container,
  .course-detail-wrapper.post,
  .footer .copyright-statement .widget,
  .footer .widgets-wrapper,
  .team-modal {
    width: 90%;
  }

  .team-modal {
    top: 2rem;
  }

  .navbar .logo a {
    font-size: 2.4rem;
  }

  .navbar .menu .menu-item a {
    font-size: 1.4rem;
  }

  .footer .footer-inner {
    padding-block: 4rem;
  }

  .footer .copyright-statement .widget {
    padding-block: 3rem;
  }

  .page-header .contents h1 {
    font-size: 3.6rem;
  }

  .course-detail-wrapper .course-info {
    width: calc(100% - 32rem);
  }

  .course-detail-wrapper .sidebar {
    max-width: 32rem;
  }

  .swiper-button-prev,
  .swiper-button-next {
    min-height: 5rem;
    min-width: 5rem;
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    font-size: 2.4rem !important;
  }
}

@media only screen and (max-width: 991px) {
  .navbar .menu {
    gap: 3rem;
  }

  .navbar .logo a {
    font-size: 2.2rem;
  }

  .navbar .menu .menu-item.button {
    margin-left: 0;
  }

  .page-header .contents h1 {
    font-size: 3.2rem;
  }

  .course-detail-wrapper {
    gap: 3rem;
  }
	
  .course-container article {
	width: calc(50% - 2rem);
  }

  .course-detail-wrapper .card {
    padding: 2rem;
  }

  .course-detail-wrapper .card h3
  .course-detail-wrapper .card p:not(:last-child) {
    margin-bottom: 3rem;
  }

  .gallery .bwg-container {
    gap: 2rem;
  }

  .gallery .bwg-container .bwg-item {
    width: calc(33.33% - 1.4rem) !important;
  }

  .team-modal .modal-content-wrapper .content-wrapper {
    padding: 3rem;
    gap: 3rem;
  }

  .team-modal .modal-content-wrapper .info h2 {
    font-size: 2.8rem;
  }
}

@media only screen and (max-width: 767px) {
  .navbar .hamburger {
    display: block;
  }

  .navbar .hamburger.active {
    position: fixed;
    top: 3.5rem;
    right: 2.5rem;
  }

  .navbar .menu {
    position: fixed;
    top: 0;
    right: 0;
    padding: 2rem;
    padding-left: 4rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-height: 100vh;
    background: #101010;
    transform: translateX(100%);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-duration: 700ms;
    z-index: 999;
  }

  .navbar .navbar-inner .logo {
    max-width: 7.5rem;
  }

  .navbar .menu.active {
    transform: translateX(0);
    overflow-y: scroll;
    justify-content: center;
  }

  .navbar .dashicons {
    display: none;
  }

  .navbar .menu .menu-item a {
    display: inline-block;
    width: 100%;
    color: var(--white);
	font-size: 1.8rem;
  }

  .navbar .menu .menu-item:hover a,
  .navbar .menu .menu-item.current-menu-item a {
    color: var(--white);
    opacity: 0.75;
  }

  .navbar .menu .menu-item {
    display: block;
  }

  .submenu .sub-menu {
    position: static;
    transform: scale(1);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 0;
	margin-top: 1rem;
  }

  .submenu .sub-menu::before,
  .submenu .sub-menu::after {
    display: none;
  }

  .submenu .sub-menu .menu-item {
    padding: 0.75rem 1rem;
    padding-left: 3rem;
  }

  .submenu .sub-menu .menu-item::before {
    content: "\2606";
    position: absolute;
    left: 1rem;
    color: var(--white);
  }

  .submenu .sub-menu .menu-item:not(:last-child) {
    border-bottom: 0;
  }

  .footer .widgets-wrapper {
    gap: 2rem;
  }

  .footer .footer-inner .widgets-wrapper .panel {
    min-height: unset;
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
  }
	
  .footer .footer-inner .widgets-wrapper .panel.widget_1 {
	flex-direction: column;
  }

  .footer .copyright-statement .widget_nav_menu,
  .footer .copyright-statement p {
    width: 100%;
  }

  .footer .footer-inner .widgets-wrapper .panel.widget_1 .wp-block-heading {
    margin-bottom: 0;
  }

  .footer .footer-inner .widgets-wrapper .panel.widget_1 p {
    margin: 0 auto;
  }

  .footer .copyright-statement .widget {
    padding-block: 2rem;
  }

  .footer .copyright-statement .widget_nav_menu .menu {
    justify-content: center;
  }

  .footer .copyright-statement p {
    text-align: center;
    margin-top: 0.5rem;
  }

  .page-header img {
    min-height: 20rem;
  }

  .page-header .contents h1 {
    font-size: 2.8rem;
  }

  .form .fields {
    gap: 1rem;
    margin-bottom: 1rem;
  }

  .form .fields .field input,
  .form .field textarea {
    padding: 1rem;
  }

  .submit {
    padding: 1.5rem 0;
    font-size: 1.5rem;
  }
	
  .team-modal .modal-content-wrapper .thumbnail,
  .team-modal .modal-content-wrapper .thumbnail img,
  .team-modal .modal-content-wrapper .info {
	width: 100%;
  }

  .team-modal .close-modal {
    top: 1.5rem;
    right: 1.5rem;
  }

  .elementor-image-box-wrapper {
    display: flex;
    gap: 1rem;
  }

  .elementor-widget-image-box .elementor-image-box-img {
    display: flex;
    align-items: flex-start;
    padding-top: 0.4rem;
  }
	
  .course-container {
    padding: 0;
  }

  .course-detail-wrapper {
    flex-direction: column;
  }

  .course-detail-wrapper .course-info,
  .course-detail-wrapper .sidebar {
    width: 100%;
	max-width: unset;
  }
	
  .course-detail-wrapper .course-info
  .course-detail-wrapper .sidebar {
    max-width: unset;
    width: 100%;
  }

  .course-detail-wrapper .course-info > ul > li:not(:last-child) {
    margin-bottom: 2rem;
  }

  .gallery .bwg-container {
    gap: 1rem;
  }

  .gallery .bwg-container .bwg-item {
    width: calc(33.33% - 0.75rem) !important;
  }

  .team-modal .modal-content-wrapper .content-wrapper {
    flex-direction: column;
  }
}

@media only screen and (max-width: 640px) {
  .team .card img {
	object-fit: contain;
  }
	
  .course-container article {
	width: 100%;
  }
}

@media only screen and (max-width: 576px) {
  .course-detail-wrapper .course-info h2 {
    font-size: 2rem;
  }

  .page-header .contents h1 {
    font-size: 2.4rem;
  }

  .form .fields .field {
    width: 100%;
  }
	
  .form.registration .fields .field {
    width: 100%;
  }

  .form .submit {
    font-size: 1.4rem;
  }
}