/* xlg 4k */ 
@media (min-width: 3840px) {
  .container-fluid {
    max-width: 1920px;
  }
  .navbar-brand img {
		max-width: 200px;
	}
}

/* lg */ 
@media (min-width: 1200px) and (max-width: 3839px) {
 .container-fluid {
    max-width: 1920px;
  }
  .navbar-brand img {
		max-width: 200px;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.nav>li>a {
    padding: 15px 10px;
  }
	.navbar-brand img {
		max-width: 200px;
	}
	.main-banner {
		font-size: 28px;
	}
	#intro h1 {
		margin-top: 0px;
	}
	#intro img {
		margin-top: 15px;
	}
	#topics h2 {
		font-size: 40px;
		margin-bottom: 30px;
	}
	#emp-care h2 {
		font-size: 40px;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#emp-care h3 {
		margin-top: 0px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.collapse {
     display: none !important;
   }
	.navbar-brand img {
		max-width: 180px;
	}
}

/* xs */
@media (max-width: 767px) {
	.navbar-brand img {
		max-width: 200px;
	}
	.main-header-parallax-window {
	  min-height: 300px;
	}
	#main-header .caption {
	  padding: 80px 30px 0px 30px;
	}
	.main-banner {
	  font-size: 20px;
	}
	#intro {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#intro h1 {
		font-size: 36px;
	}
	#topics {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#topics h2 {
		font-size: 22px;
		margin-bottom: 15px;
	}
	#topics .btn {
		display: block;
	}
	.banner {
		font-size: 28px;
	}
	#emp-care {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#emp-care h2 {
		font-size: 28px;
	}
	#emp-care h3 {
		font-weight: bold;
	}
	#open-source {
		padding-top: 20px;
		padding-bottom: 40px;
	}
	#open-source h2 {
		font-size: 28px;
		margin-bottom: 15px;
	}
	#open-source .oss {
		margin-top: 0px;
	}
	#open-source h3 {
		margin-top: 15px;
	}
	#who-we-are {
		padding-top: 0px;
		padding-bottom: 60px;
	}
	#who-we-are h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}
	#involved {
		padding-top: 0px;
		padding-bottom: 60px;
	}
	#contact {
		padding-top: 0px;
		padding-bottom: 60px;
	}
	#contact h2 {
		font-size: 36px;
		margin-bottom: 15px;
	}
	.embed-container {
	  padding-bottom: 50%;
	}
	#mobile {
		padding-top: 20px;
		padding-bottom: 40px;
		font-size: 14px;
	}
	#mobile h2 {
		font-size: 32px;
	}
	#mobile h3 {
		font-size: 28px;
		margin-top: 20px;
		line-height: .85;
	}
	#mobile2 {
		padding-top: 20px;
		padding-bottom: 40px;
		font-size: 14px;
	}
	#mobile2 h3 {
		font-size: 28px;
		margin-top: 20px;
		line-height: .85;
	}
	#mobile3 {
		background-color: #f3f3f3;
		padding-top: 20px;
		padding-bottom: 40px;
		font-size: 14px;
	}
	#mobile3 h3 {
		font-size: 28px;
		margin-top: 20px;
		line-height: .85;
	}
	.family-parallax-window {
	  min-height: 450px;
	}
	#family {
		margin-top: -420px;
	}
	.chinese-parallax-window {
	  min-height: 450px;
	}
	#chinese {
		margin-top: -420px;
	}
	.behavioral-parallax-window {
	  min-height: 450px;
	}
	#behavioral {
		margin-top: -420px;
	}
	.pediatric-parallax-window {
	  min-height: 450px;
	}
	#pediatric {
		margin-top: -420px;
	}
	.ehr-parallax-window {
	  min-height: 450px;
	}
	#ehr {
		margin-top: -420px;
	}
	.manager-parallax-window {
	  min-height: 450px;
	}
	#manager {
		margin-top: -420px;
	}
	.portal-parallax-window {
	  min-height: 450px;
	}
	#portal {
		margin-top: -420px;
	}
	#footer .ft-logo {
		margin-top: 20px;
		margin-right: 25px;
	}
}

/* xs portrait */
@media (max-width: 479px) {
  
}
/* Navbar Breaking Point */
@media (max-width: 1000px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}