/* Big screen */
@media only screen and (max-width: 1200px) {
  /* Count up */
  /* #countup .countup-wrapper .countup-box {
    flex: 0 0 calc((100% - 90px) / 3);
  } */

  #countup .key-stats-grid {
    flex-direction: column;
  }
}

/* Tap Pro */
@media only screen and (max-width: 991px) {
  /* About */
  #about .about-wrapper .content ~ .image {
    display: none;
  }

  /* Countup */
  #countup .key-stats-center {
    display: none;
  }

  /* Whats new */
  #whats-new .whats-new-box-container .whats-new-box {
    flex: 0 0 calc((100% - 30px) / 2);
  }

  /* Partner */
  #partner .partner-box-container .partner-box {
    flex: 0 0 calc((100% - 30px) / 2);
  }

  /* Speaker */
  #speakers .speakers-box-container .speaker-box {
    flex: 0 0 calc((100% - 30px) / 2);
  }

  /* Footer */
  #footer .footer-wrapper .footer-box-container .box {
    flex: 0 0 calc((100% - 30px) / 2);
  }

  #footer .footer-wrapper .footer-box-container :is(.email, .logo) {
    align-items: flex-end;
  }
}

/* Tablet */
@media only screen and (max-width: 768px) {
  /* Nav */
  #navbar .nav-wrapper .nav-links {
    display: none;
  }

  #navbar .nav-wrapper .hamburger-icons {
    display: block !important;
  }

  /* About */
  #about .about-wrapper {
    flex-direction: column-reverse;
  }

  /* Whats new */
  #whats-new .whats-new-box-container .whats-new-box {
    flex: 0 0 100%;
  }

  /* Key themes */
  #key .key-box-container .key-box {
    flex: 0 0 calc((100% - 60px) / 3);
  }

  /* Partner */
  #partner .partner-box-container .partner-box {
    flex: 0 0 100%;
  }

  /* Speaker */
  #speakers .speakers-box-container .speaker-box {
    flex: 0 0 100%;
  }
}

/* Mobile */
@media only screen and (max-width: 568px) {
  /* Count up */
  #countup .countup-wrapper .countup-box {
    flex: 0 0 100%;
  }

  #countup .stat-card {
    padding: 10px 20px;
  }

  /* Key themes */
  #key .key-box-container .key-box {
    flex: 0 0 calc((100% - 30px) / 2);
  }

  /* Footer */
  #footer .footer-wrapper h3 {
    width: 100%;
  }

  #footer .footer-wrapper .footer-box-container .box {
    flex: 0 0 100%;
  }

  #footer .footer-wrapper .footer-box-container .phone {
    border: none;
  }

  #footer .footer-wrapper .footer-box-container :is(.email, .logo) {
    align-items: flex-start;
  }

  #footer .footer-wrapper .footer-box-container .email {
    padding: 0;
  }
}