@media (min-width: 1200px) {
   .container,
   .container-lg,
   .container-md,
   .container-sm,
   .container-xl,
   .container-xxl {
      max-width: 1162px;
   }
}
@media (max-width: 1599px) {
   .header-title {
      left: 40px;
   }
}
@media (max-width: 1399px) {
   .header-info-wrap {
      gap: 40px;
   }
   .logo img {
      width: 450px;
   }
   .menu-link {
      font-size: 20px;
   }
   .header-title {
      left: 30px;
   }
   .home-hero .hero-wrapper {
      min-height: 650px;
   }
   .hero-title.big {
      font-size: 90px;
   }
   .footer-wrapper {
      padding: 200px 0 45px;
   }
   .team {
      padding: 220px 0 125px;
   }
   .service-top {
      margin-bottom: 120px;
   }
}

@media (max-width: 1199px) {
   h3 {
      font-size: 26px;
   }
   .header {
      border-top-width: 6px;
   }
   .header-info-wrap {
      gap: 25px;
   }
   .header-info {
      font-size: 18px;
      gap: 10px;
   }
   .logo img {
      width: 360px;
   }
   .menu-link {
      font-size: 18px;
   }
   .header-title {
      top: 16px;
      font-size: 20px;
   }
   .megamenu {
      padding: 32px;
   }
   .megamenu-link {
      font-size: 16px;
   }
   .megamenu-link-icon {
      width: 32px;
   }
   .hero-title.big {
      font-size: 70px;
   }
   .hero-subtitle {
      font-size: 40px;
   }
   .home-hero .hero-wrapper {
      min-height: 600px;
   }
   .section-title {
      font-size: 40px;
   }
   .service-wrapper .row {
      --bs-gutter-y: 90px;
   }
   .service-item-title {
      font-size: 20px;
      line-height: 24px;
      min-height: 48px;
      letter-spacing: 1px;
   }
   .news-card.sm {
      gap: 24px;
   }
   .news-card-title {
      font-size: 20px;
      line-height: 24px;
      letter-spacing: 1px;
   }
   .service {
      padding: 30px 0 50px;
   }
   .cta {
      padding: 50px 0;
   }
   .news {
      padding: 50px 0;
   }
   .info {
      padding: 50px 0;
   }
   .info-item h4 {
      font-size: 20px;
      line-height: 26px;
   }
   .footer-wrapper {
      padding: 160px 0 45px;
   }
   .footer-widget-wrapper {
      gap: 190px;
   }
   .hero-title {
      font-size: 70px;
   }
   .about-thumb-content h3 {
      font-size: 36px;
      line-height: 32px;
      letter-spacing: 3px;
   }
   .about-thumb-content {
      width: 260px;
      padding: 12px 20px;
   }
   .about {
      padding: 34px 0 90px;
   }
   .about-group {
      padding: 80px 0;
   }
   .about-group-content h3 {
      margin-bottom: 40px;
   }
   .structure-img {
      max-width: 800px;
   }
   .vision {
      padding: 68px 0 100px;
   }
   .legacy .section-title {
      margin-bottom: 50px;
   }
   .legacy-content-wrap {
      margin-bottom: 60px;
   }
   .history-wrapper {
      gap: 40px;
   }
   .history-item-title {
      font-size: 48px;
   }
   .history-item-title span {
      font-size: 32px;
   }
   .team {
      padding: 160px 0 100px;
   }
   .team-wrapper .row {
      --bs-gutter-y: 55px;
   }
   .profile-img {
      height: 300px;
   }
   .testimonial {
      padding: 100px 0 75px;
   }
   .service-2 {
      padding: 100px 0 40px;
   }
   .service-top {
      margin-bottom: 100px;
   }
   .news-desc {
      max-width: 850px;
   }
   .contact-content-title {
      font-size: 36px;
   }
}

@media (max-width: 991px) {
   .logo {
      margin: 0;
   }
   .header {
      border-top-width: 4px;
   }
   .logo img {
      width: 240px;
   }
   .header {
      padding: 15px 0;
   }
   .home-hero .hero-wrapper {
      min-height: 450px;
      padding: 80px 0;
   }
   .hero-title.big {
      font-size: 56px;
   }
   .hero-subtitle {
      font-size: 30px;
   }
   .section-title {
      font-size: 32px;
   }
   .chartering .section-title {
      margin-bottom: 32px;
   }
   .section-divider {
      gap: 48px;
   }
   .service-item-icon {
      width: 150px;
      height: 150px;
      padding: 24px;
   }
   .service-wrapper .row {
      --bs-gutter-y: 64px;
      --bs-gutter-x: 24px;
   }
   .service-item-title {
      font-size: 16px;
      line-height: 22px;
      min-height: 44px;
   }
   .service-item-desc {
      margin: 0 auto 24px;
      line-height: 18px;
      letter-spacing: 1px;
      font-size: 14px;
   }
   .theme-btn .btn-text {
      font-size: 18px;
   }
   .service {
      padding: 30px 0 40px;
   }
   .cta {
      padding: 40px 0;
   }
   .cta-wrapper {
      padding: 36px 70px 24px 30px;
   }
   .cta-title {
      font-size: 36px;
      line-height: 50px;
   }
   .news {
      padding: 40px 0;
   }
   .info {
      padding: 40px 0;
   }
   .info-item {
      width: 150px;
   }
   .info-item-icon {
      width: 140px;
      height: 150px;
   }
   .info-item h4 {
      font-size: 18px;
      line-height: 24px;
   }
   .brand {
      padding: 40px 0;
   }
   .brand-logo-wrap {
      gap: 24px;
      padding: 0;
   }
   .certificate-wrap {
      gap: 20px;
   }
   .certificate img {
      width: 180px;
   }
   .footer-wrapper {
      padding: 100px 0 45px;
   }
   .footer-widget-wrapper {
      gap: 120px;
   }
   .copyright-wrapper {
      gap: 10px;
   }
   .about-thumb-wrapper {
      max-width: 500px;
      margin: 0 auto;
   }
   .about .section-subtitle {
      margin-bottom: 40px;
   }
   .about-feature-wrapper .row {
      --bs-gutter-x: 24px;
      --bs-gutter-y: 24px;
   }
   .about-feature-title {
      font-size: 24px;
      letter-spacing: 2px;
      margin-bottom: 20px;
   }
   .about {
      padding: 34px 0 70px;
   }
   .about-group {
      padding: 60px 0;
   }
   h3 {
      font-size: 22px;
   }
   .about-group-content h3 {
      margin-bottom: 30px;
   }
   .about-group-content::after {
      width: 420px;
   }
   .structure-img {
      max-width: 600px;
      margin-top: 50px;
   }
   .vision-section-title {
      margin-bottom: 40px;
   }
   .vision-content .row {
      --bs-gutter-x: 24px;
   }
   .vision-content-box {
      padding: 24px 20px 36px;
   }
   .vision-content-img {
      margin-top: 70px;
      max-width: 500px;
   }
   .vision-content:not(:last-child) {
      margin-bottom: 60px;
   }
   .vision {
      padding: 68px 0 80px;
   }
   .legacy-content-wrap .row {
      --bs-gutter-x: 24px;
   }
   .legacy-content p {
      letter-spacing: 1px;
   }
   .legacy .section-title {
      margin-bottom: 40px;
   }
   .history-wrapper {
      gap: 24px;
   }
   .history-item-title {
      font-size: 36px;
   }
   .history-item-title span {
      font-size: 24px;
   }
   .history-item::after {
      width: calc(100% + 24px);
      bottom: 13px;
   }
   .history-item::before {
      content: "";
      width: 20px;
      height: 20px;
      outline-width: 3px;
   }
   .team {
      padding: 100px 0 80px;
   }
   .team-wrapper .row {
      --bs-gutter-y: 40px;
      --bs-gutter-x: 24px;
   }
   .profile-name {
      font-size: 18px;
   }
   .profile-designation {
      font-size: 14px;
      line-height: 16px;
   }
   .profile-info {
      padding: 14px 10px;
   }
   .company-section-subtitle {
      margin-bottom: 50px;
   }
   .partner-logo-wrap .row {
      --bs-gutter-x: 20px;
      --bs-gutter-y: 20px;
   }
   .partner {
      padding-bottom: 60px;
   }
   .hero-title {
      font-size: 55px;
   }
   .hero-wrapper {
      min-height: 300px;
   }
   .testimonial {
      padding: 80px 0 75px;
   }
   .service-2 {
      padding: 80px 0 40px;
   }
   .service-top-content {
      max-width: 100%;
   }
   .service-top-title h3 {
      max-width: 100%;
   }
   .service-top-title .section-title {
      margin-bottom: 30px;
   }
   .service-top {
      margin-bottom: 80px;
   }
   .service-thumb-wrapper .row {
      --bs-gutter-x: 24px;
      --bs-gutter-y: 24px;
   }
   .service-feature-desc {
      margin: 35px 0 35px 50px;
   }
   .news-detail {
      padding: 50px 0 80px;
   }
   .news-pagination {
      max-width: 540px;
   }
   .news-pagination-btn {
      font-size: 20px;
   }
   .news-pagination-btn img {
      width: 14px;
   }
   .contact-title {
      margin-bottom: 60px;
   }
   .contact-content-title {
      font-size: 28px;
   }
}

@media (max-width: 767px) {
   .section-title {
      font-size: 24px;
   }
   .logo img {
      width: 200px;
   }
   .home-hero .hero-wrapper {
      min-height: 340px;
      padding: 60px 0;
   }
   .hero-title.big {
      font-size: 36px;
      line-height: 1;
   }
   .hero-subtitle {
      font-size: 20px;
   }
   .chartering .section-title {
      margin-bottom: 24px;
   }
   .section-divider {
      gap: 24px;
   }
   .divider-shape {
      width: 14px;
   }
   .service-wrapper .row {
      --bs-gutter-y: 40px;
   }
   .service {
      padding: 30px 0;
   }
   .cta {
      padding: 30px 0;
   }
   .cta-wrapper {
      padding: 24px;
   }
   .cta-subtitle {
      font-size: 16px;
      line-height: 20px;
   }
   .cta-title {
      font-size: 28px;
      line-height: 40px;
   }
   .news {
      padding: 30px 0;
   }
   .news-card-title {
      font-size: 18px;
      line-height: 22px;
   }
   .info-item {
      width: 120px;
   }
   .info-item-icon {
      width: 100px;
      height: 110px;
      margin-bottom: 10px;
   }
   .info-item h4 {
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 1px;
   }
   .certificate-wrap {
      gap: 0;
   }
   .certificate img {
      width: 140px;
   }
   .brand {
      padding: 30px 0;
   }
   .footer-wrapper {
      padding: 60px 0 30px;
   }
   .footer-widget-wrapper {
      gap: 40px;
   }
   .footer-title {
      font-size: 20px;
      letter-spacing: 1px;
   }
   .copyright-wrapper {
      font-size: 14px;
   }
   .footer-widget {
      max-width: 200px;
   }
   .news-wrapper .row {
      --bs-gutter-x: 0;
   }
   .hero-wrapper {
      min-height: 220px;
      padding: 40px 0;
   }
   .hero-title {
      font-size: 32px;
   }
   .about-thumb-content h3 {
      font-size: 28px;
      line-height: 26px;
      letter-spacing: 2px;
   }
   .about-thumb-content {
      width: 210px;
   }
   .about .section-subtitle {
      margin-bottom: 30px;
   }
   .about-feature-wrapper {
      margin-top: 50px;
      max-width: 1000px;
   }
   .about-feature-title {
      font-size: 20px;
   }
   .about-feature-list li {
      line-height: 26px;
   }
   .about {
      padding: 34px 0 50px;
   }
   .about-group {
      padding: 50px 0;
   }
   .about-group-content .section-title {
      margin-bottom: 24px;
   }
   h3 {
      font-size: 18px;
   }
   .about-group-content h3 {
      margin-bottom: 20px;
   }
   .about-group-content {
      padding-bottom: 40px;
      margin-bottom: 40px;
   }
   .structure-img {
      margin-top: 32px;
   }
   .vision {
      padding: 50px 0;
   }
   .vision-section-title {
      margin-bottom: 30px;
   }
   .vision-content h3 {
      margin-bottom: 24px;
   }
   .vision-content .row {
      --bs-gutter-x: 0;
   }
   .vision-content-img {
      margin-top: 48px;
   }
   .vision-content:not(:last-child) {
      margin-bottom: 40px;
   }
   .legacy {
      padding: 40px 0;
   }
   .legacy .section-title {
      margin-bottom: 30px;
   }
   .legacy-content-wrap {
      margin-bottom: 40px;
   }
   .history-wrapper {
      grid-template-columns: 1fr;
   }
   .history-item {
      padding-bottom: 0;
      padding-left: 30px;
   }
   .history-item::before {
      width: 16px;
      height: 16px;
      outline-width: 3px;
      left: 3px;
      transform: translateX(0%) translateY(-50%);
      top: 50%;
   }
   .history-item::after {
      width: 1px;
      bottom: auto;
      height: calc(100% + 24px);
      top: 7px;
      left: 10px;
   }
   .history-item-title {
      font-size: 28px;
   }
   .history-item-title span {
      font-size: 18px;
   }
   .team {
      padding: 60px 0;
   }
   .section-subtitle {
      font-size: 16px;
      letter-spacing: 1.5px;
   }
   .team-wrapper .row {
      --bs-gutter-y: 32px;
      --bs-gutter-x: 20px;
   }
   .company-section-subtitle {
      margin-bottom: 40px;
   }
   .company-wrapper:not(:last-child) {
      margin-bottom: 60px;
   }
   .quote-icon {
      width: 70px;
   }
   .testimonial-slide {
      padding-top: 30px;
      padding-left: 16px;
   }
   .swiper-pagination-bullet {
      width: 16px;
      height: 16px;
      margin: 0 4px !important;
   }
   .testimonial {
      padding: 60px 0;
   }
   .partner-logo-wrap .row {
      --bs-gutter-x: 16px;
      --bs-gutter-y: 16px;
   }
   .about-wrapper .row {
      --bs-gutter-x: 0;
   }
   .service-2 {
      padding: 50px 0 40px;
   }
   .service-top-title .section-title {
      margin-bottom: 20px;
   }
   .service-top {
      margin-bottom: 50px;
   }
   .service-feature-desc {
      margin: 24px 0;
   }
   .news-title {
      letter-spacing: 2px;
   }
   .news-content-block h4 {
      font-size: 20px;
      letter-spacing: 2px;
   }
   .news-pagination-btn {
      gap: 10px;
      font-size: 16px;
      letter-spacing: 1px;
   }
   .news-pagination-btn img {
      width: 12px;
   }
   .news-detail {
      padding: 50px 0;
   }
   .contact {
      padding: 50px 0;
   }
   .contact-title {
      margin-bottom: 32px;
   }
   .contact-content-title {
      font-size: 24px;
   }
   .contact-info-wrap {
      margin: 30px 0;
   }
   .social-icon-wrap {
      gap: 24px;
      margin-bottom: 30px;
   }
   .text-field {
      height: 180px;
   }
}
@media (max-width: 575px) {
   .hero-title.big {
      font-size: 32px;
   }
   .hero-subtitle {
      font-size: 18px;
   }
   .certificate img {
      width: 110px;
   }
   .footer-widget {
      max-width: 100%;
   }
   .profile-img {
      height: auto;
   }
   .team-wrapper .row {
      --bs-gutter-x: 16px;
   }
   .profile-name {
      font-size: 14px;
   }
   .profile-designation {
      font-size: 12px;
      line-height: 14px;
   }
   .service-thumb-wrapper .row {
      --bs-gutter-x: 16px;
      --bs-gutter-y: 16px;
   }
}