/* -----------------------------------------
:: MOBILE 0-1025PX START
----------------------------------------- */
@media (min-width: 0px) and (max-width: 1025px) {

	/* -----------------------------------------
    :: SECTIONS
    ----------------------------------------- */
	.section1 {
		background: url('../../themed-images/backgrounds/section1.jpg') 50% 0 no-repeat scroll;
		position: relative;
		margin: 0 auto;
	}

	.section2 {
		background: url('../../themed-images/backgrounds/section2.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	.section3 {
		background: url('../../themed-images/backgrounds/section3.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	.section4 {
		background: url('../../themed-images/backgrounds/section4.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	.section5 {
		background: url('../../themed-images/backgrounds/section5.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	.section6 {
		background: url('../../themed-images/backgrounds/section6.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	.team {
		background: url('../../themed-images/backgrounds/team-bg.png') no-repeat scroll 50% 0;
		position: relative;
	}

	.mockup {
		background: #FEFEFE url('../../themed-images/backgrounds/mockup-bg.jpg') no-repeat scroll 50% 0;
		position: relative;
	}

	/* -----------------------------------------
    :: PARALLAX
    ----------------------------------------- */
	.parallax1 {
		background-attachment: scroll;
		background-position: center center;
		background-repeat: no-repeat;
	}

	.parallax2 {
		background-attachment: scroll;
		background-position: left center;
		background-repeat: no-repeat;
	}

	.parallax3 {
		background-attachment: scroll;
		background-position: right center;
		background-repeat: no-repeat;
	}

	.parallax4 {
		background-attachment: scroll;
		background-position: center bottom;
		background-repeat: no-repeat;
	}

	.parallax5 {
		background-attachment: scroll;
		background-position: center top;
		background-repeat: no-repeat;
	}

	/* -----------------------------------------
    :: INFO BOX CAROUSEL
    ----------------------------------------- */
	#ibc .article-carousel.carousel-control.right {
		top: -30px;
	}

	#ibc .article-carousel.carousel-control.left {
		top: -30px;
	}

}
/* -----------------------------------------
:: MOBILE 0-1025PX END
----------------------------------------- */
/* -----------------------------------------
:: MOBILE 0-769PX 
----------------------------------------- */
@media (min-width: 0px) and (max-width: 1000px) {
	#carousel-slider .carousel-caption {
		left: 22%;
		right: 22%;
		z-index: 10;
	}

	#carousel-slider .carousel-caption h1 {
		font-size: 20px;
	}

	#carousel-slider .carousel-caption h2 {
		font-size: 18px;
	}

	#carousel-slider .carousel-caption p {
		font-size: 14px;
	}

	.header {
		background-color: #00afee;
		height: auto;
		left: 0;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 10001;
	}

	.website-name-wrapper {
		border-right: 0px solid #ffffff;
		height: auto;
		min-height: 40px;
		left: 0;
		padding: 10px 10px 0 0;
		position: relative;
		top: 0;
		clear: both;
	}

	.website-name {
		text-align: center;
	}

	.tagline {
		text-align: center;
	}

	.google-search {
		position: relative;
		right: 0;
		top: 0px;
		transition: all 0.5s ease 0s;
		width: 100%;
		z-index: 1000;
	}

	.navbar-default .navbar-toggle {
		border-color: transparent;
	}

	.navbar-toggle {
		width: 90%;
		float: none;
		margin-bottom: 5px;
		margin-right: 5%;
		margin-left: 5%;
		position: relative;
	}

	input, button, select, textarea {
		color: #ffffff;
		font-size: 16px;
	}

	.navbar {
		border: 1px solid transparent;
		margin-bottom: 10px;
		min-height: 50px;
		position: relative;
	}

	.navbar-nav > li > a {
		margin: 0 0px;
	}

	.navbar-nav {
		float: left;
		width: 100%;
	}

	#menu {
		margin-right: 0px;
	}

	.showcase-margin {
		margin-top: 0px;
	}

}
/* -----------------------------------------
:: MOBILE TESTING
----------------------------------------- */
.breakpoint-xs {
	color: #FF0066;
}

.breakpoint-sm {
	color: #FF3300;
}

.breakpoint-md {
	color: #000066;
}

.breakpoint-lg {
	color: #000000;
}

.breakpoints {
	visibility: hidden;
}