@media(max-width: 1450px) {
	.mentors-slider .mentor-item .slider-content p {
		font-size: calc(var(--p) / 1.1);
	}
}

@media (max-width: 1250px) {
  .blog-section .news-item {
    flex-wrap: wrap;
  }

  .news-item .news-content h4 {
    font-size: calc(var(--h4) * 1.1);
  }
}

@media (max-width: 1200px) {
	
	.mentors-slider .mentor-item .slider-content p {
		font-size: calc(var(--p) / 1.4);
	}
	
  .quote-item {
    flex-flow: column;
  }
}

@media (max-width: 992px) {
  body {
    font-size: 14px;
  }

  :root {
    --h1: 2.95rem;
    --h2: 2.45rem;
    --h3: 2.15rem;
  }

  #header-section nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    padding: 3em 3.5em;
  }

  .header-btn {
    display: flex;
  }

  #header-section nav > ul {
    position: absolute;
    display: none !important;
    left: initial;
    transform: none;
    top: 0;
    right: 0;
    width: 60%;
    min-width: 320px;
    height: 100vh;
    padding: 15em 3em 2em 4em;
    background: rgba(17, 17, 17, 0.98);
    box-shadow: -4px 0 15px rgba(0, 0, 0, 0.2);
  }

  #header-section nav ul.open {
    display: block !important;
  }

  #header-section nav ul li {
    margin-bottom: 1.5em;
  }

  #header-section nav ul a {
    font-size: var(--h4);
  }
	
	.nav-container ul li ul {
		padding: 0;
		padding-left: 15px;
        position: relative;
        display: block;
        padding-top: 1.5em;
    }
	
	 #header-section nav ul li ul li:last-child {
		margin-bottom:0;
	}

  .banner-slider-container .slider-btn-container,
  .tab-slider .slider-btn-container,
  .news-slider .slider-btn-container,
  .solutions-slider .slider-btn-container {
    width: fit-content;
    height: 2.5em;
    display: inline-flex;
    gap: 1em;
    margin-top: 0;
    margin-left: 8.33333333%;
  }

  .tab-slider .slider-btn-container,
  .news-slider .slider-btn-container {
    margin-top: 1em;
    margin-left: 0;
  }

  .banner-slider-container .swiper-button-prev,
  .banner-slider-container .swiper-button-next,
  .tab-slider .swiper-button-prev,
  .tab-slider .swiper-button-next,
  .news-slider .swiper-button-prev,
  .news-slider .swiper-button-next,
  .solutions-slider .swiper-button-prev,
  .solutions-slider .swiper-button-next {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    transform: none;
    margin-top: 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 2.5em;
    height: 2.5em;
  }

  .banner-slider-container .swiper-button-next,
  .tab-slider .swiper-button-next,
  .news-slider .swiper-button-next,
  .solutions-slider .swiper-button-next {
    transform: rotate(180deg);
  }

  .banner-content p {
    padding-right: 0;
  }

  .nav-container ul {
    display: none;
  }

  .about-flex {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .about-flex .img-container {
    height: 40em;
  }

  .stats-section {
    height: auto;
    padding: 0;
  }

  .scroll-container {
    width: 100%;
    position: relative;
    transform: none;
    top: 0;
    left: 0;
    padding: 4em;
  }

  .scroll-container-shadow {
    display: none;
  }

  .scroll-flex {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2em;
  }

  .formation-item {
    flex-direction: column;
  }

  .mentors-slider .mentor-item .img-container {
    height: 35em;
  }

  .white-container {
    flex-direction: column;
  }

  .white-container .btn-container,
  .mentors-btn-container {
    flex-flow: column;
    flex-wrap: wrap;
    width: 100%;
  }

  .mentors-btn-container .btn {
    width: 100%;
  }

  .logos-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 4em;
    justify-items: center;
  }

  footer .footer-menu {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .el-truck-container:after {
    left: 0;
  }

  .footer-logo {
    margin: 0 auto;
  }

  .banner-section.internal-section .banner-bg img {
    object-fit: cover;
    height: 100%;
    object-position: 75% center;
  }

  .el-components-img {
    margin-top: 0em;
    margin-bottom: 5em;
  }

  .components-section ul {
    column-count: 1;
  }

  .stats-section.internal-section .scroll-item:not(:first-child) {
    display: none;
  }

  .stats-section.internal-section .scroll-flex {
    grid-template-columns: repeat(1, 1fr);
  }

  .truck-section ul li {
    font-size: calc(var(--h3) / 1.7);
  }

  .about-flex .img-container,
  .about-flex .about-content {
    width: 100%;
  }
}

@media (max-width: 768px) {
  body {
    font-size: 12px;
  }

  :root {
    --h1: 2.5rem;
    --h2: 2.15rem;
    --h3: 1.85rem;
  }
	
	#header-section nav > ul {
		width: 90%;
	}

  .mentors-slider .mentor-item .img-container {
    height: 45em;
  }

  .news-item {
    flex-direction: column;
  }

  .news-slider .img-container {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
  }

  .news-title-flex {
    flex-wrap: wrap;
  }

  .scroll-flex {
    grid-template-columns: 1fr;
  }

  .title-flex {
    flex-direction: column;
    align-items: start;
  }

  .quote-slider .swiper-button-next,
  .quote-slider .swiper-button-prev {
    width: 3.5em;
    height: 3.5em;
  }

  .banner-slider-container .slider-btn-container,
  .tab-slider .slider-btn-container,
  .news-slider .slider-btn-container,
  .mentors-slider-btns {
    height: 3.5em;
  }

  .mentors-slider-btns {
    margin-left: 0;
  }

  .swiper-button-prev,
  .swiper-button-next {
    width: 3.5em !important;
    height: 3.5em !important;
  }

  .truck-section ul {
    flex-flow: column;
  }
}

@media (max-width: 576px) {
  body {
    font-size: 10px;
  }

  :root {
    --h1: 1.85rem;
    --h2: 1.7rem;
    --h3: 1.55rem;
  }

  .logos-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .el-truck-container:after {
    display: none;
  }

  .truck-section ul {
    width: 83.33333333%;
    margin-left: 8.33333333%;
  }
}

@media (max-width: 400px) {
  body {
    font-size: 9px;
  }

  :root {
    --h1: 1.5rem;
    --h2: 1.3rem;
    --h3: 1.25rem;
    --p: 0.9rem;
  }
}