@media screen and (min-width: 2160px) {
  html { font-size: 20px; }
  body p { font-size: 1.25rem; }
  .container { max-width: 1600px; }
  .brand-logo { width: 300px; }

  .team-modal .text-box { height: 700px; margin: 30px 0 50px; padding-right: 50px; }
  .team-modal .title-box { padding-right: 50px; }
  .team-modal .modal-dialog { max-width: 1440px; }
  .team-modal .modal-body h4 { font-size: 2rem; }
  .team-modal .modal-body .row { margin: 0 -30px; }
  .team-modal .modal-body .row .col-md-6 { padding: 0 30px; }
}
@media screen and (max-width: 1700px) {

}
@media screen and (max-width: 1500px) {
  html { font-size: 14px; }
  .section-title h2 { font-size: 2.8rem; }

  .brand-logo { width: 180px; }

  .trusted, .venture, .leadership, .gallery { padding: 80px 0; }

  .venture .tab-content .tab-pane { min-height: 100px; }
}

@media screen and (max-width: 1400px) {
  body p { margin-bottom: 15px; }
  .section-title h3 { font-size: 2.2rem; }
  .section-title h2 + h3 { margin-top: 20px; }

  .banner .swiper-slide .banner-content h2 { font-size: 4rem; }

  .venture .tab-content .tab-pane { min-height: 120px; }

  .leadership .list .card .card-body p { font-size: 1rem; }

  .team-modal .modal-dialog { max-width: 900px; }
  .team-modal .text-box { height: 400px; }

  .projects, .footer { padding: 80px 0 0; }

  .media-enquiry h4 { font-size: 1.8rem; }
}
@media screen and (max-width: 1300px) {

}
@media screen and (max-width: 1100px) {
  .section-title { margin-bottom: 40px; }

  .brand-logo { width: 160px; }
  .banner .swiper-slide { min-height: 70vh; }

  .trusted, .venture, .leadership, .gallery { padding: 60px 0; }
  .trusted .list { margin-top: 50px; }

  .leadership .list .card .card-body h4 { font-size: 1.125rem; }
  .leadership .list .card .card-body { padding-bottom: 30px; }
  .leadership .list .card .card-body p, .leadership .list .card .card-body span { font-size: 0.875rem }
  .leadership .list .card .card-body span { bottom: 1rem; }

  .projects, .footer { padding: 60px 0 0; }
}
@media screen and (max-width: 1000px) {
  .section-title h2 { font-size: 2.5rem; }
  .section-title h3 { font-size: 2rem; }

  .banner .swiper-slide .banner-content h2 { font-size: 3.5rem; line-height: 1.1; }

  .menu-toggler { display: flex; }
  .navbar { display: none; }
}
@media screen and (max-width: 900px) {
  .venture .tab-content .tab-pane { min-height: 170px; }

  .leadership .list .card { width: calc(100% / 2 - 15px); margin-bottom: 30px; }
  .leadership .list .card .card-body h4 { font-size: 1.25rem; }
  .team-modal .modal-dialog { max-width: 85%; margin: auto; }
  .team-modal .text-box { height: 280px; }

  .gallery .swiper-button-prev, .projects .swiper-button-prev { left: -30px; }
  .gallery .swiper-button-next, .projects .swiper-button-next { right: -30px; }
  .gallery .container { max-width: 85%; }

  .media-enquiry { padding: 40px 0; }
  .media-enquiry h4 { font-size: 1.6rem; }

  .footer address { margin-bottom: 20px; }
  .footer .contact-info { margin-bottom: 20px; }
}
@media screen and (max-width: 700px) {
  .container { max-width: 90%; }
  body p { font-size: 1rem; }
  .section-title { margin-bottom: 30px; }
  .section-title h2 { font-size: 2.2rem; }
  .section-title h3 { font-size: 1.8rem; letter-spacing: 1px; }

  .banner .swiper-slide .banner-content h2 { font-size: 3rem; }

  .trusted, .venture, .leadership, .gallery { padding: 40px 0; }
  .trusted .img-box { width: 60px; height: 60px; }
  .trusted h5 { font-size: 1.2rem; }

  .venture .tab-content { padding: 30px 0 0; }
  .venture .nav li button { font-size: 1.1rem; }

  .leadership .list .card { width: calc(100% / 2 - 10px); margin-bottom: 20px; }
  .leadership .list .card .card-img { aspect-ratio: 1; }
  .leadership .list .card .card-img img { object-position: top center; }

  .projects .container { max-width: 90%; }
  .gallery .swiper-button-prev, .projects .swiper-button-prev { left: -20px; }
  .gallery .swiper-button-next, .projects .swiper-button-next { right: -20px; }
  .projects .text-box { margin-top: 30px; margin-bottom: 50px; }
  .media-enquiry h4 { font-size: 1.4rem; line-height: 1.3; }

  .team-modal .img-box { height: 280px; }
  .team-modal .img-box img { object-position: center -20px; }
  .team-modal .text-box { padding: 0px 30px 0 20px; margin-top: 10px; }
  .team-modal .title-box { padding: 0 30px 0 20px; }
  .team-modal .title-box p { margin-bottom: 0; }
  .team-modal .modal-body h4 { margin-top: 20px; font-size: 1.2rem; }
}
@media screen and (max-width: 600px) {
  .section-title h2 { font-size: 2rem; }
  .section-title h3 { font-size: 1.6rem; }
  .section-title h2 + h3 { margin-top: 10px; }

  .projects .text-box h4 { font-size: 1.4rem; }

  .footer .contact-info img { width: 20px; height: 20px; margin-right: 10px; }
}
@media screen and (max-width: 500px) {
  .brand-logo { width: 140px; }
  .banner .swiper-slide .banner-content h2 { font-size: 2.4rem; }

  .section-title { margin-bottom: 20px; }
}
@media screen and (max-width: 440px) {
  .section-title h3 { font-size: 1.4rem; }

  .banner .swiper-slide { min-height: 200px; }
  .banner .swiper-slide .banner-content h2 { font-size: 2rem; }
  .banner .swiper-slide .banner-content h2 br { display: none; }
  .banner .swiper-pagination { bottom: 10px; }

  .trusted .img-box { width: 40px; height: 40px; }
  .trusted h5 { font-size: 0.875rem; }

  .venture .nav li { flex: auto; }
  .venture .nav li button { font-size: 1rem; }
  .venture .tab-content .tab-pane { min-height: 100px; }

  .leadership .list .card { width: calc(100% / 2 - 8px); margin-bottom: 15px; }
  .leadership .list .card .card-body h4 { font-size: 1.125rem; }

  .projects, .footer { padding: 40px 0 0; }

  .gallery .section-title, .projects .section-title { margin-bottom: 20px; }

  .media-enquiry h4 { font-size: 1.2rem; }

}
@media screen and (max-width: 400px) {
  .container { max-width: 100%; }
  .section-title h2 { font-size: 1.8rem; }
  .section-title h3 { font-size: 1.2rem; }
  .projects .text-box h4 { font-size: 1.2rem; }

  .trusted .list { margin-top: 30px; }
  .trusted .img-box { margin-bottom: 10px; }
  .trusted .list li:not(:last-child) { margin-bottom: 30px; }

  .projects .container, .gallery .container { max-width: 100%; }

  .gallery .swiper-button-prev, .projects .swiper-button-prev { left: 20px; }
  .gallery .swiper-button-next, .projects .swiper-button-next { right: 20px; }

}
@media screen and (max-width: 374px) {

}