/* Medium Layout: 1280px. */
@media only screen and (min-width: 1367px) {

	.carousel-caption h3 {
		font-size: 55px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.swiper-slide .titulo {
		font-size: 50px;
	}
	.swiper-slide .titulo2 {
		font-size: 55px;
	}
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 1366px) {
	.featured-list #grid .thumb {
		width: 50%;
	}

	.swiper-slide .titulo {
		margin: 25px 0 0 0;
		font-size: 35px;
	}
	.text p {
		color: white;
		font-size: 25px;
		line-height: 1em;
	}
	.swiper-slide .titulo2 {
		font-size: 41px;
	}
	.carousel-caption h2 {
		font-size: 27px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.carousel-caption h3 {
		font-size: 35px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.carousel-caption h4 {
		position: relative;
		top: 1rem;
		bottom: 100%;
		text-align: center;
		font-size: 2.5rem;
		color: white;
		text-transform: uppercase;
		font-weight: bold;
		font-family: sans-serif;
		transition: 0.5s cubic-bezier(0.35, 0, 0, 1);
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
	}

	.feature-text {
		padding: 0% 2px;
	}

	.feature-text h4 {
		font-size: 16px;
		text-transform: uppercase;
	}

	.feature-text h5 {
		font-size: 14px;
		line-height: 1.2em;
		text-transform: uppercase;
	}

	.feature-text p {
		margin: 5px 5px;
		line-height: 1.5em;
		font-size: 14px;
	}
}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.carousel-caption h2 {
		font-size: 25px;
		text-transform: uppercase;
		line-height: auto !important;
	}
	
	.swiper-slide .titulo2 {
		font-size: 25px;
	}
	.text p {
		color: white;
		font-size: 17px;
		line-height: 1em;
		margin-right: 20px;
	}
	
	.nav-container {
		padding-right: 5px;
		padding-left: 5px;
		margin-right: 0%;
		margin-left: auto;
	}

	.carousel-caption h3 {
		font-size: 30px;
		text-transform: capitalize;
		line-height: auto !important;
	}

	.featured-list #grid .thumb {
		width: 50%;
	}

	.topbar {
		height: 20px;
		padding-top: 5px;
		background-color: white;
	}

	.topbar h5 {

		color: rgb(44, 44, 44);
		font-size: 11px;

		font-weight: bolder;
		float: right;
		letter-spacing: 0;
	}

	.topbar h5 i {
		margin: 0 5px 0 5px;
	}

	.carousel-caption {
		top: 15%;
		right: 2%;
		left: 2%;
	}

	.carousel-caption h1 {
		font-size: 15px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.btn.btn-learn {
		font-size: 10px;
		font-weight: 500;
		padding: 5px 7px;
		text-align: center;
		text-transform: uppercase;
	}

	.about-text {
		text-align: center;
	}

	.single-feature {
		text-align: center;
	}

	.feature-icon {
		margin-bottom: 8px;
	}

	.feature-text h4 {
		line-height: 25px;
	}

}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.featured-list #grid .thumb {
		width: 50%;
	}

	.carousel-caption {
		top: 30%;
		right: 2%;
		left: 2%;

	}

	.carousel-caption h1 {
		font-size: 15px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.btn.btn-learn {
		font-size: 10px;
		font-weight: 500;
		padding: 5px 7px;
		text-align: center;
		text-transform: uppercase;
	}

	.about-text {
		text-align: center;
	}

	.carousel-caption h2 {
		font-size: 25px;
		text-transform: uppercase;
		line-height: auto !important;
	}

	.carousel-caption h3 {
		font-size: 30px;
		text-transform: capitalize;
		line-height: auto !important;
	}

	#intro {
		height: 65vh;
	}
}

@media (max-width: 500px) {

	.topvisible {
		display: none;
	}
}

@media (max-width: 400px) {

	.topbar {
		display: none;
	}

	.swiper-slide .titulo {
		font-size: 25px;
		text-align: center;
	}

	.navbar-inverse {
		background-color: white;
		border-color: transparent;
		padding: 5px 25px;
		height: 95px;

		margin: 0 auto;
		top: 0px;
	}

	.carousel-caption {
		top: 30%;
	}

	.carousel-caption h3 {
		font-size: 25px;
		text-transform: capitalize;
		line-height: auto !important;
	}

}

@media (max-width: 350px) {

	.logo {
		padding-top: 2px;
		width: 200px;

	}
}