@media(max-width:1500px) {}

@media(max-width:1400px) {}

@media(max-width:1200px) {}

@media(max-width:1069px) {}

@media (max-width:968px) {}

@media(max-width:991px) {

  #service-page .side {
    position: static;
  }

  #service-page .steps-checklist {
    grid-template-columns: 1fr;
  }

  #service-page .benefits-grid {
    grid-template-columns: 1fr;
  }

  #service-page .service-hero-img {
    height: 260px;
  }
}

@media (max-width: 768px) {
  /* SOCIAL ICONS */
  .offcanvas .social-icons {
    margin-top: 40px;
    display: flex;
    gap: 12px;
    justify-content: center;
  }

  .offcanvas .social-icons a {
    width: 40px;
    height: 40px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0b3154;
    text-decoration: none;
    transition: 0.3s;
  }

  .offcanvas .social-icons a:hover {
    background: #0b3154;
    color: #fff;
    border-color: #0b3154;
  }

  .offcanvas-header,
  .offcanvas-body {
    width: 100%;
  }


  #main-footer::after {
    display: none;
  }

  #hero-slider .stats-block {
    margin-bottom: 10px;
  }

}

@media(max-width:768px) {
  #hero-slider .thumb-card {
    display: none;
  }

  #hero-slider .slide-bottom {
    display: block;
    margin-top: 30px;
  }

  #hero-slider .slide-content {
    padding: 160px 13px 0;
  }

  #about .about-img-main {
    width: 100%;
    height: 250px;
  }

  #about .about-img-sm {
    width: 100%;
    height: 115px;
  }

  #about .about-title {
    font-size: 25px;
  }

  #services .services-title {
    font-size: 25px;
  }

  #about-video-section .avs-heading {
    font-size: 25px;
  }

  #testimonial h2 {
    font-size: 25px;
  }

  #why-choose .wc-title {
    font-size: 25px;
  }

  #faq-section .faq-heading {
    font-size: 25px;
    text-align: center;
  }

  #faq-section .faq-btn {
    text-align: left;
  }

  #main-header .navbar-brand {
    width: 85px;
  }

  #blog-section .bs-heading {
    font-size: 25px;
  }


  #blog-section .bs-title {
    font-size: 20px;
  }

  #main-footer .footer-brand {
    width: 100% !important;
  }

  #physio-section .physio-title {
    font-size: 25px;
    text-align: center;
  }

  #physio-section .physio-stars {
    justify-content: center;
  }

  #physio-section .physio-para {
    text-align: center;
  }

  #service-page .service-content {
    padding-left: 0;
  }

  #service-page .svc-title {
    font-size: 25px;
  }

  #blog-detail h2 {
    font-size: 25px;
  }

  #contact-section .contact-main-title {
    font-size: 30px;
  }
  #contact-section .map-card {
    display: block;
}
#contact-section .map-thumb {
    width: 100%;
}
#contact-section .form-card {
    padding: 20px 20px;
}
.offcanvas-title {
    width: 100px;}
    
    #service-page .row{
    flex-direction: column-reverse;
    row-gap: 20px;}
    
    .breadcrumb-content .page-title {
    font-size: 25px;}
}

@media (max-width:600px) {}


@media(max-width:643px) {}


@media(max-width:576px) {}

@media(max-width:480px) {}

@media(max-width:400px) {}

@media(max-width:359px) {}