@media (max-width: 1199px) {
  h1 { font-size: 48px; }
  .banner-area-1 { padding: 220px 0 140px; }
  .bg-width-50 { width: 100%; height: 420px; position: relative; }
  .feature-track { padding-left: 15px; }
}

@media (max-width: 991px) {
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  .navbar-top { display: none; }
  .navbar-area { position: relative; }
  .navbar-area-2 { background: var(--main-color); }
  .banner-area-1 {
    padding: 80px 0 80px;
    background-position: center top;
  }
  .down-arrow { display: none; }
  .breadcrumb-area { padding: 140px 0 80px; }
  .footer-call-to-action-area { border-radius: 20px; padding: 28px 20px; }
  .home-contact-wrap { margin-top: 24px; }
  .single-subscribe-inner { max-width: 100%; }
  .navbar-collapse {
    background: #fff;
    padding: 12px 16px 20px;
    margin-top: 10px;
    border-radius: 8px;
  }
  .navbar-area-2 .navbar-nav .nav-link,
  .navbar-area-2 .navbar-nav > li > a {
    color: var(--heading-color) !important;
    padding: 8px 0 !important;
  }
  .nav-right-part-desktop { display: none; }
  .brand-mobile { padding: 8px 0; }
}

@media (max-width: 767px) {
  h1 { font-size: 34px; }
  .btn { padding: 0 22px; }
  .video-play-link { display: inline-block; margin: 16px 0 0; }
  .single-project-inner .thumb img { height: 260px; }
  .single-team-inner .thumb img { height: 300px; }
  .process-area-wrap,
  .home-contact-wrap { padding: 28px 20px; }
}