@charset "UTF-8";
/* 5M HOLDINGS — responsive.scss (pesiad breakpoint ladder) */
@media (max-width: 1471px) {
  main section.slider .slick .area .detail {
    padding-left: calc((100vw - 1320px) / 2 + 12px);
    max-width: calc((100vw - 1320px) / 2 + 820px);
  }
  main section.slider .slick .area .sliderimg {
    height: 660px;
  }
  main section.map .map-box .map-card {
    left: calc((100vw - 1320px) / 2 + 12px);
  }
}
@media (max-width: 1400px) {
  main section.slider .slick .area .detail h1 {
    font-size: 50px;
  }
  header .top-area .top-contact {
    padding-right: 18px;
  }
}
@media (max-width: 1199px) {
  main section.slider .slick .area .detail {
    padding-left: calc((100vw - 1140px) / 2 + 12px);
    max-width: calc((100vw - 1140px) / 2 + 760px);
  }
  main section.slider .slick .area .sliderimg {
    height: 600px;
  }
  main section.slider .slick .area .detail h1 {
    font-size: 44px;
  }
  main section.map .map-box .map-card {
    left: calc((100vw - 1140px) / 2 + 12px);
  }
  header .menu-area ul.header-menu li.nav-item a.nav-link {
    font-size: 14px;
    letter-spacing: 0.5px;
  }
  .section-title {
    font-size: 36px;
  }
  main section.page-header h1 {
    font-size: 44px;
  }
  main section.stats .count-box h2 {
    font-size: 38px;
  }
  main section.key-facts .fact h3 {
    font-size: 34px;
  }
  main section.timeline ul.tl li .tl-box {
    width: calc(50% - 30px);
  }
}
@media (max-width: 991px) {
  .row.g-5 {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }
  header .top-area .top-contact {
    display: none !important;
  }
  header .top-area .user-action {
    display: none !important;
  }
  header .top-area .language-choice {
    display: none !important;
  }
  header .top-area .header-logo-desc {
    display: none !important;
  }
  header .menu-area {
    display: none;
  }
  header .mobile-menu-dropdown {
    display: block;
  }
  header .mobile-menu-dropdown .toggleMenu {
    display: flex !important;
  }
  header.stick .top-area {
    display: block;
  }
  main section.slider .slick .area .detail {
    padding-left: calc((100vw - 960px) / 2 + 12px);
    max-width: 100%;
    padding-right: calc((100vw - 960px) / 2 + 12px);
  }
  main section.slider .slick .area .sliderimg {
    height: 560px;
  }
  main section.slider .slick .area .detail h1 {
    font-size: 40px;
  }
  main section.slider .slick .area .detail p {
    font-size: 16px;
  }
  main section.slider .slider-controls {
    bottom: 30px;
  }
  main section.slider .slider-controls .button-group {
    max-width: 100%;
  }
  main section.stats {
    padding-bottom: 60px;
  }
  main section.stats .count-box {
    margin-bottom: 0;
  }
  main section.about-teaser .imgBox {
    padding-left: 0;
    margin-bottom: 60px;
  }
  main section.about-teaser .imgBox .year-badge {
    left: 20px;
  }
  main section.companies, main section.values, main section.news, main section.about-teaser,
  main section.content-block, main section.mvv, main section.timeline, main section.leadership,
  main section.services-grid, main section.faq, main section.contact, main section.games-grid {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  main section.page-header {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  main section.page-header h1 {
    font-size: 38px;
  }
  main section.content-block .imgBox {
    margin-bottom: 40px;
  }
  main section.content-block .order-lg-2 .imgBox {
    margin-bottom: 40px;
  }
  main section.key-facts .fact {
    border-right: none;
    padding: 16px 0;
  }
  main section.timeline ul.tl:before {
    left: 10px;
  }
  main section.timeline ul.tl li .tl-dot {
    left: 10px;
  }
  main section.timeline ul.tl li .tl-box {
    width: calc(100% - 44px);
    margin-left: 44px;
  }
  main section.timeline ul.tl li:nth-child(even) {
    justify-content: flex-start;
  }
  main section.timeline ul.tl li:nth-child(even) .tl-box {
    border-right: none;
    border-left: 3px solid #bf9734;
    text-align: left;
  }
  main section.map .map-box .map-card {
    left: 20px;
    right: 20px;
    max-width: none;
  }
  main section.contact .contact-form {
    padding: 34px;
    margin-top: 30px;
  }
  main section.our-partners .button-group .progress-bar {
    width: 200px;
  }
  section.join-us-footer .join-us-footer-content .incontent {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
  footer .footer-title {
    padding-top: 30px;
  }
  footer .footer-brand {
    padding-bottom: 10px;
  }
}
@media (max-width: 768px) {
  main section.slider .slick .area.photo .shade {
    background: linear-gradient(180deg, rgba(6, 17, 33, 0.94) 0%, rgba(6, 17, 33, 0.82) 60%, rgba(6, 17, 33, 0.96) 100%);
  }
  main section.slider .slick .area.photo .shade:after {
    display: none;
  }
  main section.slider .slick .area .detail {
    padding-left: 24px;
    padding-right: 24px;
  }
  main section.slider .slick .area .sliderimg {
    height: 620px;
  }
  main section.slider .slick .area .detail h1 {
    font-size: 34px;
  }
  main section.slider .slick .area .detail .button-group {
    flex-wrap: wrap;
  }
  main section.slider .slider-controls .button-group .slide-count {
    display: none;
  }
  .section-title {
    font-size: 30px;
  }
  .section-lead {
    font-size: 17px;
  }
  .tcheader .tcheader-i {
    width: 60px;
    height: 60px;
  }
  .tcheader .tcheader-i i {
    font-size: 28px;
  }
  .tcheader .tcheader-detail h2 {
    font-size: 22px;
  }
  main section.news .button-group button.btn {
    width: 50px;
    height: 50px;
  }
  main section.our-partners .w-100.d-flex {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 24px;
  }
  main section.our-partners .button-group {
    justify-content: flex-start;
    width: 100%;
  }
  main section.our-partners .button-group .progress-bar {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }
  main section.page-header h1 {
    font-size: 32px;
  }
  main section.page-header p {
    font-size: 16px;
  }
  main section.stats .count-box {
    padding: 26px 22px;
  }
  main section.part-of .part-of-box {
    padding: 30px;
  }
  main section.part-of .part-of-box .left {
    flex-direction: column;
    align-items: flex-start;
  }
  main section.contact .contact-form {
    padding: 26px;
  }
  main section.map .map-box {
    height: 360px;
  }
  .copyright .cpyrtxt {
    flex-direction: column;
    gap: 14px;
    text-align: center;
  }
  .copyright ul.copy-right-menu {
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (max-width: 576px) {
  header .top-area a.hlogo img {
    max-height: 40px;
  }
  header .mobile-menu-dropdown .toggleMenu {
    padding: 11px 14px;
    font-size: 13px;
  }
  main section.slider .slick .area .sliderimg {
    height: 640px;
  }
  main section.slider .slick .area .detail h1 {
    font-size: 30px;
  }
  main section.slider .slick .area .detail p {
    font-size: 15px;
  }
  main section.slider .slider-controls .button-group {
    gap: 16px;
  }
  main section.slider .slider-controls .button-group button.btn {
    width: 42px;
    height: 42px;
  }
  .btn-gold, .btn-ghost, .btn-navy, .btn-ghost-dark {
    padding: 14px 20px;
    font-size: 15px;
  }
  .section-title {
    font-size: 27px;
  }
  main section.stats .count-box h2 {
    font-size: 32px;
  }
  main section.values .value-box, main section.services-grid .service-box, main section.mvv .mvv-box {
    padding: 26px 22px;
  }
  main section.companies .company-card .card-body-x {
    padding: 22px;
  }
  main section.companies .company-card .card-body-x h3 {
    font-size: 22px;
  }
  main section.news-grid .filter-tabs button {
    padding: 10px 14px;
    font-size: 12px;
  }
  main section.key-facts .fact h3 {
    font-size: 30px;
  }
  main section.timeline ul.tl li .tl-box {
    padding: 20px;
  }
  main section.about-teaser .imgBox .year-badge {
    padding: 16px 20px;
  }
  main section.about-teaser .imgBox .year-badge span.big {
    font-size: 30px;
  }
  section.join-us-footer .join-us-footer-content .incontent .text span.big {
    font-size: 21px;
  }
  section.join-us-footer .join-us-footer-content .incontent a.btn-fillform {
    width: 100%;
  }
  footer {
    padding-top: 50px;
  }
  #topButton {
    bottom: 16px;
    right: 16px;
  }
}
@media (max-width: 375px) {
  main section.slider .slick .area .detail h1 {
    font-size: 27px;
  }
  main section.page-header h1 {
    font-size: 28px;
  }
}