/* Vedic Physiotherapy - Mobile Responsive Fixes */
html, body { width:100%; max-width:100%; overflow-x:hidden; }
img, svg, video, iframe { max-width:100%; }
img { height:auto; }
table { max-width:100%; }
@media (max-width:991.98px){
  .container,.container-fluid{width:100%;max-width:100%}
  .row{margin-left:0;margin-right:0}
  [class*="col-"]{min-width:0}
  .hero,.banner,.page-banner,.inner-banner,.slider,.slider-area{max-width:100%;overflow:hidden}
  .hero img,.banner img,.page-banner img,.inner-banner img{max-width:100%;height:auto}
}
@media (max-width:767.98px){
  html,body{font-size:16px}
  h1{font-size:2rem;line-height:1.2}
  h2{font-size:1.75rem;line-height:1.25}
  h3{font-size:1.4rem;line-height:1.3}
  p{overflow-wrap:break-word}
  .container{padding-left:15px;padding-right:15px}
  .navbar-collapse{max-width:100%;overflow-x:hidden}
  .navbar-nav{width:100%}
  .navbar-nav .nav-link{white-space:normal}
  .btn,button,input[type="submit"],input[type="button"]{max-width:100%}
  .form-control,select,textarea{max-width:100%}
  .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .display-1{font-size:3rem}.display-2{font-size:2.75rem}.display-3{font-size:2.4rem}.display-4{font-size:2rem}
  [style*="width: 100vw"],[style*="width:100vw"]{width:100%!important;max-width:100%!important}
  iframe{max-width:100%}
}
@media (max-width:575.98px){
  h1{font-size:1.75rem} h2{font-size:1.5rem} h3{font-size:1.25rem}
  .container{padding-left:12px;padding-right:12px}
  .section-title,.hero-content,.banner-content,.page-banner-content{max-width:100%}
}