/* For Google Chrome (125% zoom level) */
@media screen and (-webkit-min-device-pixel-ratio: 1.25),
screen and (min-resolution: 120dpi) {}

@media (min-width: 1280px) and (max-width: 1366px) {}

@media (min-width: 1024px) and (max-width: 1279px) {

  .section-title>h2,
  .section-title>h3,
  .footer-top-heading {
    font-size: 36px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {

  .section-title>h2,
  .section-title>h3,
  .footer-top-heading {
    font-size: 30px;
  }

  .top-banner {
    background-size: cover;
    padding: 160px 0 180px;
  }

  .sec-two .vector-two {
    right: 7px;
  }

  .sec-two .vector-one {
    top: -30px;
    right: 50px;
  }
  .contact-form .contact-right {
    margin-top: 20px;
    transform: scale(1) !important;
  }
}

@media (max-width: 767px) {
  .top-banner {
    background-size: cover;
    padding: 160px 0 160px;
    text-align: center;
  }

  .top-banner .learn-img>img,
  .sec-three .right-img>img {
    margin-top: 30px;
  }

  .section-title>h2,
  .section-title>h3,
  .footer-top-heading,
  .contact-form .contact-right h4 {
    font-size: 28px;
  }

  .sec-two .vector-three {
    bottom: 65px;
    width: 150px;
  }

  .footer-top-heading {
    margin-bottom: 25px;
  }

  .contact-form .contact-right {
    margin-top: 20px;
    transform: scale(1) !important;
  }

  .contact-form .contact-right>img {
    width: 100%;
  }

  .contact-form .form-sec {
    padding: 30px 0 0;
  }

  .contact-form {
    padding: 0px 30px;
  }
}