/* Styles for device width under 992px */
@media all and (max-width: 991px) {
  .header {
    padding: 20px 0; }

  .site-logo a {
    margin-top: 0; }

  .site-logo a img {
    width: 240px; }

  .main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    background: #ffffff;
    height: 100%;
    min-width: 300px;
    min-height: 500px;
    z-index: 10;
    padding: 0 2rem;
    overflow: auto;
    display: none; }

  .nav-items {
    width: 100%;
    margin-right: 2rem;
    text-align: right; }

  .nav-items > li {
    display: block; }

  .nav-items li {
    text-align: left; }
    .nav-items li a {
      padding: 5px;
      font-size: 40px;
      display: block; }
    .nav-items li a:hover {
      background-color: #87499C;
      color: #ffffff; }
    .nav-items li ul {
      position: inherit;
      border-width: 0;
      text-indent: 10px;
      top: 100%;
      left: 0; }
      .nav-items li ul li a {
        padding: 5px 10px;
        display: block; }
      .nav-items li ul ul {
        position: inherit;
        top: 100%;
        left: 0;
        border-width: 0;
        text-indent: 20px; }
        .nav-items li ul ul li a {
          padding: 5px 10px;
          display: block; }
        .nav-items li ul ul li a:hover {
          text-decoration: none; }

  .nav-items li.has-submenu:hover > ul.submenu {
    display: none; }

  .submenu > .has-submenu > a:after, .nav-items > .has-submenu > a:after {
    content: '\f078';
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 10px;
    position: absolute;
    top: 5px;
    right: 5%; }

  .mobile-nav-icon {
    display: block;
    margin-top: 5px; }

  .mobile-nav-icon i {
    font-size: 36px;
    display: inline-block;
    vertical-align: middle; }

  #nav_close {
    text-align: right;
    margin: 1rem 0 2rem 0;
    display: block; }

  #nav_close i {
    display: inline-block;
    font-size: 20px; }

  .search {
    margin-top: 6px; }

  .searchbox {
    top: 157%;
    left: -283px;
    width: 315px; }

  .searchbox.show {
    top: 157%;
    left: -273px; }

  .slide-item {
    padding: 100px 0;
    background-size: 100% 100% !important; }

  .about-thumb, .facilities-thumb {
    min-height: 400px;
    margin-top: 2rem; }

  .facilities-info {
    margin-top: 2rem; }

  .team-member, .plan-item {
    margin: 15px 0; }

  .footer-widget {
    margin: 15px 0; }

  .author-box .share ul {
    text-align: center; }

  .preloader img {
    top: 30%;
    left: 35%; }
  .mobile-hide {
		display: none; } }
/* Styles for device width under 768px */
@media all and (max-width: 768px) {
  .searchbox {
    top: 180%;
    left: -300px;
    width: 315px; }

  .searchbox.show {
    top: 180%;
    left: -290px; }

  .slide-item {
    padding: 50px 0;
    background-size: 100% 100% !important; }

  .slide-head h2 {
    font-size: 2rem; }

  .top-info, .top-social ul {
    text-align: center;
    margin: 5px 0; } }
/* Styles for device width under 575px */
@media all and (max-width: 575px) {
  .searchbox {
    top: 180%;
    left: -268px;
    width: 315px; }

  .searchbox.show {
    top: 180%;
    left: -258px; }

  .slide-item {
    padding: 5px 0;
    background-size: 100% 100% !important; }

  .slide-head h2 {
    font-size: 2rem;
    margin: .2rem 0; }

  .page-header {
    padding: 50px 0; }

  .preloader img {
    top: 25%;
    left: 30%; } }
/* Styles for device width under 392px */
@media all and (max-width: 392px) {
  .searchbox {
    top: 180%;
    left: -168px;
    width: 225px; }

  .searchbox.show {
    top: 180%;
    left: -158px; }

  .main-navigation {
    width: 100%; }

  .about-thumb, .facilities-thumb {
    min-height: 280px; }

  .preloader img {
    top: 25%;
    left: 18%; } }

/*# sourceMappingURL=responsive.css.map */