/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
  .single-service-top .title {
    font-size: 24px !important;
    margin-left: 15px !important;
    line-height: 30px !important;
  }
  button.slide-arrow.slick-arrow {
    display: none !important;
  }
  .team-area-wrapper .single-team.styleclass {
    top: 0 !important;
  }
  .btn a span {
    font-size: 14px !important;
  }

  .about-us-left img {
    max-width: 80% !important;
    margin: 0 auto;
    display: block;
  }

  .team-area-wrapper .single-team .team-content {
    margin-bottom: 10 !important;
  }
  .seen-us-area img {
    max-width: 110px !important;
  }

  .hero-section-left .elementor-widget-wrap.elementor-element-populated {
    background-image: none !important;
  }

  .hero-area-wrapper {
    background-size: 200% !important;
  }

  .hero-area-wrapper {
    position: relative;
  }

  .hero-area-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
  }

  .hero-area-wrapper h1 {
    color: #fff !important;
  }

  .hero-area-wrapper .elementor-widget-container p {
    color: #fff;
  }

  .info-direction span.ha-step-arrow {
    opacity: 0 !important;
  }
  .info-box-area .contact-btn {
    row-gap: 5px !important;
    flex-direction: column !important;
  }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .single-service-top .title {
    font-size: 20px !important;
  }

  button.slide-arrow.slick-arrow {
    display: none !important;
  }
  .team-area-wrapper .single-team.styleclass {
    top: 0 !important;
  }
  .btn a span {
    font-size: 14px !important;
  }

  .about-us-left img {
    max-width: 80% !important;
    margin: 0 auto;
    display: block;
  }

  .single-service-top .title {
    margin-left: 25px !important;
    font-size: 25px !important;
  }

  .team-area-wrapper .single-team .team-content {
    margin-bottom: 0 !important;
  }

  .info-direction span.ha-step-arrow {
    opacity: 0 !important;
  }
  .info-box-area .contact-btn {
    row-gap: 5px !important;
    flex-direction: column !important;
  }
}