/* < 600px (Mobile) */
@media (max-width: 599px) {
  .fs-79 { font-size: 36px; line-height: 46px; letter-spacing: -1px; }
  .fs-72 { font-size: 34px; line-height: 44px; }
  .fs-60 { font-size: 30px; line-height: 40px; letter-spacing: -0.7px; }
  .fs-54 { font-size: 28px; line-height: 38px; }
  .fs-48 { font-size: 26px; line-height: 36px; }
  .fs-43 { font-size: 24px; line-height: 34px; }
  .fs-36 { font-size: 22px; line-height: 32px; }
  .fs-30 { font-size: 20px; line-height: 30px; }
  .fs-24 { font-size: 18px; line-height: 28px; }
  .fs-20 { font-size: 16px; line-height: 26px; }
  .fs-18 { font-size: 14px; line-height: 22px; }
  .fs-16 { font-size: 13px; line-height: 20px; }
  .fs-14 { font-size: 12px; line-height: 18px; }

  .navbar {height: 100px;}.logo{width: 120px;height: auto;}
  .main-slider{height: 425px;}
  .main-slider img, .main-slider .slider-video {height: 425px;}
  .slider-text-box{bottom: 15%;width: 75%;}
  .slider-overlay-2 {height: 235px;z-index: 2;}
}

/* 600px – 899px (Tablet Portrait) */
@media (min-width: 600px) and (max-width: 899px) {
  .fs-79 { font-size: 45px; line-height: 60px; letter-spacing: -1.5px; }
  .fs-72 { font-size: 42px; line-height: 56px; }
  .fs-60 { font-size: 38px; line-height: 50px; letter-spacing: -1.1px; }
  .fs-54 { font-size: 35px; line-height: 46px; }
  .fs-48 { font-size: 32px; line-height: 42px; }
  .fs-43 { font-size: 30px; line-height: 40px; }
  .fs-36 { font-size: 26px; line-height: 36px; }
  .fs-30 { font-size: 24px; line-height: 34px; }
  .fs-24 { font-size: 20px; line-height: 30px; }
  .fs-20 { font-size: 18px; line-height: 26px; }
  .fs-18 { font-size: 16px; line-height: 24px; }
  .fs-16 { font-size: 14px; line-height: 22px; }
  .fs-14 { font-size: 13px; line-height: 20px; }

  .navbar {height: 100px;}.logo{width: 120px;height: auto;}
  .main-slider{height: 525px;}
  .main-slider img, .main-slider .slider-video {height: 525px;}
  .slider-text-box{bottom: 15%;width: 75%;}
  .slider-overlay-2 {height: 235px;z-index: 2;}

}

/* 900px – 1199px (Tablet Landscape) */
@media (min-width: 900px) and (max-width: 1199px) {
  .fs-79 { font-size: 60px; line-height: 75px; letter-spacing: -1.8px; }
  .fs-72 { font-size: 56px; line-height: 70px; }
  .fs-60 { font-size: 48px; line-height: 62px; letter-spacing: -1.4px; }
  .fs-54 { font-size: 44px; line-height: 58px; }
  .fs-48 { font-size: 40px; line-height: 52px; }
  .fs-43 { font-size: 36px; line-height: 48px; }
  .fs-36 { font-size: 32px; line-height: 44px; }
  .fs-30 { font-size: 28px; line-height: 38px; }
  .fs-24 { font-size: 22px; line-height: 32px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 16px; line-height: 26px; }
  .fs-16 { font-size: 14px; line-height: 22px; }
  .fs-14 { font-size: 13px; line-height: 20px; }
}

/* 1200px – 1439px (Small Desktop) */
@media (min-width: 1200px) and (max-width: 1439px) {
  .fs-79 { font-size: 70px; line-height: 88px; letter-spacing: -2px; }
  .fs-72 { font-size: 64px; line-height: 80px; }
  .fs-60 { font-size: 52px; line-height: 66px; letter-spacing: -1.6px; }
  .fs-54 { font-size: 48px; line-height: 62px; }
  .fs-48 { font-size: 44px; line-height: 56px; }
  .fs-43 { font-size: 40px; line-height: 52px; }
  .fs-36 { font-size: 34px; line-height: 48px; }
  .fs-30 { font-size: 28px; line-height: 40px; }
  .fs-24 { font-size: 22px; line-height: 34px; }
  .fs-20 { font-size: 18px; line-height: 28px; }
  .fs-18 { font-size: 16px; line-height: 26px; }
  .fs-16 { font-size: 14px; line-height: 22px; }
  .fs-14 { font-size: 13px; line-height: 20px; }

  .nav-item {padding: 0 30px;}
  .media-card{padding: 30px 40px; height: 350px;}
  .work-card {height: 330px;}
}

/* 1440px – 1799px (Medium Desktop) */
@media (min-width: 1440px) and (max-width: 1799px) {
  .fs-79 { font-size: 75px; line-height: 95px; letter-spacing: -2.2px; }
  .fs-72 { font-size: 68px; line-height: 85px; }
  .fs-60 { font-size: 56px; line-height: 70px; letter-spacing: -1.7px; }
  .fs-54 { font-size: 50px; line-height: 64px; }
  .fs-48 { font-size: 46px; line-height: 60px; }
  .fs-43 { font-size: 42px; line-height: 54px; }
  .fs-36 { font-size: 36px; line-height: 48px; }
  .fs-30 { font-size: 30px; line-height: 44px; }
  .fs-24 { font-size: 24px; line-height: 36px; }
  .fs-20 { font-size: 20px; line-height: 30px; }
  .fs-18 { font-size: 18px; line-height: 28px; }
  .fs-16 { font-size: 16px; line-height: 26px; }
  .fs-14 { font-size: 14px; line-height: 20px; }

  .nav-item {padding: 0 30px;}
  .media-card{padding: 15px 30px;}
  .work-card {height: 330px;}
}

/* ≥ 2560px (Ultra-Wide Screens) */
@media (min-width: 2560px) {
  .fs-79 { font-size: 96px; line-height: 120px; letter-spacing: -3px; }
  .fs-72 { font-size: 88px; line-height: 112px; }
  .fs-60 { font-size: 76px; line-height: 96px; letter-spacing: -2.2px; }
  .fs-54 { font-size: 70px; line-height: 88px; }
  .fs-48 { font-size: 64px; line-height: 80px; }
  .fs-43 { font-size: 58px; line-height: 72px; }
  .fs-36 { font-size: 52px; line-height: 66px; }
  .fs-30 { font-size: 44px; line-height: 60px; }
  .fs-24 { font-size: 36px; line-height: 52px; }
  .fs-20 { font-size: 30px; line-height: 44px; }
  .fs-18 { font-size: 28px; line-height: 42px; }
  .fs-16 { font-size: 24px; line-height: 36px; }
  .fs-14 { font-size: 20px; line-height: 28px; }
}