/* Media Queries
--------------------------------------------------------*/

/* Smaller than standard 1199 (devices and browsers) */
@media only screen and (max-width: 1199px) {
	
	.parallax.fixed{background-attachment:scroll; background-position: center center;}
	
}


/* Higher than 960 (desktop devices) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	.teamImage h2 {margin-top: 105px; font-size:40px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 290px;}
	
}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.dropmenu { display: block; margin: 0 auto; }
	.dropmenu { padding: 10px 0; }
	#full-nav { background-color: #111; border: none; }
	.dropmenu li {
		padding: 5px;
	}
	#nav {display: none;}

	.small {font-size: 20px; font-weight:300;}
	.smallBold {font-size: 20px; font-weight:700;}
	.medium {font-size: 28px; text-transform: uppercase;}
	.mediumBold {font-size: 28px; font-weight:700; text-transform: uppercase;}
	.large {font-size: 40px; text-transform: uppercase;}
	.largeBold {font-size: 40px; font-weight:700; text-transform: uppercase;}
	.author {font-size: 14px; font-weight:300;}

	
}


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.dropmenu { display: block; margin: 0 auto;  }
	.dropmenu { padding: 10px 0; }
	#full-nav { background-color: #111; border: none; }
	.dropmenu li {
		padding: 5px;
	}
	#nav {display: none;}
	h1 {font-size: 160px;}
	.teamImage h2 {margin-top: 75px; font-size:32px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 226px;}
	.parallax.fixed{background-attachment:scroll; background-position: center center;}
	.blogTitle {margin-top: -40px;}
}


/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.dropmenu { display: block; margin: 0 auto; }
	.dropmenu { padding: 10px 0; }
	#full-nav { background-color: #111; border: none; }
	.dropmenu li {
		padding: 5px;
	}
	#nav {display: none;}
	#slidecaption { display:none;}
	#prevslide, #nextslide{top:120px;}
	.touch-device .teamImage .teamName { display: block; opacity: 1; }
	.touch-device .teamImage .teamName h2 { opacity: 1; margin-top: 10px; margin-bottom: 0;}
	.touch-device .teamImage .teamName h3 { opacity: 1; }
	.parallax { background-size: auto 400px }
	.parallax.fixed{background-attachment:scroll; background-position: center center;}
	.socialLinksTeam { opacity: 1; text-align: left; }
	.logo {
		margin-top: 0; 
		margin-right:0; 
		-webkit-transform: scale(.5); 
		-ms-transform: scale(.5); 
		transform: scale(.5); 
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		transform-origin: right top;
	}
	#prevslide {right: 45px; transform: scale(.5);}
	#nextslide {right: 22px; transform: scale(.5);}
	.homepage {margin-bottom: -50px;}
	.thumbImage .thumbTextWrap {padding: 0 10px;}
	.thumbImage .thumbText p {font-size: 12px;}
	.thumbImage .thumbText h3 {font-size: 21px;}
	.blogTitle {margin-top: 0px;}
}
	
	
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	h1 {font-size: 110px;}
	h1 span{font-size: 80px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 418px;}
	
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	h1 {font-size: 70px;}
	h1 span{font-size: 50px;}
	.teamImage h2 {margin-top: 75px; font-size:32px;}
	input[type="text"], input[type="password"], input[type="email"], textarea, select {width: 298px;}

}

@media only screen and (max-width: 600px) {
	#homepage {
		display: none;
	}

	#desktopVideo {
		display: none !important;
	}

	#wrapper_mbYTP_bgndVideo {
		display: none !important;
	}

	#controlBar_bgndVideo {
		display: none !important;
	}

	nav ul li a {
		font-size: 14px;
	}

	.mb_YTVPBar {
		display: none !important;
	}

	.dots {
		display: block;
	}

	.mobile-banner {
		display: block;
		position: relative;
		width: 100%;
		overflow: auto;
		
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		
		color: rgba(255,255,255,.6);
		text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);
		
		background: #5b4d3d;
		/*height: 200px !important;*/
		box-shadow: 0 1px 2px rgba(0,0,0,.25);
	}

	.mobile-banner { position: relative; overflow: auto; }
	.mobile-banner ul { list-style: none; }
    .mobile-banner li { list-style: none; }
    .mobile-banner ul li { 
		float: left;	
		background-width: 100%;
		padding: 100px 0px;
		background-size: cover !important;
		
    }
    .mobile-banner ul li.slide-1 {
    	background-image: url('../images/mobile-slider/slide-1.jpg');
    	 
    }
    .mobile-banner ul li.slide-2 {
    	background-image: url('../images/mobile-slider/slide-2.jpg'); 
    }
    .mobile-banner ul li.slide-3 {
    	background-image: url('../images/mobile-slider/slide-3.jpg'); 
    }
    .mobile-banner ul li.slide-4 {
    	background-image: url('../images/mobile-slider/slide-4.jpg'); 
    }

    .mobile-banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
	}
	.mobile-banner .dots li {
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 4px;
		
		text-indent: -999em;
		
		border: 2px solid #fff;
		border-radius: 6px;
		
		cursor: pointer;
		opacity: .4;
		
		-webkit-transition: background .5s, opacity .5s;
		-moz-transition: background .5s, opacity .5s;
		transition: background .5s, opacity .5s;
		list-style: none;
	}
	.mobile-banner .dots li.active {
		background: #fff;
		opacity: 1;
	}
}