@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1180px;
  }
}
/* 
  Extra large devices (less than 1400px)
*/
@media (max-width: 1399px) {
  .video__container {
    height: 600px;
  }
  .banner {
    padding-block: 100px;
  }
  .banner__logo img {
    max-width: 250px;
  }

  .agenda__block {
    min-height: 500px;
    padding: 80px 60px;
  }
  .agenda--target .agenda__block--right::after {
    width: 500px;
    height: 500px;
    top: -30px;
    left: -30px;
  }

  .agenda--recycle .agenda__block--left {
    display: none !important;
  }
  .agenda--recycle .agenda__block--right {
    width: 100%;
  }
  .agenda--style-2 .agenda__block {
    width: 800px;
  }
  .agenda h2 {
    font-size: 36px;
  }
}

/* 
  Large devices (less than 1200px)
*/
@media (max-width: 1199px) {
  h2 {
    font-size: 39px;
  }

  .header__logo img {
    width: 150px;
  }
  .header__brand-logo img {
    max-width: 100px;
  }
  .header__right-logo img {
    max-width: 150px;
  }

  .video__container {
    height: 500px;
  }

  .banner {
    padding-block: 80px;
  }
  .banner__text h2 {
    max-width: 430px;
  }

  .footer__logo a img {
    max-width: 145px;
  }
}

/* 
  Medium devices (less than 992px)
*/
@media (max-width: 991px) {
  .header__logo img {
    width: 100px;
  }
  .header__brand-logo img {
    max-width: 83px;
  }
  .header__right-logo img {
    max-width: 100px;
  }
  .header__wrapper {
    gap: 40px;
  }

  .video__container {
    height: 450px;
  }
  .video__play-btn {
    width: 80px;
    height: 80px;
  }
  .video__play-btn img {
    width: 36px;
    margin-left: 8px;
  }

  .banner__flex {
    gap: 60px;
  }
  .banner__logo img {
    max-width: 200px;
  }
  .banner__text {
    max-width: 410px;
  }
  .agenda__block {
    padding: 80px 40px;
    min-height: 400px;
  }
  .agenda--target .agenda__block--right::after {
    width: 400px;
    height: 400px;
  }

  .agenda--impact .agenda__content {
    margin-right: auto;
  }

  .footer__logo a img {
    max-width: 115px;
  }
  .footer__text-left {
    max-width: 480px;
  }
}

/* 
  Small devices (less than 768px)
*/
@media (max-width: 767px) {
  .header__wrapper {
    gap: 10px;
  }
  .header__brand-logo img {
    max-width: 60px;
  }
  .header__brands {
    gap: 15px;
  }
  .header__right-logo img {
    max-width: 80px;
  }

  .video__container {
    height: 350px;
  }
  .video__play-btn {
    width: 60px;
    height: 60px;
  }
  .video__play-btn img {
    width: 28px;
  }
  .video__volume-btn {
    top: 30px;
  }

  .banner__flex {
    justify-content: center;
  }
  h2 {
    font-size: 30px;
  }

  .agenda__block {
    width: 100%;
    padding: 50px 30px;
  }
  .agenda__wrapper {
    flex-direction: column;
  }
  .agenda h2 {
    font-size: 30px;
  }

  .agenda--style-2 .agenda__block {
    width: 100%;
    max-width: 100%;
  }
  .agenda__content {
    flex-direction: column;
  }

  .agenda--recycle .agenda__block {
    width: 100%;
  }

  .footer__text {
    text-align: center;
    justify-content: center;
  }

  .footer__text p {
    margin: auto;
  }

  .footer__logo {
    justify-content: center;
  }
  .footer__logo a img {
    max-width: 75px;
  }
}

/* 
  Extra small devices (less than 576px)
*/
@media (max-width: 575px) {
  .header__logo img {
    width: 65px;
  }
  .header__brand-logo img {
    max-width: 40px;
  }
  .header__brands {
    gap: 10px;
  }
  .header__right-logo img {
    max-width: 65px;
  }

  .shadow-img {
    width: 350px;
    left: -15px;
  }
}