/*
Theme Name: 
Theme URI: http://prosoft-phils.com/
Author: JC | Prosoft Phils
Author URI: http://prosoft-phils.com/
Description: Responsive Theme for (Tablet)
*/

@media (min-width: 768px) and (max-width: 991px) {
  /*--------------------------------------------------------------
GENERAL STYLES
--------------------------------------------------------------*/
  /*--------------------------------------------------------------
CONTACT FORM / Google ReCAPTCHA
--------------------------------------------------------------*/
  [title~="recaptcha"] {
    width: 400px !important;
    height: 580px !important;
  }

  .google-recaptcha iframe {
    min-width: 304px !important;
    height: auto !important;
  }

  .contact-input {
    text-align: right;
  }

  /*--------------------------------------------------------------
HEADER
--------------------------------------------------------------*/
  body {
    /*margin-top: 222px;*/
    margin-top: 180px;
  }

  .nav-info-container,
  ul.nav-menu {
    text-align: center;
    margin: 4px 0;
  }

  .header-v2 .logo a img {
      object-fit: contain;
      max-height: 50px;
      margin: 0 auto;
    }

  .header-v2 .btn-header__screening {
      font-size: 12px;
    }

  .header-v2 ul.nav-menu > li > a {
    font-size: 12px !important;
  }

  .header-v2 .menu-header_menu-container {
    padding-top: 0;
  }

  .header-v2 .nav-menu-container {
    text-align: center;
  }

  .nav-info-container ul {
    margin: 0;
    text-align: center;
  }

    .nav-info-container ul li {
      margin-left: 4px;
      margin-right: 4px;
    }

  .header-phone {
      font-size: 14px;
  }

  /*--------------------------------------------------------------
  FOOTER
  --------------------------------------------------------------*/
  ul.footer-menu {
    display: flex;
    justify-content: space-between;
  }

  ul.footer-menu > li {
    margin: 0 8px;
    align-self: flex-start;
    text-align: center;
  }

  ul.footer-menu > li .sub-menu {
    margin-left: 0;
  }

  ul.location-footer__list li {
    /*padding: 32px;
    flex: 1 0 auto;
    border-left: none;
    text-align: center;*/
    width: 33%;
  }

  ul.location-footer__list li:nth-child(1) {
/*    padding: 32px;*/
  }

  /*--------------------------------------------------------------
  Full Width Video iFrame on Modal 
  --------------------------------------------------------------*/
  .video-modal-content {
    width: 72%;
  }

  /*--------------------------------------------------------------
  COMMONS
  --------------------------------------------------------------*/
  .btn-sidebar {
    display: block;
    margin: 16px auto;
    max-width: 300px;
  }

  ul.staff-pills li,
  ul.contact-pills li {
    margin: 8px;
  }
  /*--------------------------------------------------------------
  HOME 
  --------------------------------------------------------------*/
  .carousel-item__content {
    padding: 16px 15px;
  }

  .carousel-item__content.bottom {
    top: auto;
    bottom: -50%;
  }

  .carousel-item__content h4 {
    font-size: 48px;
    line-height: 56px;
  }

  #carouselHome .carousel-item {
    height: 500px;
  }

  #carouselHome .carousel-item img {
    height: 100%;
  }

  /*--------------------------------------------------------------
REVISIONS
--------------------------------------------------------------*/
  .location-page {
    padding-top: 0px;
  }

  section#staff-page {
    padding: 15px 15px;
    background: linear-gradient(#dfdfdf, #f8f8f8 30%) no-repeat top;
  }

  section#staff-page {
    padding: 15px 15px;
    background: linear-gradient(#dfdfdf, #f8f8f8 30%) no-repeat top;
  }

  #blog-page {
    margin-top: 20px;
  }

  .search-form__input {
    width: 100px;
  }
} /*END of @media 768px - 991px*/