/* Medium Devices, Desktops : col-md */
@media only screen and (max-width: 1024px) {
  .home-slider .item h3{ margin-top: 90px; margin-bottom: 0;}
  .home-slider .item h5{ margin-top: 0;}
}

/* Medium Devices, Desktops : col-md */
@media only screen and (max-width: 991px) {

  .container{ max-width: 100%; }
  .btn{ padding: 15px 20px !important;}
  h1{font-size: 1.8rem !important;}
  .home-slider .item h3{ margin-top: 80px; }
  #section-contact small{ margin-right: 10px; float: right !important;}
  #section-partner .partner-content { padding: 0px 15px 20px; }
  #section-about-hospitals .number{ width: 25% }
  #section-about-hospitals .text{ width: 75%;}
  #section-divisions .p-5, #section-hospital-pharmacy .p-5{ padding-left: 15px !important; padding-right: 15px !important;}
  .inner ul li{ padding: .5rem .5rem; }
  .inner ul li a{ padding:0; font-size: 0.9rem;}
  .inner .justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: flex-end !important;
  }
  .wp-block-button__link{ padding: 0 !important;}
  
}

@media only screen and (max-width: 860px) {
  .inner ul li{ margin: 0 0.1rem; }
  header .logo img,.sticky img{ height: 35px; }
  footer .py-5{padding-bottom: 2rem!important;padding-top: 2rem!important;}
  footer .py-5.offset-lg-1{ padding-top: 0 !important;}
  .copyright .text-right{ text-align: left !important;}
  #section-contact .form-control{ margin-bottom: 10px; }
  .bg-partner{ display: none;}
  #section-partner h2, #section-contact h2{ font-size: 2.4rem;}
  #section-hospital-hours .col-sm-6{ margin-bottom: 15px; }
  
}

/* Extra Small Devices, Phones : col-xs */
@media only screen and (max-width: 767px) {

  header .topnav ul li{ margin: 0;}
  header .topnav ul li a{ padding: .3rem .4rem; }
  #section-hospital-specialists ul li{ width: 50%;}
  #section-hospital-about .px-5{ padding-left: 15px !important; padding-right: 15px !important; }
  #section-contact{ padding: 25px 0;}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 420px) {
  #section-about{ padding: 30px 0 50px; }
  #section-divisions ul li{ font-size: 1rem; }
  #section-divisions ul li::after{ position: relative;  right: 0; top: 0; margin: 0 0 0 2px;}
  #section-divisions ul li a{ float: none; margin-left: 0; color: #999; margin: 0 0 0 5px;}
  #section-about-hospitals .number{font-size: 3rem !important; }
  #section-about-hospitals .text{ padding: 5px 0 20px 10px; font-size: 1rem;}
  #section-about-hospitals .btn{float: left !important;}
  header .logo img, .sticky img { height: 40px; }
  footer p{ margin-bottom: 0;}
  .inner .nav{ width: 100%; margin-top: 0;}
  .inner .justify-content-center { justify-content: center !important; }
  .inner .logo{ margin-bottom: 15px;  width: 100%; text-align: center;}
  .inner ul li{ margin: 0 0.5rem;}
  .inner ul li.btn-secondary{ padding: .5rem 1.5rem;}
  .home-slider .item h3{ margin-top: 100px !important; line-height: 2rem; font-size: 1.6rem; font-weight: 600;}
  .home-slider .item h5{font-size: 1rem; line-height: 1.4rem; font-weight: 300;}
  #section-careers .btn{ padding: 8px 12px !important; font-size: 12px;}
  
}