@media only screen and (max-width: 1399px) {
  .banner-section h1 {
    font-size: 75px;
  }
}

@media only screen and (max-width: 1199px) {
  .navbar-nav li.nav-item .nav-link {
    font-size: 17px;
  }

  .banner-section h1 {
    font-size: 65px;
  }
}

@media only screen and (max-width: 991px) {
  #navbarNav {
    border-top: 1px solid var(--bg-primary-color);
    margin-top: 10px;
    padding: 15px;
    background: #fff;
  }

  #navbarNav .navbar-nav li.nav-item .nav-link {
    padding: 20px 0;
  }

  #navbarNav .navbar-nav li.nav-item .nav-link::before {
    bottom: 10px;
  }

  #navbarNav .dropdown .dropdown-menu,
  #navbarNav .dropdown-menu.show {
    overflow: hidden;
    transform-origin: top center;
    transform: none;
    display: block;
    width: 100%;
    padding: 15px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    border-top: 3px solid var(--bg-primary-color);
    margin: 0;
  }

  .btn.btn-hire {
    margin: 30px;
  }

  .dropdown-toggle::after {
    top: 20px;
  }

  .banner-image {
    margin-top: 50px;
  }

  .stat-box {
    flex: 1 1 220px;
  }

  .work-section .work-item h3 {
    font-size: 30px;
  }

  .service-section .service-item .image {
    display: none;
  }

  .service-section .service-item .image.image2 {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .stat-box {
    margin: 0 27px 50px 0 !important;
  }
  .unicorns .justify-content-between {
    justify-content: center !important;
  }
  .unicorns .rounded-image {
    margin-left: 20px;
  }
  .btn-contact {
    padding: 12px 26px;
    font-size: 18px;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.97);
    -moz-box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.97);
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.97);
  }
  .header-title,
  .page-header h1,
  .section-title h1,
  .title-left-content-right h1 {
    font-size: 50px !important;
  }
  .uiux-card {
    padding: 80px 0 60px 0;
  }
  .image-left-content-right {
    padding: 80px 0 30px 0;
  }
}

@media only screen and (max-width: 576px) {
  .navbar-brand img {
    margin: 0 0 0 10px;
  }
  .navbar-toggler {
    margin-right: 10px;
  }

  .banner-section {
    padding: 60px 10px;
  }

  .banner-section h1 {
    font-size: 40px;
  }

  .clutch-container {
    display: block !important;
  }

  .clutch-contents {
    margin: 40px 0 0 0 !important;
  }

  .section-title h2,
  .section-title h1 {
    font-size: 35px;
  }

  .section-title h3 {
    font-size: 18px;
  }

  .work-section .work-item h3 {
    font-size: 28px;
  }
  .work-section .work-item p {
    font-size: 16px;
  }

  .about-section {
    padding: 50px 10px;
  }

  .service-item .number {
    display: none;
  }

  .service-section .service-item .content h3 {
    font-size: 30px;
  }

  .service-section {
    padding: 0 10px;
  }
  .why-choose-us .card h5 {
    font-size: 30px;
  }
}

@media only screen and (max-width: 503px) {
}