@media screen and (-webkit-min-device-pixel-ratio: 1.25),
screen and (min-resolution: 120dpi) {}

@media (min-width: 1280px) and (max-width: 1366px) {
  .testimonials .testimonial-image img {
    height: 419px;
  }

  .top-banner {
    padding: 70px 0;
  }

  .top-banner .right-col h1 {
    font-size: 40px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .top-banner {
    padding: 50px 0;
  }

  .top-banner .right-col h1,
  .sec-four .sec-four-left .sec-four-left-info h2,
  .sec-five .sec-five-right h3,
  .section-title>h3,
  .tabs-sec .tabs-sec>h3,
  .tabs-sec .tab-content .tab-desc h3,
  .testimonials .testimonials-body>h3,
  .get-quote .get-quote-banner h3,
  .about-sec .about-sec-right h3,
  .sec-eight .sec-eight-right h3,
  .sec-eleven .sec-eleven-right h3,
  .banner-sec h3 {
    font-size: 32px;
  }

  .sec-two .sec-two-left form input {
    width: 27.333%;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one span,
  .sec-four .sec-four-right .sec-four-right-inner-two>span {
    font-size: 45px;
  }

  .sec-four .sec-four-left {
    flex-direction: column;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one,
  .sec-four .sec-four-right .sec-four-right-inner-two {
    height: 237px;
  }

  .sec-four .sec-four-left>img {
    height: 204px;
    object-fit: cover;
  }

  .sec-five .sec-five-right {
    padding: 0px 40px 0 50px;
  }

  .get-quote .get-quote-body {
    padding: 40px 45px 30px;
  }

  .get-quote .get-quote-body .get-quote-form {
    padding: 25px;
  }

  .get-quote .get-quote-banner {
    height: 230px;
  }

  .get-quote .get-quote-body .get-quote-form h5 {
    font-size: 24px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .top-banner {
    padding: 45px 0;
  }

  .top-banner .right-col h1,
  .sec-four .sec-four-left .sec-four-left-info h2,
  .sec-five .sec-five-right h3,
  .section-title>h3,
  .tabs-sec .tabs-sec>h3,
  .tabs-sec .tab-content .tab-desc h3,
  .testimonials .testimonials-body>h3,
  .get-quote .get-quote-banner h3,
  .about-sec .about-sec-right h3,
  .sec-eight .sec-eight-right h3,
  .sec-eleven .sec-eleven-right h3,
  .banner-sec h3 {
    font-size: 28px;
  }

  .sec-two .sec-two-left form {
    flex-direction: column;
  }

  .sec-two .sec-two-left form input {
    width: 100%;
    border: none !important;
    margin-bottom: 15px;
    padding: 15px 16px;
  }

  .sec-two .sec-two-left form button {
    width: 100%;
    padding: 15px 16px;
  }

  .sec-two .sec-two-center {
    margin-top: 35px;
  }

  .sec-four .sec-four-left {
    flex-direction: column;
  }

  .sec-four .sec-four-left>img {
    height: 160px;
    object-fit: cover;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one span,
  .sec-four .sec-four-right .sec-four-right-inner-two>span {
    font-size: 40px;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one,
  .sec-four .sec-four-right .sec-four-right-inner-two {
    height: 218px;
  }

  .sec-five .sec-five-right {
    padding: 0px 30px 0 30px;
  }

  .btn-theme,
  .btn-theme-outline,
  .btn-theme-pink,
  .btn-theme-light {
    padding: 8px 10px;
    font-size: 13px;
  }

  .tabs-sec .nav-tabs {
    gap: 15px;
    margin-top: 25px;
  }

  .testimonials .testimonials-body .testimonials-inner .testimonials-slider .testi-footer {
    gap: 30px;
  }


  .get-quote .get-quote-banner h3 {
    width: auto;
  }

  .get-quote .get-quote-banner {
    height: auto;
  }

  .get-quote .get-quote-body {
    flex-direction: column;
    padding: 40px 20px;
  }

  .get-quote .get-quote-body .get-quote-info {
    width: auto;
  }

  .get-quote .get-quote-body .get-quote-form {
    width: auto;
    margin-top: 20px;
    padding: 20px;
  }

  .get-quote .get-quote-body .get-quote-form h5 {
    font-size: 25px;
  }

  .get-quote .get-quote-body .get-quote-info ul {
    column-count: auto;
  }

  .client {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sec-eight .sec-eight-column {
    flex-direction: column;
    text-align: center;
  }

  .sec-nine .sec-nine-box {
    text-align: center;
  }

  .sec-ten .sec-ten-column {
    flex-direction: column;
    text-align: center;
  }
  .header.sticky img {
    width: 110px;
}
}

@media (min-width: 320px) and (max-width: 767px) {
  .top-banner {
    padding: 45px 0;
  }

  .top-banner .right-col h1,
  .sec-four .sec-four-left .sec-four-left-info h2,
  .sec-five .sec-five-right h3,
  .section-title>h3,
  .tabs-sec .tabs-sec>h3,
  .tabs-sec .tab-content .tab-desc h3,
  .testimonials .testimonials-body>h3,
  .get-quote .get-quote-banner h3,
  .about-sec .about-sec-right h3,
  .sec-eight .sec-eight-right h3,
  .sec-eleven .sec-eleven-right h3,
  .banner-sec h3 {
    font-size: 28px;
  }

  .sec-two .sec-two-left form {
    flex-direction: column;
  }

  .sec-two .sec-two-left form input {
    width: 100%;
    border: none !important;
    margin-bottom: 15px;
  }

  .sec-two .sec-two-left form button {
    width: 100%;
  }

  .sec-two .sec-two-center {
    margin-top: 35px;
  }

  .sec-three .sec-three-box {
    text-align: center;
  }

  .sec-four .sec-four-left {
    flex-direction: column;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one span,
  .sec-four .sec-four-right .sec-four-right-inner-two>span {
    font-size: 40px;
  }

  .sec-four .sec-four-right .sec-four-right-inner-one,
  .sec-four .sec-four-right .sec-four-right-inner-two {
    height: auto;
  }

  .sec-five .sec-five-right {
    margin-top: 30px;
    padding: 0px 30px 0 30px;
  }

  .btn-theme,
  .btn-theme-outline,
  .btn-theme-pink,
  .btn-theme-light {
    padding: 8px 10px;
    font-size: 13px;
  }

  .tabs-sec .nav-tabs {
    gap: 15px;
    margin-top: 25px;
  }

  .testimonials .testimonials-body .testimonials-inner .testimonials-slider .testi-footer {
    flex-direction: column;
    gap: 30px;
  }

  .get-quote .get-quote-banner h3 {
    width: auto;
  }

  .get-quote .get-quote-banner {
    height: auto;
  }

  .get-quote .get-quote-body {
    flex-direction: column;
    padding: 40px 20px;
  }

  .get-quote .get-quote-body .get-quote-info {
    width: auto;
  }

  .get-quote .get-quote-body .get-quote-form {
    width: auto;
    margin-top: 25px;
    padding: 20px;
  }

  .get-quote .get-quote-body .get-quote-form h5 {
    font-size: 20px;
  }

  .get-quote .get-quote-body .get-quote-info ul {
    column-count: auto;
  }

  .client {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .about-sec .about-sec-right .about-right-footer {
    flex-direction: column;
  }

  .about-sec .about-sec-right .about-right-footer .right-footer {
    width: auto;
  }

  .about-sec .about-sec-right .about-right-footer .experience {
    width: auto;
    margin-top: 25px;
    padding: 30px;
  }

  .sec-eight .sec-eight-right ul {
    column-count: auto;
    margin-bottom: 30px;
  }

  .sec-nine .sec-nine-box {
    text-align: center;
  }

  .sec-eleven .sec-eleven-right {
    padding: 20px;
  }

  .banner-sec {
    padding: 35px 0;
  }

  .tabs-sec .tabs-sec {
    margin-bottom: 15px;
  }

  .sec-ten .sec-ten-column {
    flex-direction: column;
    text-align: center;
  }

  .footer {
    text-align: center;
  }

  .footer .social-media {
    justify-content: center;
    margin-top: 15px;
  }

  .footer .footer-links {
    border-bottom: 1px solid;
    padding-bottom: 20px;
  }
    .header.sticky img {
    width: 110px;
}

}