@media only screen and (max-width: 1199px) {
  .about-content-text h2,
  .about-content h2 { font-size: 30px; }
  .main-banner-content h1 { font-size: 30px; }
}

@media only screen and (max-width: 991px) {
  .karlon-responsive-nav { display: none; }
  .navbar-area { padding: 12px 0; }
  .navbar-area:not(.is-sticky) .karlon-nav:not(.index-navber) .navbar-toggler span { background: #fff; }
  .home-area { height: auto; padding: 140px 0 60px; }
  .home-area .banner-image { padding-top: 30px; }
  .about-content { margin-right: 0; margin-bottom: 40px; }
  .about-image:before { display: none; }
  .about-image .years-design h2 { font-size: 64px; }
  .page-title-area { height: 280px; }
  .page-title-content { margin-top: 70px; }
  .page-title-content h2 { font-size: 28px; }
  .other-option { display: none !important; }
  .copyright-area ul { text-align: left; margin-top: 12px; }
  .karlon-nav .navbar .navbar-nav .nav-item .dropdown-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    width: 100%;
    box-shadow: none;
    display: none;
  }
  .karlon-nav .navbar .navbar-nav .nav-item.open .dropdown-menu { display: block; }
  .navbar-collapse {
    background: #fff;
    padding: 12px 16px;
    box-shadow: 0 7px 13px rgba(0, 0, 0, 0.1);
    margin-top: 12px;
  }
  .karlon-nav .navbar .navbar-nav .nav-item > a,
  .karlon-nav.index-navber .navbar .navbar-nav .nav-item > a {
    color: #505050;
    margin: 8px 0;
    display: block;
  }
  .brand-logo .white-logo { color: #2b2b35 !important; }
}

@media only screen and (max-width: 767px) {
  .section-title h2,
  .about-content h2,
  .main-banner-content h1,
  .hire-content h2 { font-size: 26px; }
  .section-padding { padding: 70px 0; }
  .pt-70 { padding-top: 40px; }
  .pb-100 { padding-bottom: 70px; }
  .default-btn-one { margin-right: 10px; margin-bottom: 10px; }
  .home-area { padding-top: 120px; }
}