/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/


/*------------------------------------------------------------------
  Mobile Portrait and Landscape (tablet and smartphone)
  * 1.0 -> Menu
  * 1.1 -> Subtitles
  * 1.2 -> Gallery
  * 1.3 -> Footer
  * 1.4 -> Font Size
  * 1.5 -> Section & Divider
  * 1.6 -> BookNow
  * 1.7 -> Blog
  * 1.8 -> Breadcrumb
  * 1.9 -> About US
  * 1.10 -> Contact
  * ===============================================
  */


@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) {
  /*
   * 1.0 -> Font Size
   * -----------------------------------------------
  */
  .menuzord-menu > li > a {
    color: #444;
  }
  .menuzord-brand {
    margin-left: 0 !important;
  }
  .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a {
    color: #333;
  }
  .menuzord-menu ul.dropdown li a {
    color: #888;
  }
  /*
   * 1.1 -> Subtitles
   * -----------------------------------------------
  */
  .section-title span, .features-health span {
    font-size: 30px;
  }
  .subtitle-divider-2::before, .subtitle-divider-2::after {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 15px;
    width: 250px;
  }
  .subtitle-divider-2::after {
    background: #00cbd9 none repeat scroll 0 0;
    height: 4px;
    top: 14px;
    width: 70px;
  }
  section > .container, section > .container-fluid {
    padding-bottom: 0;
  }
  .newsletter-title {
    float: left;
  }
  /*
   * 1.2 -> Gallery
   * -----------------------------------------------
  */
  #gallery .container, #blog .container, #location, section#newsletter .container {
    padding-top: 40px !important;
  }
  #gallery .section-title {
    padding-bottom: 25px !important;
  }
  /*
   * 1.3 -> Footer
   * -----------------------------------------------
  */
  #footer .social-icons {
    text-align: left;
  }
  #footer-bg {
    background-position: top;
  }
  .footer .footer-widget .widget-title {
  	font-size: 25px;
  }
  .footer-empty-content {
    display: none;
  }
  .footer-content {
  	font-size: 15px;
  }

  /*
   * 1.4 -> Font Size
   * -----------------------------------------------
  */
  .font-sm-40 {
  	font-size: 40px !important;
  }

  /*
   * 1.5 -> Section & Divider
   * -----------------------------------------------
  */
  section > .container, section > .container-fluid {
    padding-top: 40px;
  }

  /*
   * 1.6 -> Booknow
   * -----------------------------------------------
  */
  .booknow-header {
  	font-size: 40px;
  }
  .modal-title {
  	font-size: 30px;
  }

  /*
   * 1.7 -> Blog
   * -----------------------------------------------
  */
  .entry-title {
  	font-size: 23px;
  }

  /*
   * 1.8 -> Breadcrumb
   * -----------------------------------------------
  */
  .breadcrumb-title {
  	font-size: 13px;
  }
  .breadcrumb-title-active {
  	font-size: 20px;
  }

  /*
   * 1.9 -> About US
   * -----------------------------------------------
  */
  .about-title {
  	font-size: 30px;
  }

  /*
   * 1.10 -> Contact
   * -----------------------------------------------
  */
  .contact-title {
  	font-size: 25px;
  }
}

/* Smartphone Portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #footer-bg {
      background-image:none !important;
    }
    .footer-empty {
      display: none;
    }
    .mobile-border {
      border-top: 1px solid #cccccc !important;
    }
}

/* Mobile Landscape */

@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  .features-health {
    margin-top: -80px;
  }
  .footer-empty {
    display: none;
  }
  .mobile-border {
    border-top: 1px solid #cccccc !important;
  }
  .footer-space-block2 {
    margin-top: 90px !important;
  }
}

/* Mobile Portrait */

@media only screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .features-health {
    margin-top: -100px;
  }
}

/* Tablet Landscape */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
  .menuzord-menu > li > a {
    color: #fff;
  }
  #gallery .container {
    padding-bottom: 40px;
  }
  .mobile-border {
    border-top: none !important;
  }
}

/* Tablet Portrait */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
  #footer-bg {
    background-position: top;
  }
  .mobile-border {
    border-top: 1px solid #cccccc !important;
  }
  .footer-space-block3 {
    margin-top: 50px !important;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 750px) {
  .menuzord-menu > li > a {
    color: #444;
  }
  .menuzord-menu > li.active > a, .menuzord-menu > li:hover > a {
    color: #333;
  }
  .menuzord-menu ul.dropdown li a {
    color: #888;
  }
  section > .container, section > .container-fluid {
    padding-bottom: 0;
  }
  #blog .container, #location, section#newsletter .container {
    padding-top: 50px !important;
  }
  #gallery .section-title {
    padding-bottom: 25px !important;
  }
  .newsletter-title {
    float: left;
  }
  #footer .social-icons {
    text-align: left;
  }
  #footer-bg {
    background-position: top;
  }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
  /*
section#newsletter .container {
	padding-top: 50px !important;
}
section#newsletter .text-align {
   text-align: left !important;
}
*/
}

/* Medium Devices, Desktops */

@media only screen and (min-width: 1000px) and (max-width: 1600px) {
  #footer-bg {
    background-position: top;
  }
}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1600px) {
  .newsletter-bg-image {
    display: none;
  }
  .contact-bg-image {
    display: none;
  }
  .service-bg-image {
    display: none;
  }
  #footer-bg {
    background-position: top;
  }
}

/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {
  html {
    font-size: 90%;
  }
}