/* 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) {
  .banner::after {
    content: none;
    position: unset;
  }

  .sec4-gallery {
    gap: 20px 20px;
    justify-content: center;
  }

  .sec4-gallery-img {
    width: 212px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .heading {
    width: 100%;
  }

  .heading h2 {
    font-size: 3rem;
  }

  /* header */
  .header-top {
    display: none;
  }

  /* Nav */
  nav {
    padding: 16px 30px;
  }

  .nav-img {
    width: 33%;
  }

  /* Hero */
  .hero {
    padding-bottom: 50px;
  }

  .hero .row {
    gap: 30px;
  }

  .hero-right h1 {
    font-size: 3.2rem;
  }

  .hero-btn {
    justify-content: center;
  }

  .hero-right {
    text-align: center;
  }


  .hero-form-header h2 {
    font-size: 1.8rem;
  }

  /* Section 1 */
  .sec1::after {
    top: 90px;
    left: -78px;
  }

  .sec1-right {
    width: 74%;
    margin: auto;
    margin-top: 50px;
  }

  .sec1-left h2 {
    font-size: 3rem;
    text-align: center;
  }

  .sec1-list {
    margin: 34px 0;
  }

  .sec1-list h3 {
    font-size: 1.6rem;
  }

  .sec1-list p {
    font-size: 1rem;
  }

  .sec1-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  /* Section 2 */
  .sec2-box {
    margin-bottom: 40px;
    text-align: center;
  }

  /* Banner */
  .banner::after {
    content: none;
    position: unset;
  }

  .banner {
    padding: 50px 0;
  }

  .banner h2 {
    font-size: 1.8rem;
  }

  /* Section 3 */
  .sec3 .row {
    margin-top: 60px;
    gap: 19px 0;
  }

  .sec3-box {
    text-align: center;
  }

  .sec3-box h3 {
    font-size: 1.4rem;
    margin-top: 2px;
  }

  .sec3-box p {
    margin-top: 6px;
    font-size: 0.9rem;
  }

  .sec3-box-bottom {
      margin:auto;
    margin-top: 10px;
  }

  /* Section 4 Gallery */
  .sec4-gallery {
    margin-top: 60px;
    gap: 20px;
    justify-content: center;
  }

  .sec4-gallery-img {
    width: 200px;
  }

  /* Testimonial */
  .testimonial-slider {
    padding: 50px 14px;
    /* background-attachment: fixed; */
  }

  .slide-content {
    gap: 26px;
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .testimonial-text {
    max-width: 100%;
    text-align: center;
  }

  .quote {
    font-size: 1.2rem;
    margin: 0 0 14px 0;
  }

  .description {
    font-size: 0.9rem;
    margin-bottom: 16px;
  }

  .testimonial-media {
    max-width: 44%;
  }

  /* Faqs */
  .faq .row {
    margin-top: 42px;
  }

  .faq-left {
    margin-bottom: 36px;
  }

  .custom-faq .accordion-button {
    padding: 1rem;
    font-size: 0.9rem;
  }

  /* Footer */
  footer {
    padding: 40px 20px;
    padding-bottom: 0;
  }

  .footer-top-center {
    gap: 30px;
    flex-wrap: wrap;
  }

  .footer-top-center-box {
    flex-direction: column;
    text-align: center;
    gap: 6px;
  }

  .footer-top-center-box a {
    font-size: 0.9rem;
  }

  .footer .footer-bottom {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 20px;
  }

  /* thank you */
  .thank-you-content h1 {
    font-size: 2rem;
  }

  .thank-you-content p {
    font-size: 1rem;
  }
}

@media (min-width: 320px) and (max-width: 767px) {
  .heading {
    width: 100%;
  }

  .heading h2 {
    font-size: 2rem;
  }

  /* header */
  .header-top {
    display: none;
  }

  /* Nav */
  nav {
    padding: 16px 6px;
    flex-direction: column;
    gap: 18px;
    text-align: center;
  }

  .nav-img {
    width: 46%;
  }

  .mybtn {
    padding: 6px 10px;
  }

  .nav-btns .mybtn span {
    font-size: 0.9rem;
  }

  /* Hero */
  .hero {
    padding-bottom: 50px;
  }

  .hero .row {
    gap: 30px;
  }

  .hero-right h1 {
    font-size: 2.6rem;
  }

  .hero-btn {
    justify-content: center;
  }

  .hero-right {
    text-align: center;
  }

  .hero-form {
    max-width: 100%;
  }

  .hero-form-header h2 {
    font-size: 1.2rem;
  }

  .hero-form-counter-box span {
    font-size: 1.8rem;
  }

  .hero-form-header::after {
    bottom: 34px;
  }

  .hero-form-center h3 {
    font-size: 1.5rem;
  }

  /* Section 1 */
  .sec1::after {
    top: 90px;
    left: -78px;
  }

  .sec1-right {
    width: 74%;
    margin: auto;
    margin-top: 26px;
  }

  .sec1-left h2 {
    font-size: 2rem;
    text-align: center;
  }

  .sec1-list h3 {
    font-size: 1.2rem;
  }

  .sec1-list p {
    font-size: 0.9rem;
  }

  .sec1-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }

  /* Section 2 */
  .sec2-box {
    margin-bottom: 40px;
    text-align: center;
  }

  /* Banner */
  .banner::after {
    content: none;
    position: unset;
  }

  .banner {
    padding: 50px 0;
  }

  .banner h2 {
    font-size: 1.8rem;
  }

  /* Section 3 */
  .sec3 .row {
    margin-top: 60px;
    gap: 19px;
  }

  .sec3-box {
    text-align: center;
  }

  .sec3-box h3 {
    font-size: 1.4rem;
    margin-top: 2px;
  }

  .sec3-box p {
    margin-top: 6px;
    font-size: 0.9rem;
  }

  .sec3-box-bottom {
      margin:auto;
    margin-top: 10px;
  }

  /* Section 4 Gallery */
  .sec4-gallery {
    margin-top: 60px;
    gap: 20px;
    justify-content: center;
  }

  .sec4-gallery-img {
    width: 138px;
  }

  /* Testimonial */
  .testimonial-slider {
    padding: 50px 14px;
    /* background-attachment: fixed; */
  }

  .slide-content {
    gap: 26px;
    max-width: 100%;
    flex-direction: column-reverse;
  }

  .testimonial-text {
    max-width: 100%;
    text-align: center;
  }

  .quote {
    font-size: 1.2rem;
    margin: 0 0 14px 0;
  }

  .description {
    font-size: 0.9rem;
    margin-bottom: 16px;
  }

  .testimonial-media {
    max-width: 44%;
  }

  /* Faqs */
  .faq .row {
    margin-top: 42px;
  }

  .faq-left {
    text-align: center;
    margin-bottom: 36px;
  }

  .custom-faq .accordion-button {
    padding: 1rem;
    font-size: 0.9rem;
  }

  /* Footer */
  footer {
    padding: 40px 20px;
    padding-bottom: 0;
  }

  .footer-top-center {
    gap: 30px;
    flex-wrap: wrap;
    flex-direction: column;
  }

  .footer-top-center-box {
    flex-direction: column;
    text-align: center;
    gap: 6px;
  }

  .footer-top-center-box a {
    font-size: 0.9rem;
  }

  .footer .footer-bottom {
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    gap: 20px;
  }
  .footer .footer-center{
      text-align:center;
  }

  /* thank you */
  .thank-you-content h1 {
    font-size: 2rem;
  }

  .thank-you-content p {
    font-size: 1rem;
  }




  /* Term And Policy */
  .term_condition {
    text-align: center;
  }

  .term_condition h1 {
    font-size: 2.4rem;
  }

  .term_condition h2 {
    font-size: 1.5rem;
  }
}