/* ***** ** ***************** ** ***** */
/* ***** ** RESPONSIVE WIDTH 2 ** ***** */

@media (max-width: 370px) {
	.intro .text p {
		max-width: 750px;
		color: white;
		font-weight: 400;
		font-size: 26px;
		margin-top: 10px;
	}
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 165px;
		height: 52px;
	}
	.apps {
		width: 166px;
	}
	.bottom-arrow-intro {
		;
	}
}


/* ***** ** ***************** ** ***** */
/* ***** ** RESPONSIVE HEIGHT 2 ** ***** */

@media (max-height: 550px) {
	/* ***** page intro ***** */
	.intro .text h1 {
		max-width: 620px;
		font-size: 50px;
	}
	.intro .text p {
		max-width: 620px;
		font-size: 21px;
	}
	.intro .apps {
		max-width: 415px;
	}
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 180px;
		height: 60px;
	}

	/* ***** end-slide ***** */
	.slide-end .banner h2 {
		font-size: 60px;
		/* margin: 0; */
		max-width: 550px;
		/* margin: 0 auto; */
		font-size: 40px;
	}
}


@media (max-height: 500px) {
	.navbar-default {
		padding-top: 10px;
	}
}


/* ***** ** ***************** ** ***** */
/* ***** ** RESPONSIVE WIDTH 1 ** ***** */

@media (max-width: 880px) {
	/* ***** page intro ***** */
	.intro .text h1 {
		max-width: 620px;
		font-size: 50px;
	}
	.intro .text p {
		max-width: 620px;
		font-size: 21px;
	}
	.intro .apps {
		max-width: 415px;
	}
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 180px;
		height: 60px;
	}

	/* ***** end-slide ***** */
	.slide-end .banner h2 {
		font-size: 60px;
		/* margin: 0; */
		max-width: 550px;
		/* margin: 0 auto; */
		font-size: 40px;
	}
}

@media (max-width: 768px) {
	.navbar-default .navbar-nav > li > a {
		color: #1C1C1C !important;
	}
	nav ul {
		background: #fff !important;
	    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15) !important;
		-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.15) !important;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.15) !important;
	}
	.navbar-default .navbar-nav > .dropdown > a .caret {
		border-top-color: #1C1C1C !important;
		border-bottom-color: #1C1C1C !important;
	}
}

@media (max-width: 630px) {
	/* ***** page intro ***** */
	.intro .text h1 {
		max-width: 365px;
		font-size: 50px; /* 30px */
	}
	.intro .text span {
		white-space: nowrap;
	}
	.intro .text p {
		max-width: 365px;
		font-size: 15px;
	}
	.intro .apps {
		max-width: 365px;
	}
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 150px;
		height: 50px;
	}
	.bottom-arrow-intro-img {
		width: 90px;
		height: 90px;
	}

	/* ***** slide ***** */
	.banner h2 {
		max-width: 400px;
		font-size: 40px;
	}
	.banner p {
		max-width: 400px;
		margin-top: 30px;
	}
	.bottom-arrow-slide {
		width: 50px;
		height: 50px;
	}

	/* ***** end-slide ***** */
	.slide-end {
		min-height: 420px;
	}
}

@media (max-width: 600px) {
	/* ***** end-slide ***** */
	.slide-end .banner h2 {
		max-width: 400px;
		font-size: 30px;
	}
	.slide-end .apps {
		max-width: 365px;
	}
	.slide-end .text .app-googleplay, .slide-end .text .app-appstore {
		width: 150px;
		height: 50px;
	}
	.slide-end .text .app-appstore {
		margin-right: 50px;
	}
}

@media (max-width: 450px) {
	/* ***** end-slide ***** */
	.slide-end .banner h2 {
		max-width: 285px;
		font-size: 21px;
	}
	.slide-end .banner p {
		max-width: 285px;
		font-size: 15px;
	}
	.slide-end .apps {
		max-width: 150px;
	}
	.slide-end .text .app-googleplay, .slide-end .text .app-appstore {
		width: 150px;
		height: 50px;
	}
	.slide-end .text .app-appstore {
		margin-right: 30px;
	}
}

@media (max-width: 410px) {
	/* ***** page intro ***** */
	.intro .text h1 {
		max-width: 285px;
		font-size: 35px;
	}
	.intro .text p {
		max-width: 285px;
		font-size: 11px;
	}
	.intro .apps {
		max-width: 150px; /*100*/
	}
	/*
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 110px;
		height: 36px;
	}
	*/
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 150px;
		height: 50px;
	}
	.intro .text .app-appstore {
		margin-right: 30px;
	}
	.bottom-arrow-intro-img {
		width: 60px;
		height: 60px;
	}

	/* ***** slide ***** */
	.banner h2 {
		max-width: 285px;
		font-size: 25px;
	}
	.banner p {
		max-width: 285px;
		margin-top: 30px;
		font-size: 14px;
	}

	/* ***** end-slide ***** */
	.slide-end .banner h2 {
		
	}
	.slide-end .apps {
		max-width: 150px;
	}

}

/* ***** ** SLIDES ** ***** */
@media (max-width: 600px) {
	.slide2, .slide3 {
		height: 120%;
	}
}


@media (max-width: 320px) {
	.slide2, .slide3 {
		height: 150%;
	}
}

@media (max-width: 290px) {
	.navbar-brand-img {
		width: 120px;
		height: 17px;
		margin-top: 4px;
		margin-left: 5px !important;
	}
	.intro .text h1 {
		max-width: 210px;
		font-size: 30px;
	}
	.intro .text p {
		max-width: 210px;
		font-size: 14px;
	}
}

/* ***** ** ******************* ** ***** */
/* ***** ** RESPONSIVE HEIGHT 1 ** ***** */

@media (max-height: 750px) {
	.intro .text {
		top: 25%;
	}
}



@media (max-height: 500px) {
	/* ***** page intro ***** */
	.intro .text h1 {
		max-width: 365px;
		font-size: 30px;
	}
	.intro .text p {
		max-width: 365px;
		font-size: 15px;
	}
	.intro .apps {
		max-width: 365px;
	}
	.intro .text .app-googleplay, .intro .text .app-appstore {
		width: 150px;
		height: 50px;
	}
	.bottom-arrow-intro-img {
		width: 90px;
		height: 90px;
	}

	/* ***** slide ***** */
	.banner h2 {
		max-width: 400px;
		font-size: 40px;
	}
	.banner p {
		max-width: 400px;
		margin-top: 30px;
	}
	.bottom-arrow-slide {
		width: 50px;
		height: 50px;
	}

	/* ***** end-slide ***** */
	.slide-end {
		min-height: 420px;
	}
}

@media (max-height: 400px) {
	.intro .text p {
		margin-top: 10px;
	}

	.navbar-nav > li > a {
		padding: 7px 13px;
	}
}

@media (max-height: 300px) {
	h1 + p {
		display: none;
	}

	.navbar-nav > li > a {
		padding: 2px 13px;
	}
}

@media (max-height: 250px) {
	.bottom-arrow-intro {
		display: none;
	}
	.intro .text {
		top: 35%;
	}
}

@media (max-width: 410px) {
	.bottom-arrow-intro-img {
		width: 60px;
		height: 60px;
	}
}