/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	.video-active .main-cta {
		margin-top: -16.95%;
	}
	.main-cta {
		padding-bottom: 0 !important;
	}
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.main-cta {
		padding-bottom: 0 !important;
	}
}


@media (min-width:768px) {
	

	
	#ampyMove {
		display: inline-block;
		clear: both;
		padding-bottom: 10px;
	}

	body {
		font-size: 180%;
	}

  .top-nav-collapse {
      padding: 0;
      background: rgba(0,0,0,0.8);
  }
  .intro {
      height: 100%;
      padding: 0;
  }
  .navbar-brand {
		padding: 12px;
	}
	ul.nav {
		padding-top: 17px;
	}
	.navbar,
	.navbar-brand {
		height: 75px;
	}
	.nav>li>a {
		margin: 0 35px;
	}
	.desc {
		color: #fff;
		float: none;
		text-shadow: 0 0 1px #666;
	}
	.img-col-3 li {
		min-height: 328px;
	}
	#mission {
		min-height: 586px;
	}
	.img-col-3 img,
	#mission img {
		position:absolute;
		display: inherit;
		/*margin-left: -15px;*/
	}
	
	.meetit img {
		display: inherit;
		position: absolute;
	}
	
	.meetit2 img {
		display: inherit;
		position: absolute;
	}
	.as-seen span {
		padding-right: 15px;
		float: left;
	}
	.carousel-inner .item img.play-btn {
		width: auto !important;
	}
	.video-active .carousel-indicators {
		bottom: 134px
	}
	
	.img-col-3 img.top:hover,
	#mission img.top:hover {
	  opacity:0;
	}
	
	.meetit img.top:hover {
	  opacity:0;
	}
	
	.meetit2 img.top:hover {
	  opacity:0;
	}
	.img-col-3 div {
		text-indent: -9999px;
	}
	.know .container-fluid {
		max-height: 357px;
		padding: 68px 0
	}
	.about .pull-right a:first-child {
		margin: 0 0 30px 0;
	}
	.about .pull-right a {
		margin: 0 0 30px 0;
	}
	.mobile-app {
		margin-top: -154px;
	}
	.map {
		max-height: 486px;
		overflow: hidden;
		margin-bottom: 45px !important;
	}	
	.know {
	}
	.know h3 {
		font-weight: 700;
	}
	.know p {
	}
	p.lead {
		font-size: 2.5em;
		line-height: normal;
	}
	#contact-map.nopad {
		padding-left: 0;
		padding-right: 15px;
	}
	.padin-40 {
		padding: 40px;
	}
	.desc {
		position: absolute;
		font-size: 0.9em;
	}
	.navbar {
	  -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
	  -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
	  transition: background .5s ease-in-out,padding .5s ease-in-out;
	}
	.main-cta {
	 	margin-top: -15%;
	}
	.main-cta .dragon {
		margin-top: 9px;
	}

	.main-cta {
		padding-bottom: 25px;
	}
	/*.as-seen .carousel-inner {
			width:  75%;
	}*/
}

@media (min-width:768px) and (max-width:1199px) {
	/*.kickstarter {	
		bottom: 133px;
		margin-bottom: -115px;
	}
	.dragon {
		bottom: 117px;
		margin-bottom: -115px;
	}
	.dragon img {
		float: right;
	}*/
	.about .pull-right a:last-child {
		margin-right: -60px;
		margin-left: 30px !important;
	}
	#mission {
		min-height: 486px;
	}	
}

@media (min-width:768px) and (max-width:992px) {
	.mobile-app {
		margin-top: -69px;
	}
	.img-col-3 li {
		min-height: 213px;
	}
	.video-active .carousel-inner .holder {
		top: 25%;
	}
	.navbar .container {
		padding: 0px !important;
	}
	.ampyMoveImage {
		padding-top: 50%;
	}
	.container {
		width: 720px;
	}
}

@media (min-width:992px) and (max-width:1220px) {
	.mobile-app {
		margin-top: -113px;
	}
	.img-col-3 li {
		min-height: 270px;
	}
	.ampyMoveImage {
		padding-top: 25%;
	}
}

@media (min-width:480px) and (max-width:767px) {

	.navbar-collapse {
		top: 103px;
	}
	p.lead {
		font-size: 1.8em;
	}
	.desc {
		font-size: 0.85em;
	}
	.video-active .carousel-inner .holder {
		top: 25%;
	}
	.carousel-inner .holder {
		top: 25%;
	}
	#mission {
		min-height: 376px;
	}
	.headResponsive0 {
		height: 500px !important;
		width: auto !important;
		max-width: none !important;
		overflow-x: hidden;
		margin-left: -10%;
	}
	
}



@media (max-width:479px) {
	.blog .carousel-inner .holder {
		top: 10%;
	}
	.video-active .carousel-inner .holder {
		top: 25%;
	}
	.carousel-inner .holder {
		top: 25%;
	}
	.carousel-inner .item img.play-btn {
		padding-bottom: 10px;
	}
	.headResponsive {
		height: 500px !important;
		width: auto !important;
		max-width: none !important;
		overflow-x: hidden;
		margin-left: -50%;
	}
	
	.headResponsive80 {
		height: 500px !important;
		width: auto !important;
		max-width: none !important;
		overflow-x: hidden;
		margin-left: -80%;
	}
	
	.headResponsive0 {
		height: 500px !important;
		width: auto !important;
		max-width: none !important;
		overflow-x: hidden;
		margin-left: -10%;
	}
	
	.headResponsive300 {
		height: 300px !important;
		width: auto !important;
		max-width: none !important;
		overflow-x: hidden;
		margin-left: -45%;
	}
}
@media (min-width:480px) and (max-width:639px) {
	.blog .carousel-inner .holder {
		top: 15%;
	}
}
@media (min-width:640px) and (max-width:767px) {
	.blog .carousel-inner .holder {
		top: 32%;
	}
}

@media (min-width:768px) {
	.appInfo {
		height: 520px;
	}
	.hiddenInfo {
		display: none;
	}
	.shownInfo {
		display: inline-block;
	}
}

@media (max-width:767px) {
	.appiconcontain {
		width: 325px;
		margin: 0px auto;
	}
	.appInfo {
		height:100%;
		text-align: center;
	}
	.hiddenInfo {
		display: inline-block;
	}
	.shownInfo {
		display: none;
	}
	.appSection .form-control {
		width: 100%;
	}
	#sec-2 p.lead {
		font-size: 1.0em;
	}
	.appSection {
		text-align: center;
	}
	.meetit img {
		max-width: 100% !important;
	}
	.meetit2 img {
		max-width: 100% !important;
	}
	#ampyMove {
		max-width: 500px;
	}
	.adjust {
		text-align: center !important;
	}
	.smaller {
		font-size:1.0em !important;
	}

	.navbar {
    /*background: rgba(255,255,255,1);
    border-bottom: 1px solid #000;*/
	}
	.navbar-nav {
		margin: 0;
    background: rgba(0,0,0,0.8);
	}
	.logoRespond {
		max-height:25px !important;
	}
	header.container-fluid {
		position: relative;
		/*top: 79px;
		margin-bottom: 79px;*/
	}
	.xs-btn-block {
  	display: inline-block !important;
  	width: 100% !important;
	}
	section {
		/*padding: 20px 0 0 0;*/
	}
	ul {
		margin-bottom: 0;
	}
	.appSection2 ul {
		margin-bottom: 10px;
	}
	.img-full {
		width: 100%;
		max-width: inherit;
	}
	.btn {
	}
	.about .pull-right {
		float: none !important;
	}
	.text-center .img-responsive {
		display: inline-block;
	}

	.navbar-collapse {
		position: absolute;
		top: 82px;
		width: 100%;
	}
	
	footer .pull-right {
		position: relative;
		margin: 0 auto;
	}
	footer .ftrbar {
		position: relative;
	}
	footer .icon span {
		font-size: 1.8em;
		display: block;
		margin-top: -15px;
	}
	.dragon.pull-right {
		float: none !important;
	}

	.xs-top5 { margin-top:5px !important; }
	.xs-top10 { margin-top:10px !important; }
	.xs-top15 { margin-top:15px !important; }
	.xs-top20 { margin-top:20px !important; }
	.xs-top30 { margin-top:30px !important; }

	.top5 { margin-top:5px !important; }
	.top10 { margin-top:10px !important; }
	.top15 { margin-top:10px !important; }
	.top20 { margin-top:10px !important; }
	.top30 { margin-top:20px !important; }
	
	.dragonsmall .nav {
		margin-top:10px;
	}
	
	.tophold .nav {
		display:none;
	}
	
	.tophold div {
		display:none;
	}
	
	.tophold {
		text-align:center;
	}
	
	.navbar-nav>li.order>a {
		border:0px !important;
		padding-left: 0px !important;
	}
	
	.nav {
		z-index:999;
	}
	
	.dragonsmall {
		background: #fff;
		width: 100%;
		color: #000;
		padding:20px 10px;
		text-align:center;
		display:block;
	}
	
	.holder h3 {
		display:none;
	}
	
	.main-cta {
		padding: 0px !important;
	}
	
	.dragon {
		display:none;
	}
	
	p.lead {
		font-size: 2em;
	}
	
	p.lead br {
		display:none;
	}
	
	.charges li h3 {
		display:none;
	}
	
	.meetit2 {
		text-align:center;
		font-size: 1.2em !important;
		padding-left:0px !important;
	}
	.meetit {
		text-align:center;
		font-size: 1.2em !important;
		padding-left:0px !important;
	}
	.know img {
		width:60% !important;
		margin:10px auto 0px !important;
		padding-bottom:20px;
	}

	.know {
		text-align:center;
	}
	
	.know h3 {
		margin-top:20px !important;
	}
	
	

}

@media(max-width:900px) and (min-width:768px) {
	.know img {
		margin-top:73px !important;
		width:100% !important;
	}
	.container-fluid {
	}
}
@media(max-width:992px) and (min-width:901px) {
	.know img {
		width:120%;
		margin-top:18px !important;
	}
}
@media(max-width:992px) {
	.meetit2 {
		min-height: 350px;
	}
	.appBannerTextContainer {
		height: 520px;
	}
	.appBanner {
		/* height: 700px;
		overflow:hidden;
		position: fixed !important;
		position: -webkit-sticky;
  		position: -moz-sticky;
  		position: -ms-sticky;
  		position: -o-sticky;
		width: auto;
		right: -120% !important;*/
		display: none;
		position: absolute;
		visibility: hidden;
	}
	.appTextSection {
		 background: url('http://cdn2.hubspot.net/hubfs/410447/images/may2015/appshot.jpg');
	}
	.phoneScreen {
		margin-top: 5%;
	}
	.appBannerText {
		margin-top: 10%;
	}

	.smaller {
		font-size:1.2em !important;
	}

	h3 br {
		display: none;
	}
	.container.nopad {
		width: auto;
	}
	p.lead {
		font-size: 2em;
		line-height: normal;
	}
	
	.carouselp p.lead {
		font-size: 4em !important;
	}
	.carouselq div {
		font-size: 1.2em !important;
	}
	.holder div {
		font-size:1.5em;
	}
	.dragon {
		height:75px;
	}
	.meetit {
		font-size: 0.9em;
	}
	
	.meetit img {
		max-width: 375px;
		width:100%;
	}
	
	.meetit2 {
		font-size: 0.9em;
	}
	
	.meetit2 img {
		max-width: 375px;
		width:100%;
	}
	.know h3, .know p, .know ul {
		margin-left:0px;
	}
	.know p {
		font-size: 1em;
	}
	.know h3 {
		font-size:1.8em
	}
	.know ul {
		font-size:0.8em;
	}
	.movepage {
		top: 25% !important;
	}
	
}

@media(max-width:1220px) {


	.smaller {
		font-size:1.4em !important;
	}
	.nav>li>a {
		margin: 0 15px;
	}
	.embed-responsive.embed-responsive-16by9 {
		/*padding-bottom: 47.25%;*/
	}
	.know img {
		margin-top:35px;
	}
	.know ul {
		font-size:0.8em;
	}
	.appBanner {
		height: 700px;
		overflow:hidden;
		position: fixed !important;
		position: -webkit-sticky;
  		position: -moz-sticky;
  		position: -ms-sticky;
  		position: -o-sticky;
		width: auto;
		left: -20% !important;
	}
}

@media(min-width:992px) and (max-width:1220px) {
	.container {
		width: 940px;
	}
	.appBannerTextContainer {
		height: 600px;
	}
}

@media(min-width:992px) {

	.appBannerText {
		margin-top: 15%; 
	}
	.phoneScreen {
		margin-top: 5%;
	}

	.about .pull-right a:last-child {
		margin-right: -30px;
		margin-left: 60px;
	}
	.as-seen span,
	.as-seen .media-btn {
		line-height: 74px;
	}
	.desc {
		position: absolute;
		padding-top: 25px;
	}/*
	.kickstarter {		
		bottom: 173px;
		margin-bottom: -115px;
	}
	.dragon {	
		bottom: 147px;
		margin-bottom: -115px;
	}
	.dragon img {
		float: right;
	}*/
	.navbar-brand .img-responsive {
		display: inline;
		float: left;
	}
	.video-active .carousel-inner .holder {
		top: 25%;
	}
	.carousel-inner .holder {
		top:  25%;
	}
	/*.q-a {
		padding-bottom: 89px;
	}*//*
	.video-active .main-cta {
		margin-top: -25.95%
	}*/
	.main-cta {
		margin-top: -17%;
	}
	.video-active .main-cta {
	 	margin-top: -25.95%;
	}
	.video-active .carousel-control {
		top: 33.7% !important;
	}
}

@media (min-width:1221px) {
	.appBanner {
		max-height: 800px;
		overflow:hidden;
		position: fixed !important;
		position: -webkit-sticky;
  		position: -moz-sticky;
  		position: -ms-sticky;
  		position: -o-sticky;
		width: 100%;
	}
	.appBannerTextContainer {
		height: 700px;
	}
}

@media (min-width:1170px) {
	.chart .container-fluid {
		background: url(http://cdn2.hubspot.net/hub/410447/file-1813394922-jpg/images/chart-bg.jpg) left bottom repeat-x;
	}
	.video-active .main-cta {
	 	margin-top: -20.95%;
	}

}
@media (min-width:1568px) {
	.chart .container-fluid .img-full {
	max-width: 100%;
	width: auto;
	text-align: center;
}

.movepage {
	padding-bottom: 25% !important;
	
}